jQuery(document).ready(function(jQuery) {
	//initial the menus
	jQuery("ul.menu li").mouseover(function() {
		jQuery(this).find("ul.sub-menu").animate({"height": "show", "opacity": "show"}, 800, "swing");
 
		jQuery(this).hover(function() {}, function(){
			jQuery(this).find("ul.sub-menu").animate({"height": "hide", "opacity": "hide"}, "slow");
		});
	});
});