jQuery(document).ready(function($) {
    // $() will work as an alias for jQuery() inside of this function


  
 $("ul.sf-menu").superfish({ 
            animation: {height:'show', width:'show', opacity:'show'},   // slide-down effect without fade-in 
            delay:     300               // 1.2 second delay on mouseout 
        }); 




$("#nav li:not(.current_page_item) a")
	.css( {backgroundPosition: "0 0"} )

	.mouseover(function(){
		$(this).stop().animate(
			{backgroundPosition:"(0 45px)"}, 
			{duration:500})
		})
	.mouseout(function(){
		$(this).stop().animate(
			{backgroundPosition:"(0 0)"}, 
			{duration:500})
		})


});