// JavaScript Document
function OverNav(y){
	var currtNav=document.getElementById("nav");
	var top =document.getElementById("top");
	var topWidth=document.body.offsetWidth-18;//document.getElementById("top");//最外层的DIV
	var bodywidth=(window.screen.width-topWidth)*0.5;//（屏幕宽度-最外层宽度）/2=屏幕左（右）边空出的宽度
	var iLength;
	var iSpanWidth;
	var oldLeft;
	var len=currtNav.childNodes.length;
	var i=0;
	currtNav.childNodes[y].className="nav_selected";
	//alert(y+"=="+currtNav.childNodes[y].childNodes[1].offsetWidth);
	iLength=bodywidth+top.offsetWidth+currtNav.childNodes[y].offsetWidth*parseInt(y);
	var iSubMenuWidth=currtNav.childNodes[y].childNodes[1].offsetWidth;
	if(parseInt(iLength+iSubMenuWidth)<parseInt(bodywidth+topWidth))
		currtNav.childNodes[y].childNodes[1].style.left=iLength-18 +"px";
	else {
		//var w1=topWidth-(iLength-currtNav.childNodes[y].offsetWidth);	
		var w1=topWidth-(iLength-bodywidth+12);//offsetWidth);	
		var w11=iSubMenuWidth-w1;					
		var w12=iLength-w11;
		currtNav.childNodes[y].childNodes[1].style.left=w12 + "px";//iLength-(iSpanWidth-offsetWidth)-18 +"px";
	}
					
	$(currtNav.childNodes[y].childNodes[0]).css("color","#fff");

	for (i;i<len;i++) {
		if(i!=y){			
			with(currtNav.childNodes[i]) {
				childNodes[1].style.display="none";
				className="nav_unst";	
				id=i;
				onmouseover=function() {					
					className="nav_mqselected";
					childNodes[1].style.display="block";
					$(childNodes[0]).css("color","#fff");
					$(childNodes[0]).css("cursor","pointer");				
					
					iLength=bodywidth+top.offsetWidth+offsetWidth*parseInt(id);//.tel span因为增加了padding-left:10px;所以在这里要减去10px
					//alert(offsetWidth*(parseInt(id)+1)+"=="+offsetWidth+"="+(parseInt(id)+1));
					//alert(iLength);
					iSpanWidth=childNodes[1].offsetWidth;
				 	oldLeft=childNodes[1].style.left;
					//alert(bodywidth+"="+top.offsetWidth+"="+offsetWidth+"="+parseInt(id));
					if(parseInt(iLength+iSpanWidth)<parseInt(bodywidth+topWidth))
						childNodes[1].style.left=iLength-18 +"px";
					else {
						var w=topWidth-(iLength-bodywidth+12);//offsetWidth);					
						var w1=iSpanWidth-w;					
						var w2=iLength-w1;
						childNodes[1].style.left=w2 + "px";//iLength-(iSpanWidth-offsetWidth)-18 +"px";
					}

					ShowOrHidden(currtNav,"none",y);
				}
				onmouseout=function() {
					className="nav_unst";
					childNodes[1].style.display="none";
					$(childNodes[0]).css("color","#000");
					childNodes[1].style.left=oldLeft;
					ShowOrHidden(currtNav,"block",y);
				}
			}
		}
	}
}

function ShowOrHidden(obj,value,y){
	obj.childNodes[y].childNodes[1].style.display=value;
}