jQuery(document).ready(function($){
	//initial the menus
		$("ul.menu li").mouseover(function(){
			$(this).children("ul.sub-menu").filter(':not(:animated)').animate({"height": "show", "opacity": "show"}, 400, "swing");

		$(this).hover(function(){}, function(){
			$(this).children("ul.sub-menu").animate({"height": "hide", "opacity": "hide"}, "slow");
		});
	});
});