// 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){
	var thisId=$(sId);
	var allTabName=thisId.getElementsByTagName("li");
	var contentDiv=findClass("div","contentBox",sId);
	init(sId);
	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){
	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[0].style.display="block";
	  allTabName[0].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");tabShow("business"); tabShow("e189");};