// JavaScript Document
//parent.document.getElementById("container").height=document.body.scrollHeight;
function $d(element){
	if(arguments.length>1){
		for(var i=0,length=arguments.length,elements=[];i<length;i++){
			elements.push($d(arguments[i]));
		}
		return elements;
	}
	if(typeof element=="string"){
		return document.getElementById(element);
	}else{
		return element;
	}
}
var Class={
	create:function(){
		return function(){
			this.initialize.apply(this,arguments);
		}	
	}
}
Function.prototype.bind=function(){
	var args=Array.apply(this,arguments);
	var $fun=this;
	var owner=args.shift();
	return function(){
		$fun.apply(owner,args.concat(arguments));
	}
}
var tabMenu=Class.create();
tabMenu.prototype={
	initialize:function(tab_nav,tab_body,current,other){
		var tabArray=$d(tab_nav).getElementsByTagName("li");
		var divArray=[];
		var flag;
		for(var i=0,length=$d(tab_body).childNodes.length;i<length;i++){
			if($d(tab_body).childNodes[i].nodeType==1)
				divArray.push($d(tab_body).childNodes[i]);
		}
		var tmp=$d(tab_nav).getElementsByTagName("a");
		var initIndex=0;
		if($d("eyebrowser")){
			var str=$d("eyebrowser").getElementsByTagName("a")[1].innerHTML;
			for(i=0,length=tmp.length;i<length;i++){
				if(tmp[i].innerHTML==str){
					initIndex=i;
					break;
				}
			}
		}
		currentIndex=initIndex||0;
		tabArray[currentIndex].className=current;
		divArray[currentIndex].style.display="block";
		length=Math.min(tabArray.length,divArray.length);
		for(i=0;i<length;i++){
			tabArray[i].length=length;
			tabArray[i].index=i;
			tabArray[i].onmouseover=function(){
				clearTimeout(flag);
				setTimeout(function(){
					//其他选项卡
					tabArray[currentIndex].className=other;
					divArray[currentIndex].style.display="none"
					
					currentIndex=this.index;
					//当前选项卡样式
					this.className=current;
					divArray[this.index].style["display"]="block";
				}.bind(this),100);
			}
			tabArray[i].onmouseout=function(){
				clearTimeout(flag);
				flag=setTimeout(ghost,600);
			}
			divArray[i].onmouseover=function(){
				clearTimeout(flag);
			}
			divArray[i].onmouseout=function(){
				clearTimeout(flag);
				flag=setTimeout(ghost,600);
			}
		}
		function ghost(){
			tabArray[currentIndex].className=other;
			divArray[currentIndex].style.display="none";
			currentIndex=initIndex;
			tabArray[currentIndex].className=current;
			divArray[currentIndex].style.display="block";
		}
	}
}
new tabMenu("nav-head","nav-body","current","other");