// JavaScript Document
function Tab(itemList,config){
    if(config){
        var activeClass = config.activeClass || "selected";
        var act = config.act || "mouseover";
    } else {
        var activeClass = "selected";
        var act = "mouseover";
    }
    this.labelList = [];
    this.contentList = [];
    this.count = itemList.length;
    var scope = this;
    var handler = function(){
        scope.activeHandle(this,scope,activeClass);
    }
    for(var i=0,n=this.count;i<n;i++){
        var label = this.$(itemList[i].label);
        var content = this.$(itemList[i].content);
        label.index = content.index = i;
        this.labelList.push(label);    
        this.contentList.push(content);
        if(act == "mouseover"){    
            label.onmouseover = handler;
        } else if(act == "click") {    
            label.onclick = handler;;
        }
    }    
}
Tab.prototype = {
    $ : function(id){
        return document.getElementById(id);
    },
    activeHandle:function(target,scope,activeClass){
        var index = target.index;
        var str = activeClass;
        scope.showContent.call(scope,index,str);
    },
    showContent:function(index,str){
        for(var i=0,n=this.labelList.length;i<n;i++){
            if(this.labelList[i].className.indexOf(str)!=-1){    
                this.labelList[i].className = this.labelList[i].className.split(str).join(""); 
                this.contentList[i].style.display = "none";
            }
        }
        this.labelList[index].className = this.labelList[index].className + " " + str;
        this.contentList[index].style.display = "block";
    }    
}