jQuery(document).ready( function($) { 
var config = {sensitivity: 3,interval: 200,over: makeTall,timeout: 200,out: makeShort};
$('ul','#menu').hide();
function makeTall(){ $(this).children("li > ul").animate({"height": "toggle", "width": "toggle", "opacity": "toggle"}, "slow","linear" ); }
function makeShort(){ $(this).children("li > ul").animate({ "height": "toggle", "width": "toggle", "opacity": "toggle"}, "slow","linear" ); }
$("#menu li").hoverIntent( config );
$('li','#menu').css( {backgroundPosition: "0 -60px"} )
.mouseover(function(){$(this).stop().animate({backgroundPosition:"(0 -120px)"}, {duration:400})})
.mouseout(function(){$(this).stop().animate({backgroundPosition:"(0 -60px)"}, {duration:400})})
$('#menu > li').css( {backgroundPosition: "0 0"} )
.mouseover(function(){$(this).stop().animate({backgroundPosition:"(0 -60px)"}, {duration:400})})
.mouseout(function(){$(this).stop().animate({backgroundPosition:"(0 0)"}, {duration:400})})});