window.onload=function()
{
	/* !!!锛佹湰js宸茶淇敼!!!锛?/
	
	//浣跨敤璇存槑銆備竴绾l鐩稿瀹氫綅锛屼簩绾l缁濆瀹氫綅銆備簩绾l鐨刢alss,block鍜宯one涓€瀹氳銆
	var oNav=document.getElementById("nav");
	var oUl=oNav.getElementsByTagName("ul")[0];
	var cont=parseInt((oNav.offsetWidth-oUl.children[0].offsetWidth)/2);//姹傚鑸殑涓€鍗婁綅缃
	//var cont=parseInt((oUl.offsetWidth)/2);//姹傚鑸殑涓€鍗婁綅缃
	// console.log(oNav.offsetWidth);
	// console.log(oUl.children[0].offsetWidth);
	// console.log(cont);
	var oErji=null;//浜岀骇ul
	//var sum=0;//瀛樻斁浜岀骇ul鐨勫

	//寰幆涓€绾i
	for(var i=0;i<oUl.children.length;i++)
	{
		//璁剧疆涓€绾i绛夋瘮瀹藉害
		//oUl.children[i].style.width=oNav.offsetWidth/oUl.children.length+"px";
		//娣诲姞li榧犳爣婊戝叆浜嬩欢
		oUl.children[i].onmouseover=function()
		{
			//鍒ゆ柇li搴曚笅鏄惁鏈変簩绾
		  	var sum=0;
		  	if (this.getElementsByTagName("ul")[0])
		  	{	
		  		// $(this).parents().find('.sub_white').stop(true,false).slideDown("fast");
		  		//$(this).parents().find('.nav_bg').stop(true,false).fadeIn("fast");

		  		//鍙栧嚭浜岀骇ul
				oErji=this.getElementsByTagName("ul")[0]; 
				oTwobox=this.getElementsByTagName("div")[0]; /* ==鏀逛笅鎷夊璞′负.two_box==*/
				//缁檜l娣诲姞class
				//oErji.className="erji block";
				//鑾峰彇姣忎釜浜岀骇li鐨勫搴︼紝璁＄畻鍑虹埗绾l鐨勫搴︺€
				var erli=oErji.children;
				//console.log(oErji.children[0].offsetWidth);
				for(var j=0; j<erli.length;j++)
				{
					sum+=erli[j].offsetWidth+1;
				};
				oErji.style.width =sum+"px";
				var twobox =sum+20; /* ==鏀逛笅鎷夊璞′负.two_box 鑰冭檻鑳屾櫙鍊炬枩灏嗗搴﹀鍔?0==*/
				oTwobox.style.width = twobox+"px"; /* ==鏀逛笅鎷夊璞′负.two_box==*/
				// console.log(sum);
				// console.log(twobox); /* ==鏀逛笅鎷夊璞′负.two_box==*/
				var liLeft=this.offsetLeft; //涓€绾i鐨勪綅缃
				//console.log(liLeft);
				//鍒ゆ柇涓€绾i鐨勪綅缃紝澶т簬涓€鍗?鍦ㄥ彸渚
				if (liLeft>cont)
				{
					if ((twobox/2) >= (oNav.offsetWidth-liLeft-this.offsetWidth/2))
					{
						//浜岀骇浣嶇疆鐨勪竴鍗婏紝姣斾竴绾i鍒板彸渚х殑璺濈澶
						oTwobox.style.right=0;
						//oErji.style.left=oNav.offsetWidth-sum/2+"px";
						console.log("a鍦ㄥ彸渚 浜岀骇浣嶇疆鐨勪竴鍗婏紝姣斾竴绾i鍒板彸渚х殑璺濈澶 right=0");
					}else{
						oTwobox.style.left=liLeft-twobox/2+this.offsetWidth/2+"px";
						console.log("b鍦ㄥ彸渚 浜岀骇浣嶇疆鐨勪竴鍗婏紝姣斾竴绾i鍒板彸渚х殑璺濈灏 鍦╨i涓嬪眳涓睍绀?);
					};
				}else {
					//鍒ゆ柇涓€绾i鐨勪綅缃紝澶т簬涓€鍗?鍦ㄥ乏渚
					//浜岀骇ul鐨勪竴鍗婂ぇ浜庝竴绾i鐨勪綅缃
					if ((twobox/2) >= (liLeft+this.offsetWidth/2))
					{
						oTwobox.style.left=0;
						console.log("c鍦ㄥ乏渚 浜岀骇浣嶇疆鐨勪竴鍗婏紝姣斾竴绾i鍒板彸渚х殑璺濈澶 left=0");
					}else {
						oTwobox.style.left=liLeft-twobox/2+this.offsetWidth/2+"px";
						console.log("d鍦ㄥ乏渚 浜岀骇浣嶇疆鐨勪竴鍗婏紝姣斾竴绾i鍒板彸渚х殑璺濈灏 鍦╨i涓嬪眳涓睍绀?);
					};
				};
				//console.log(oErji.style.left);
				//console.log(oErji.style.right);
			};
		};
		oUl.children[i].onmouseout=function()
		{	
			// $(this).parents().find('.sub_white').stop(true,false).slideUp("fast");
			//$(this).parents().find('.nav_bg').stop(true,false).fadeOut("fast");
			//sum=0;
			// if (this.getElementsByTagName("ul")[0]) {
			// 	var oErji=this.getElementsByTagName("ul")[0];
			// 	oErji.className ="erji none";
			// };
		};
	};
};