$(function() {
	$('#nav').droppy({speed: 100});
});

$(function(){
	/*
	$('#menuList a')
		.css( {backgroundPosition: "0 0"} )
		.mouseover(function(){
			$(this).stop().animate({backgroundPosition:"(0 -168px)"}, {duration:500})
		})
		.mouseout(function(){
			$(this).stop().animate({backgroundPosition:"(0 0)"}, {duration:500})
		})
		
	*/
	$('#menuList a:not(.on)')

		.css( {backgroundPosition: "0 0"} )
		.mouseover(function(){
			$(this).stop().animate({backgroundPosition:"(0 -400px)"}, {duration:1000})
		})
		.mouseout(function(){
			$(this).stop().animate({backgroundPosition:"(0 0)"}, {duration:500})
		})
	
		
	/*
	$('#menuList a')
		.css( {backgroundPosition: "-20px 0px"} )
		.mouseover(function(){
			$(this).stop().animate({backgroundPosition:"(-20px 300px)"}, {duration:500})
		})
		.mouseout(function(){
			$(this).stop().animate({backgroundPosition:"(40px 0)"}, {duration:200, complete:function(){
				$(this).css({backgroundPosition: "-20px 0"})
			}})
		})
*/

});



$(function() 
{
	$(".showcaseLeft a").append("<em></em>");
	
	$(".showcaseLeft a").hover(function() {
		var hoverText = $(this).attr("title");
		if(hoverText)
		{
		$(this).find("em").text(hoverText);
		$(this).find("em").animate({opacity: "show", top: "-21"}, "fast");
		}
		
	}, function() {
		$(this).find("em").animate({opacity: "hide", top: "-15"}, "fast");
	});


				
		
		
	
});