// JavaScript Document
function $(id){ return document.getElementById(id);}
function findClass(eTagName, eClassName,eId){
	var thisId=$(eId);
	var allE=thisId.getElementsByTagName(eTagName);
	var newE=[];
	for( var i=0; i<allE.length; i++){
		if(allE[i].className==eClassName){
			newE.push(allE[i]);
		}
	}
	return newE;
}
function tabShow(sId,showNum){
	var thisId=$(sId);
	if(thisId){
		var allTabName=thisId.getElementsByTagName("li");
		var contentDiv=findClass("div","contentBox",sId);
		init(sId,showNum);
		for( var i=0; i<allTabName.length; i++){
			allTabName[i].value=i;
			allTabName[i].onmouseover=function(){
				resetContent(sId);
				this.className="hover";
				contentDiv[this.value].style.display="block";
				return false;
			}
		}
	}
}

function init(sId,showNum){
	var thisId=$(sId);
	var allTabName=thisId.getElementsByTagName("li");
	var contentDiv=findClass("div","contentBox",sId);
	if( allTabName.length==contentDiv.length){
	  for( var i=0; i<contentDiv.length; i++){
		  allTabName[i].value=i;
		  contentDiv[i].style.display="none";
	  }
	  contentDiv[showNum].style.display="block";
	  allTabName[showNum].className="hover";
	}
	else alert("项目数量和内容数量不相同");
}

function resetContent(sId){
	var thisId=$(sId);
	var allTabName=thisId.getElementsByTagName("li");
	var contentDiv=findClass("div","contentBox",sId);
	for( var i=0; i<contentDiv.length; i++){
		contentDiv[i].style.display="none";
	}
	for( var i=0; i<allTabName.length; i++){
		allTabName[i].className="";
	}
}

window.onload=function(){tabShow("eclub",0);tabShow("business",1); tabShow("e189",2); tabShow("onlineShop",0); tabShow("huodong",0);tabShow("design",0);tabShow("shop",0);tabShow("uselogin",0);};