var tab = {
	init: function(){
		var tabs = this.setup.tabs;
		var pages = this.setup.pages;
		
		for(i=0; i<pages.length; i++) {
			if(i !== 0) pages[i].style.display = 'none';
			tabs[i].onclick = function(){ tab.showpage(this); return false; };
		}
		this.dive();
	},
	
	showpage: function(obj){
		var tabs = this.setup.tabs;
		var pages = this.setup.pages;
		var num;
		
		for(num=0; num<tabs.length; num++) {
			if(tabs[num] === obj) break;
		}
		
		for(var i=0; i<pages.length; i++) {
			if(i == num) {
				pages[num].style.display = 'block';
				tabs[num].className = 'act';
			}
			else{
				pages[i].style.display = 'none';
				tabs[i].className = null;
			}
		}
	},

	dive: function(){
		var hash = window.location.hash;
		hash = hash.split("?");
		hash = hash[0].split("#");

		var tabs = this.setup.tabs;
		var pages = this.setup.pages;
		for(i=0; i<pages.length; i++) {
			if(pages[i] == document.getElementById(hash[1])) this.showpage(tabs[i]);
		}
	}
}

var tab2 = {
	init: function(){
		var tabs2 = this.setup.tabs2;
		var pages2 = this.setup.pages2;
		
		for(i=0; i<pages2.length; i++) {
			if(i !== 0) pages2[i].style.display = 'none';
			tabs2[i].onclick = function(){ tab2.showpage(this); return false; };
		}
		this.dive();
	},
	
	showpage: function(obj){
		var tabs2 = this.setup.tabs2;
		var pages2 = this.setup.pages2;
		var num;
		
		for(num=0; num<tabs2.length; num++) {
			if(tabs2[num] === obj) break;
		}
		
		for(var i=0; i<pages2.length; i++) {
			if(i == num) {
				pages2[num].style.display = 'block';
				tabs2[num].className = 'act';
			}
			else{
				pages2[i].style.display = 'none';
				tabs2[i].className = null;
			}
		}
	},

	dive: function(){
		var hash = window.location.hash;
		hash = hash.split("?");
		hash = hash[0].split("#");

		var tabs2 = this.setup.tabs2;
		var pages2 = this.setup.pages2;
		for(i=0; i<pages2.length; i++) {
			if(pages2[i] == document.getElementById(hash[1])) this.showpage(tabs2[i]);
		}
	}
}