jQuery(document).ready(function() {
	//http://www.sohtanaka.com/web-design/greyscale-hover-effect-w-css-jquery/

	jQuery("#siteDescription a").hover(function() {
		//On hover...
		
		var thumbOver = jQuery(this).find("span").css("background-image");

		//Set a background image(thumbOver) on the <a> tag - Set position to bottom
		jQuery(this).css({'background-image' : thumbOver });

		//Animate the image to 0 opacity (fade it out)
		jQuery(this).find("span").stop().fadeTo(200, 0 , function() {
			//jQuery(this).hide() //Hide the image after fade
		});
	} , function() { //on hover out...
		//Fade the image to full opacity 
		jQuery(this).find("span").stop().fadeTo(200, 1).show();
	});

});