var tabs = $$("#tabs div.tab");
var stages = $$("#frame div.stage");
var counter = 0;


tabs.each(function(tab){
	tab.id="tab" + counter;


	stages[counter].id = "stage" + counter;
	if (tab.get("class").indexOf("active") > 0)
		$("stage" + counter).setStyle("display", "block"); 

	counter++;

	tab.addEvent("click", function(){
		var tabNum = this.id.substr(3,1);
		for (var i=0; i<tabs.length; i++)
			{
			if (tabNum == i)
				{
				$("tab" + tabNum).set("class", "tab active"); 
				$("stage" + tabNum).setStyle("display", "block"); 
				}
			else
				{
				$("tab" + i).set("class", "tab"); 
				$("stage" + i).setStyle("display", "none"); 
				}
			}
		
		return false;
		});
	});