function menuFix() {
 var sfEls = document.getElementById("bannerCss").getElementsByTagName("span");
 var info =  document.getElementById("bannerCss").getElementsByTagName("ul");
 var sfEls_len = sfEls.length;
 var i=0;
 for (i=0; i<sfEls_len; i++) {//for
  sfEls[i].onmouseover=function() { //mouseover
			var jj=0;
			var j=0;
			for(j=0;j < sfEls_len;j++){
				if(this==sfEls[j]) jj = j;
				sfEls[j].className = '';
				info[j].className = '';
			}
			this.className = 'cur_link';
			info[jj].className = 'cur_show';				
			var len_Info = info[jj].offsetWidth;
			info[jj].style.width=len_Info + "px";
			var len_Cur = this.offsetWidth;
			var posL_Cur = this.offsetLeft;
			var MaxL = sfEls[j-1].offsetLeft + sfEls[j-1].offsetWidth;
			var moreWidth = posL_Cur + len_Info;
			if (moreWidth > MaxL){					
				info[jj].style.marginLeft = posL_Cur - (moreWidth - MaxL) + "px";
				}
			else{
				info[jj].style.marginLeft = posL_Cur + "px";
				}
		 }//mouseover
	 }//for
}
function showMenu(id){
	 var sfEls = document.getElementById("bannerCss").getElementsByTagName("span");
	 var info =  document.getElementById("bannerCss").getElementsByTagName("ul");
	 //var oBndRct=sfEls[id].getBoundingClientRect();
	 var sfEls_len = sfEls.length;
	 for(j=0;j < sfEls_len;j++){//for
		sfEls[j].className = '';
		info[j].className = '';
		}//for
		sfEls[id].className = 'cur_link';
		info[id].className = 'cur_show';
		var len_Info = info[id].offsetWidth;
		info[id].style.width=len_Info + "px";
		var len_Cur = sfEls[id].offsetWidth;
		var posL_Cur = sfEls[id].offsetLeft;
		var MaxL = sfEls[sfEls_len-1].offsetLeft + sfEls[sfEls_len-1].offsetWidth;
		var moreWidth = posL_Cur + len_Info;
		if (moreWidth > MaxL){					
					info[id].style.marginLeft = posL_Cur - (moreWidth - MaxL) + "px";
				}
		else{
					info[id].style.marginLeft = posL_Cur + "px";
			}
}