// JavaScript Document

var TabView = {
	instance: null,
	idxs: null,
	tabs: null,
	init: function(id) {
		this.instance = $(id);
		this.getTabs();
		this.updateTabs();
		this.getIndexes();
		this.updateIndexes();
		this.showTab(1);
		return this;
	},
	getTabs: function() {
		this.tabs = document.getElementsByClassName('Tab',this.instance);
	},
	updateTabs: function() {		
		for (var i=0; i<this.tabs.length; i++) {
			this.tabs[i].id = this.instance.id + "_t_" + i;
			Element.hide(this.tabs[i].id);
		}
	},
	getIndexes: function() {
		this.idxs = $$('.TabIndex a');
	},
	updateIndexes: function() {
		for (var i=0; i<this.idxs.length; i++) {
			this.idxs[i].id = this.instance.id + "_a_" + i;
			this.idxs[i].tabs = this.tabs;
			this.idxs[i].idxs = this.idxs;
			this.idxs[i].onclick = function() {
				for (var i=0; i<this.tabs.length; i++) Element.hide(this.tabs[i]);
				for (var i=0; i<this.idxs.length; i++) this.idxs[i].className = "";
				this.className = "ACTIVATED";
				Element.show(this.id.replace("_a_","_t_"));
			}
		}
	},
	showTab: function(pIndex) {
		for (var i=0; i<this.tabs.length; i++) Element.hide(this.tabs[i]);
		for (var i=0; i<this.idxs.length; i++) this.idxs[i].className = "";
		var idxId = this.instance.id+"_a_"+(pIndex-1);
		var tabId = this.instance.id+"_t_"+(pIndex-1);
		$(idxId).className = "ACTIVATED";
		Element.show(tabId);
	}
}