function Tab(styleOn,styleOff,destTagId){
// -------------------------------------
//	set object class of Tab
// -------------------------------------
	this.destTagId = destTagId;
	this.addTab = addTab;
	this.items = new Array();
	this.contentTagId = new Array();
	this.stateTab = new Array();
	this.writeTabs = writeTabs;

	this.selectTab = selectTab;
	this.classNameTabOn = styleOn;
	this.classNameTabOff = styleOff;
	this.setTabDefault = setTabDefault;
	
}

function addTab(subject,contentTagId,state) {
	this.items[this.items.length] = subject;
	this.contentTagId[this.contentTagId.length] = contentTagId;
	this.stateTab[this.stateTab.length] = state;
}

function selectTab(id,numOfTab,destTagId,contentTagId,classNameTabOn,classNameTabOff){

	document.getElementById(id).className=classNameTabOn;
	for(i=0;i<numOfTab;i++){
		if(i != id){
			document.getElementById(i).className=classNameTabOff;
		}
	}
	
	var destTag = 	document.getElementById(destTagId);
	var sourceTag = document.getElementById(contentTagId);
	destTag.innerHTML = sourceTag.innerHTML;
	
}

function writeTabs(){

	var numTab = this.items.length;

	var HTML = "";
	HTML +="<table border=\"0\" cellpadding=\"0\" cellspacing=\"0\" width='100%'><tr>";
	for(i=0;i<numTab;i++){
		var colWidth = this.contentTagId[i].length+30;	
		HTML +="<td width=\"120\" height=\"35\" align=\"center\" class=\"";
		if(this.stateTab[i] != false){
			HTML += this.classNameTabOn;
		} else{
			HTML += this.classNameTabOff;
		}
		HTML +="\" id=\""+i+"\"";
		HTML +=" onClick='selectTab("+i+","+numTab+",\""+this.destTagId+"\",\""+this.contentTagId[i]+"\",";
		HTML +="\""+this.classNameTabOn+"\",\""+this.classNameTabOff+"\")' ";
		HTML +="onMouseOut=\"\" class=\"";
		HTML +="\"><span>"+this.items[i]+"</span></td>";
	}
	
	HTML +="<td class=\"tabOff\">&nbsp;</td></tr></table>";
	
	document.writeln(HTML);
}

function setTabDefault(obj){

	var numOfTab = obj.items.length;

	for(i=0;i<numOfTab;i++){
		if(obj.stateTab[i] != false){
			selectTab(i,numOfTab,obj.destTagId,obj.contentTagId[i],obj.classNameTabOn,obj.classNameTabOff);
		}
	}
}