﻿function resetMenu(){
	//$("#footer").append("out-");
	$("#menu li .a-pann").css({"background":"","color":"#fff"});
	$("#menu li .p-pann").hide();
	$("#menu li .d-pann").stop().fadeOut("slow");
}

$(function(){
	
	$("#menu li .a-pann-non").mouseenter(function(){
		resetMenu();
		$("#banner-content").fadeIn("slow");
	})
	$("#menu, #menu li .d-pann").mouseleave(function(){
		resetMenu();
		$("#banner-content").fadeIn("slow");
	})
	$("#menu li .a-pann").mouseenter(function(){
		//$("#footer").append("over-");
		resetMenu();
		$("#banner-content").fadeOut("slow");
		
		var obj = $(this); 
		
		obj.css({"background":"url(images/bkg_white_alpha80.png)","color":"#f90"});
				
		obj.next(".d-pann").css({
			height: 5,
			background: "#fff",
			width: parseInt(obj.width()),
			top: parseInt(obj.offset().top) + parseInt(obj.outerHeight(true)),
			left: function(){
				if( ! $.browser.msie ){
					return parseInt(obj.offset().left - parseInt(obj.width())*2 ) - 7;
				}else{
					return parseInt(obj.offset().left - parseInt(obj.width())*2 ) + 3;
				}
			}
			
		}).fadeTo(80,0.1).fadeTo(80,0.9).fadeTo(80,0.1).fadeTo(80,0.8).animate({
			left: 10, 
			width: parseInt($("#menu").outerWidth(true)) - 20, 
			height: parseInt($("#menu").height()) - parseInt(obj.outerHeight(true)) - 10 
		},600, function(){
			obj.next(".d-pann").children(".p-pann").fadeTo(80,1);
		});
	})
})


