var currentCellPic = null;
var showID;//cell_pic showID for nav_1_popup_colume_1
var popupShowID;
var currentMainNavLiA;
var currentMainNavLi;
function currentPageMainNavStyle(){
	currentPageMainNavLiA.addClass("currentPage");
	currentPageMainNavLiA.parent("li").prev("li.menu_div").css("backgroundPosition","-2000px 0px");
	currentPageMainNavLiA.parent("li").next("li.menu_div").css("backgroundPosition","-2000px 0px");
	}
function initMainNav()
{
	$("#top_menus_2 li[class!='menu_div']").each(function(i){
		var LiA = $(this).find("a");
		var LiAid = LiA.attr("id");	
		var LiArel = LiA.attr("rel");
		var popup = $("#"+LiAid+"_popup");
		$(this).hover(
			function(){
				clearTimeout(popupShowID);
				currentMainNavLi = $(this);//current Li
				$("#popup_wrapper > div:visible").css("display","none");
				$("#popup_wrapper").css("display","block");
				//$("#bannerMaskDiv").css("display","block");
				popup.css("display","block");
				(currentMainNavLiA && currentMainNavLiA.attr("id")!=this.id) ? currentMainNavLiA.removeAttr("class"):"";
				currentMainNavLiA = LiA;
				LiA.addClass(LiAid);
								
				$(this).prev("li.menu_div").css("backgroundPosition","-2000px 0px");
				$(this).next("li.menu_div").css("backgroundPosition","-2000px 0px");
				},
			function(){
				//if(currentMainNavLiA.attr("id")==LiA.attr("class")) {alert("yes");}
				//else alert("no");
				$(this).prev("li.menu_div").css("backgroundPosition","0px 0px");
				$(this).next("li.menu_div").css("backgroundPosition","0px 0px");
				//currentPageMainNavStyle();
				popupShowID = setTimeout(function(){
					popup.css("display","none");
					LiA.removeClass(LiAid);
					$("#popup_wrapper").css("display","none");
					//$("#bannerMaskDiv").css("display","none");
					},200);
				}
		);
									   
	});
	
	$("#popup_wrapper > div").hover(
		function(){
			clearTimeout(popupShowID);
			currentMainNavLi.prev("li.menu_div").css("backgroundPosition","-2000px 0px");
			currentMainNavLi.next("li.menu_div").css("backgroundPosition","-2000px 0px");
			},
		function(){
			var thisPopUp = $(this);
			thisPopUp.css("display","none");
			$("#popup_wrapper").css("display","none");
			//$("#bannerMaskDiv").css("display","none");
			currentMainNavLiA.removeAttr("class");
			currentMainNavLi.prev("li.menu_div").css("backgroundPosition","0px 0px");
			currentMainNavLi.next("li.menu_div").css("backgroundPosition","0px 0px");
			}
	);
	
	
	$("#nav_1_popup_colume_1,#nav_1_popup_colume_2,#nav_1_popup_colume_3,#nav_1_popup_colume_4").hover(
			function(){
			$(this).css("backgroundPosition","-307px 0px");
			},
			function(){
			$(this).css("backgroundPosition","-5px 0px");
			}						 
		);
	
	//first run after document finished loaded
	currentCellPic = $("#nav_1_popup_colume_1 .cell_pic:first").show('fast');
	currentCellPic.next(".cell_title").find("a").addClass("current");
	
	
	$("#nav_1_popup_colume_4 .cell_pic:first").show('fast');
	//init hover and out 
	$("#nav_1_popup_colume_1 .cell_title").hover(
			function(){
				//clearTimeout(showID);
				if(currentCellPic.html()!=$(this).prev(".cell_pic").html())
					{
						var nextShow = $(this).prev(".cell_pic");
						var nextTitle = $(this).find("a");
						showID = setTimeout(function(){

							//currentCellPic.hide(1500);
							currentCellPic.animate({ height: 'hide', opacity: 'hide' },"slow");
							//nextShow.show(1500);
							nextShow.animate({ height: 'show', opacity: 'show' },"slow"); 
							
							currentCellPic.next(".cell_title").find("a").removeClass("current");
							nextTitle.addClass("current");
							
							currentCellPic = nextShow;
							},200);//showID end
					}//if end
				
			},
			function(){
				clearTimeout(showID);
			}				   
		);//(".cell_title") end
	
}//function initMainNav end

addEvent(window,"load",initMainNav);

document.write("<script src='../Scripts/topNavs.js'></script>");