﻿function tabs(tabId,conId,tabtn,contn,current){
	this.tabs=document.getElementById(tabId).getElementsByTagName(tabtn||'li');
	this.total=this.tabs.length;
	this.cons=new Array;
	this.cn=new Array;
	this.current=current-1||0;
	var obj=this;
	var arr=document.getElementById(conId||tabId).childNodes;
	for(i=0;i<arr.length;i++){
		if(arr[i].nodeType==1 && arr[i].nodeName==(contn=(typeof(contn)=='string')?contn.toUpperCase():'DIV')){
			this.cons.push(arr[i]);
		}
	}
	if(this.cons.length!=this.total){
		alert('An Error Occured');
		return;
	}
	for(i=0;i<this.total;i++){
		(function(){
			var b=i;
			obj.cn[i]=obj.tabs[i].className;
			obj.tabs[i].onclick=function(){
				obj.current=b;
				obj.start();
			}
		})();
	}
	(this.start=function(){
		for(i=0;i<obj.total;i++){
			obj.tabs[i].className=(obj.current==i)?'current '+obj.cn[i]:obj.cn[i];
			obj.cons[i].style.display=(obj.current==i)?'block':'none';
		}
	})();
}
