var timeoutID;

function addMouseoverEvent() {
  $("#navbar li").mouseover(function() { 
     clearTimeout(timeoutID);
	 $("#zn-submenu .submenu").removeClass("hover");	  
			$("#zn-submenu .submenu").stop().animate({height:'121px'},{queue:false, duration:600, easing: 'easeOutBounce'})  
			var className = $(this).attr('class');
			$("#zn-submenu ."+className).addClass("hover");
			$("#zn-submenu .submenu li").show();

  }); 
   $("#zn-submenu .submenu li").mouseover(function() { 
     clearTimeout(timeoutID);
			var className = $(this).attr('class');
			$("#zn-submenu ."+className).addClass("hover");	 
			$("#zn-submenu .submenu li").show();
  }); 
}

function addMouseoutEvent() {
  $("#navbar li").mouseout(function() {
     timeoutID = setTimeout(function() { 
       $("#zn-submenu .submenu li").hide();
 	$("#zn-submenu .submenu").animate({height:'0px'},{queue:false, duration:600, easing: 'easeOutBounce'})  

     }, 1500);
  });
  $("#zn-submenu .submenu li").mouseout(function() {
     timeoutID = setTimeout(function() { 
       $("#zn-submenu .submenu li").hide();
 	$("#zn-submenu .submenu").animate({height:'0px'},{queue:false, duration:600, easing: 'easeOutBounce'})  

     }, 1500);
});
};
$(document).ready( function(){
  addMouseoverEvent();
  addMouseoutEvent();


 

});