function Tabs(){	
	
	var the_tabs;
	var panel1;
	var panel2;
	var self=this;
	
	this.changeClass = function(e){
		for(i=0;i<self.the_tabs.length;i++){
			self.the_tabs[i].className = '';
		}
		self.the_tabs[e].className = "active-tab";
		self.the_tabs[e].blur(); 
		if(e==0){
			self.panel1.style.display = "block";
			self.panel2.style.display = "none";
		}
		else{
			self.panel1.style.display = "none";
			self.panel2.style.display = "block";
		}
		
	}
		
	this.init = function(){		
		self.the_tabs = document.getElementById("tabs").getElementsByTagName('li');
		self.panel1 = document.getElementById("tab1");
		self.panel2 = document.getElementById("tab2");
		self.the_tabs[0].className = "active-tab";
		self.panel1.style.display = "block";
		for(i=0;i<self.the_tabs.length;i++){
			self.the_tabs[i].index = i;
			self.the_tabs[i].onclick = function() { self.changeClass(this.index); }
		}

	}
	
}
var tabs = new Tabs();

onloadHandlers[onloadHandlers.length] = 'tabs.init()';