soundManager.url = 'assets/swf/'; // directory where SM2 .SWFs live
$(document).ready(function(){

	// Slight on/off hover for all blocks 
	$("p#blocks > span").hover(
	function(){
		$(this).animate({
		marginTop: "-=2px"
		}, 10 );
	},
	function(){
		$(this).animate({
		marginTop: "+=2px"
		}, 10 );
	});
	
	// Block change on click
	$("p#blocks > span").click(function(event){
		
		// Make the click sound
		var rollBlock = soundManager.createSound({
			id: 'aSound',
			url: 'assets/js/click-low.mp3',
		});
		rollBlock.play();
				
		// "Depress" the block
		$(this).animate({ 
			marginTop: "+=5px"
		}, 0 );
		
		// Change the class of the block, thereby changing its CSS background image (the letter)
		if ($(this).is(".a")) { $(this).removeClass(); $(this).addClass("b"); }
		else if ($(this).is(".b")) { $(this).removeClass(); $(this).addClass("c"); }
		else if ($(this).is(".c")) { $(this).removeClass(); $(this).addClass("d"); }
		else if ($(this).is(".d")) { $(this).removeClass(); $(this).addClass("e"); }
		else if ($(this).is(".e")) { $(this).removeClass(); $(this).addClass("f"); }
		else if ($(this).is(".f")) { $(this).removeClass(); $(this).addClass("g"); }
		else if ($(this).is(".g")) { $(this).removeClass(); $(this).addClass("h"); }
		else if ($(this).is(".h")) { $(this).removeClass(); $(this).addClass("i"); }
		else if ($(this).is(".i")) { $(this).removeClass(); $(this).addClass("j"); }
		else if ($(this).is(".j")) { $(this).removeClass(); $(this).addClass("k"); }
		else if ($(this).is(".k")) { $(this).removeClass(); $(this).addClass("l"); }
		else if ($(this).is(".l")) { $(this).removeClass(); $(this).addClass("m"); }
		else if ($(this).is(".m")) { $(this).removeClass(); $(this).addClass("n"); }
		else if ($(this).is(".n")) { $(this).removeClass(); $(this).addClass("o"); }
		else if ($(this).is(".o")) { $(this).removeClass(); $(this).addClass("p"); }
		else if ($(this).is(".p")) { $(this).removeClass(); $(this).addClass("q"); }
		else if ($(this).is(".q")) { $(this).removeClass(); $(this).addClass("r"); }
		else if ($(this).is(".r")) { $(this).removeClass(); $(this).addClass("s"); }
		else if ($(this).is(".s")) { $(this).removeClass(); $(this).addClass("t"); }
		else if ($(this).is(".t")) { $(this).removeClass(); $(this).addClass("u"); }
		else if ($(this).is(".u")) { $(this).removeClass(); $(this).addClass("v"); }
		else if ($(this).is(".v")) { $(this).removeClass(); $(this).addClass("w"); }
		else if ($(this).is(".w")) { $(this).removeClass(); $(this).addClass("x"); }
		else if ($(this).is(".x")) { $(this).removeClass(); $(this).addClass("y"); }
		else if ($(this).is(".y")) { $(this).removeClass(); $(this).addClass("z"); }
		else if ($(this).is(".z")) { $(this).removeClass(); $(this).addClass("d1"); }
		else if ($(this).is(".d1")) { $(this).removeClass(); $(this).addClass("d2"); }
		else if ($(this).is(".d2")) { $(this).removeClass(); $(this).addClass("d3"); }
		else if ($(this).is(".d3")) { $(this).removeClass(); $(this).addClass("d4"); }
		else if ($(this).is(".d4")) { $(this).removeClass(); $(this).addClass("d5"); }
		else if ($(this).is(".d5")) { $(this).removeClass(); $(this).addClass("d6"); }
		else if ($(this).is(".d6")) { $(this).removeClass(); $(this).addClass("d7"); }
		else if ($(this).is(".d7")) { $(this).removeClass(); $(this).addClass("d8"); }
		else if ($(this).is(".d8")) { $(this).removeClass(); $(this).addClass("d9"); }
		else if ($(this).is(".d9")) { $(this).removeClass(); $(this).addClass("d0"); }
		else if ($(this).is(".d0")) { $(this).removeClass(); $(this).addClass("ampersand"); }
		else if ($(this).is(".ampersand")) { $(this).removeClass(); $(this).addClass("exclamation"); }
		else if ($(this).is(".exclamation")) { $(this).removeClass(); $(this).addClass("question"); }
		else if ($(this).is(".question")) { $(this).removeClass(); $(this).addClass("period"); }
		else if ($(this).is(".period")) { $(this).removeClass(); $(this).addClass("comma"); }
		else if ($(this).is(".comma")) { $(this).removeClass(); $(this).addClass("colon"); }
		else if ($(this).is(".colon")) { $(this).removeClass(); $(this).addClass("hyphen"); }
		else if ($(this).is(".hyphen")) { $(this).removeClass(); $(this).addClass("slash"); }
		else if ($(this).is(".slash")) { $(this).removeClass(); $(this).addClass("apostrophe"); }
		else if ($(this).is(".apostrophe")) { $(this).removeClass(); $(this).addClass("quote-open"); }
		else if ($(this).is(".quote-open")) { $(this).removeClass(); $(this).addClass("quote-close"); }
		else if ($(this).is(".quote-close")) { $(this).removeClass(); $(this).addClass("paren-open"); }
		else if ($(this).is(".paren-open")) { $(this).removeClass(); $(this).addClass("paren-close"); }
		else if ($(this).is(".paren-close")) { $(this).removeClass(); $(this).addClass("middot"); }
		else if ($(this).is(".middot")) { $(this).removeClass(); $(this).addClass("asterisk"); }
		else if ($(this).is(".asterisk")) { $(this).removeClass(); $(this).addClass("at"); }
		else if ($(this).is(".at")) { $(this).removeClass(); $(this).addClass("pound"); }
		else if ($(this).is(".pound")) { $(this).removeClass(); $(this).addClass("dollar"); }
		else if ($(this).is(".dollar")) { $(this).removeClass(); $(this).addClass("percent"); }
		else if ($(this).is(".percent")) { $(this).removeClass(); $(this).addClass("heart"); }
		else if ($(this).is(".heart")) { $(this).removeClass(); $(this).addClass("fist"); }
		else if ($(this).is(".fist")) { $(this).removeClass(); $(this).addClass("fleuron"); }
		else if ($(this).is(".fleuron")) { $(this).removeClass(); $(this).addClass("a"); }
	
		// Allow the block to spring back into position
		$(this).animate({ 
			marginTop: "-=5px"
		}, 60 );

		event.preventDefault();
	});
	
	// This prevents cursor selection of text
	$("p#blocks").mousedown(function(){
		return false;
	});
});