// Animate nainMenu wrapper
var activeMenu = 0;
jQuery(document).ready(function() { 
    jQuery('#mainMenu li').hide();
	
	jQuery('#mainMenu').mouseenter(function(){
		if (window.activeMenu == 0) {	
			window.activeMenu = 1;
			jQuery(this).css('height', '125px');
			jQuery('#mainMenu li').show();	
			jQuery(this).animate({		
				height: '265px'
			  }, 700, function(){		  
				  window.activeMenu = 0;
			  });
		}
	});	
	
	jQuery('#mainMenu').mouseleave(function(){
		if (window.activeMenu == 0) {				
			window.activeMenu = 1;				
			jQuery(this).animate({
				height: '125px'			
			  }, 700, function() {
				  jQuery('#mainMenu li').hide();			  
				  window.activeMenu = 0;
			  });
		}
	});		
});