﻿function tabs(tabId,conId,tabtn,contn,current){
	this.tabs=document.getElementById(tabId).getElementsByTagName(tabtn||'li');
	this.total=this.tabs.length;
	this.cn=new Array;
	this.current=current-1||0;
	var obj=this;
	this.cons=document.getElementById(conId||tabId).getElementsByTagName(contn||'div');
	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';
		}
	})();
}
