// JavaScript Document

function mainNav(curmainnavid){

	var arrowPosX=null;
	var arrowPosY=null;
	var menues=$("#mainNav .menuitem");
	var childcontainer=$("#mainNav_child_container .child");
	                                   //for  show cur button's status
                                        if(curmainnavid.length>0){
											$("#"+curmainnavid).append("<div class='menuNav_arrow'>&nbsp;</div>");
											
										    $("#"+curmainnavid+" .menuNav_arrow").css({"display":"block","top":$("#"+curmainnavid).offset().top+24,"left":$("#"+curmainnavid).offset().left+$("#"+curmainnavid).width()/2-5,"background":"url(http://www.hoteltour.cn/media/skin/default/client/mainNav_arrow_1.gif)"});
											 
										   }else{
										    $("#home").append("<div class='menuNav_arrow'>&nbsp;</div>");
										    $("#home .menuNav_arrow").css({"display":"block","top":$("#home").offset().top+24,"left":$("#home").offset().left+$("#home").width()/2-5,"background":"url(http://www.hoteltour.cn/media/skin/default/client/mainNav_arrow_1.gif)"});											   
											   
										   }   

	menues.each(function(){
						            
									if($("#"+this.id+" .menuNav_arrow").length==0){
									$(this).append("<div class='menuNav_arrow'>&nbsp;</div>");
									}
                                    $(this).append("<div class='menuNav_over_rec'>&nbsp;</div>");
									//for set current button status

															
									
									$(this).mouseover(function(){
														var curid=this.id;
														var arrowPosX=$(this).offset().left;
														var arrowPosY=$(this).offset().top;
														var menuWidth=$(this).width();
														    
															//
															for(var i=0;i<menues.length;i++){
																
															 if(menues[i].id==this.id){
																childcontainer.html("");
																if(curid=="areahotel"||curid=="grade_selector"||curid=="price_selector"){
																$(this).css("background","url(http://www.hoteltour.cn/media/skin/default/client/mainNav_over_bg.gif)")
																$("#"+curid+" a:first-child").css("color","#2b6cae");
																$("#"+curid+" .menuNav_arrow").css({"display":"block","top":arrowPosY+24,"left":arrowPosX+menuWidth/2-5,"background":"url(http://www.hoteltour.cn/media/skin/default/client/mainNav_arrow_2.gif)"});
															
																$("#"+curid+" .menuNav_over_rec").css({"display":"block","top":arrowPosY+31,"left":arrowPosX,"width":menuWidth});                                                     
																//for child menu
																 childcontainer.html($("#"+curid+" .childmenu").html());
																 
																 $("#mainNav_child_container").slideDown(100);
																}else{
																$("#"+curid+" .menuNav_arrow").css({"background":"url(http://www.hoteltour.cn/media/skin/default/client/mainNav_arrow_1.gif)","display":"block","top":arrowPosY+24,"left":arrowPosX+menuWidth/2-5});	
																$("#mainNav_child_container").slideUp(100);
																}
															 }else{
																    $("#"+menues[i].id+" a:first-child").css("color","#ffffff");
																    $("#"+menues[i].id+" .menuNav_arrow").css({"display":"none"});
																	$("#"+menues[i].id+" .menuNav_over_rec").css({"display":"none"});
																	$("#"+menues[i].id).css("background","");
 
															 }
																
															}
															   })

										  })
	
	
}