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