$(function(){
	$("#MenuTop li:has(ul) ul.submenu").each(function(){
														  		$(this).data("oH", $(this).height());
														  });
	
	$("#MenuTop li:has(ul)").hover(
			function(){
					var ul = $(this).children("ul.submenu"); 
					if(ul.is(":animated")){
						ul.stop()
						  .animate({height: ul.data( "oH" ), paddingTop: 15, paddingBottom: 15, opacity: 0.9},{ duration:500, easing: "easeOutCirc"});
					}else{
						ul.css("height", 0)
						  .css("paddingTop", 0)
						  .css("paddingBottom", 0)
						  .animate({height: ul.data( "oH" ), paddingTop: 15, paddingBottom: 15, opacity: 0.9},{ duration:500, easing: "easeOutCirc"});
					}
			},
			function(){
					var ul = $(this).children("ul.submenu"); 
					
					if(ul.is(":animated")){
						ul.stop()
						  .animate({height: 0, paddingTop: 0, paddingBottom: 0, opacity: 0.5},{ duration:1000, easing: "easeOutCirc", complete: function(){$(this).hide();}});
					}else{
						ul.animate({height: 0, paddingTop: 0, paddingBottom: 0, opacity: 0.5},{ duration:1000, easing: "easeOutCirc", complete: function(){$(this).hide();}});
					}
				 
			}
	);
	
	$("#MenuTop li").hover(
		function(){	
			if($(this).children('.hover').is(":animated")){
				$(this).children('.hover').stop()
													.animate({opacity: 0.0},{ duration:500});
			}else{
				$(this).children('.hover').css('opacity', 1)
													.animate({opacity: 0.0},{ duration:500});
			}
		},
		
		function(){
			if($(this).children('.hover').is(":animated")){
				$(this).children('.hover').stop()													
													.animate({opacity: 1.0},{ duration:500});
			}else{
				$(this).children('.hover').css('opacity', 0)
													.animate({opacity: 1.0},{ duration:500});
			}
		}
		
	);



});