// just common

$(document).ready(function(){
	evenStatus     = "out";
	evenStatusOver = false; 
	evenStatusOut  = false; 
	animateSpeed = 500;
	
	headerHeight = 187;
		
	checkisVisible = function(){
		if(evenStatusOut != evenStatusOver){
			$("li.mainNavigation").each(function(i){
				if(evenStatusOver != i && $(this).find("div.subNavigation").is(":visible")) $(this).find("div.subNavigation").fadeOut(animateSpeed);
				if(evenStatusOver == i && $(this).find("div.subNavigation").is(":hidden")) $(this).find("div.subNavigation").fadeIn(animateSpeed);
			});
		}
	}
	
	navi_mouse_over = function(){
		calculateArrowList();
		if($(this).find("div.subNavigation").length > 0){
			$thisOver = $(this);
			evenStatusOver = $thisOver.index();
			evenStatusOutBefor = evenStatusOut;
			overSpeed = evenStatusOut === false ? animateSpeed : 0;
			$thisOver.find(".subNavigationArrow").show();
			setTimeout(function(){	
				if((evenStatusOut === false && evenStatusOutBefor === false) || (evenStatusOut !== false && evenStatusOutBefor !== false)){
					$thisOver.find("div.subNavigation").css({"z-index":1});
					$("#header").stop().animate({height:headerHeight+$thisOver.find("div.subNavigation").height()},animateSpeed,checkisVisible);
					$thisOver.find("div.subNavigation").fadeIn(animateSpeed);
					setCenter($thisOver.find("div.subNavigation .inner"));
				}
			},animateSpeed);
		}
		
	}
	
	navi_mouse_out = function(){
		$this = $(this);
		evenStatusOut = $this.index();
		$(this).find(".subNavigationArrow").hide();
		if($this.find("div.subNavigation").length > 0) $this.find("div.subNavigation").css({"z-index":100});
		setTimeout(function(){
			if($this.find("div.subNavigation").length > 0){
				
				if(evenStatusOver == $this.index() && evenStatusOut == evenStatusOver){
					evenStatusOver = false;
					setTimeout(function(){
						if(evenStatusOver === false){
							$("#header").stop(true,true).animate({height:headerHeight},animateSpeed,checkisVisible);
							$this.find("div.subNavigation").stop(true,true).delay(animateSpeed).hide();
							evenStatusOut = false;
						}
					},animateSpeed);
				}else{
					//$("#header").css({height:headerHeight});
					$this.find("div.subNavigation").stop(true,true).fadeOut(animateSpeed,function(){
						$(this).css({"z-index":1});	
					});
				}
			}
		},10);
		
	}
	
	setCenter = function(JqObj){
		if(JqObj.find(".subNavi").width() == 950 || JqObj.find(".subNavi").width() == 0){
			liWidth = 0;
			JqObj.find("ul li").each(function(){
				liWidth += $(this).outerWidth()+1;
			});
			JqObj.find(".subNavi").width(liWidth);
			JqObj.find(".subNavi").css({margin:"0 auto"});
		}		
	}
	
	calculateArrowList = function(){
		if(arrowList.length <= 0){
			str = "";
			w   = 0;
			$("li.mainNavigation").each(function(i){
			   html = '<div class="subNavigationArrow"><div class="bgOut" style="margin:0px;"><div class="inner" style="position:relative;"><div class="imgArrow"></div></div></div></div>';
			   w   += $(this).outerWidth();
			   str += ((w-($(this).outerWidth()/2))-9)+",";
			   $(this).append(html);
			   $(this).find(".imgArrow").css({left:((w-($(this).outerWidth()/2))-9)});
			});
			$(".subNavigationArrow").hide();
			arrowList = str.split(",");
		}
	}
	
	arrowList = [];
	
	html = '<div class="subNavigationArrow"><div class="bgOut" style="margin:0px;"><div class="inner" style="position:relative;"><div id="imgArrow"></div></div></div></div>';	
	//$("li.mainNavigation").append(html);
	$("li.mainNavigation").hover(navi_mouse_over,navi_mouse_out);
	
	$(".subNavigation li.subnaviProduct a").hover(function(){
			$(this).find("span").css({background:"url(/_inc/images/subNaviBg2.jpg) top left no-repeat"});
		},function(){
			$(this).find("span").css({background:""});
		});

	//.subNavigation LI.subnaviProduct A span
	

});