Event.observe(window, 'load', function(){
	var start = new TabMaker('tab');
	start.create();
});

// JS Actions
var TabAction = ['void(0)',
                 'getWidgetList()',
                 'void(0)'];

var TabMaker = Class.create()
TabMaker.prototype = {
	initialize: function(tab) {
		this.tabLnegth = gcn(tab).length;
		this.tabName = tab;
	},
	create: function() {
		var menu = new TabIndex(this.tabName);
		for (var i = 0; i < this.tabLnegth; i++) {
			menu.appendTab(new Tab('Tab' + i, (i==0), i));
		}
		menu.setTab();
	}
}

var Tab = Class.create();
Tab.prototype = {
	initialize: function(name, open, tabNo) {
		this.name = name;
		this.page = name + 'Box';
		this.open = open;
		this.tabNo = tabNo;
	},
	styleTab: function() {
		if (this.open){
			this.setStyle('visible', '', 'open');
			// alert (this.name + ' ' + this.open + ' ' + this.tabNo);
		}else{
			this.setStyle('hidden', 'absolute', 'close');
		}
		this.open = false;
	},
	setStyle: function(visibility, position, className){
		var page = $(this.page).style;
		var name = $(this.name);
		page.visibility = visibility;
		page.position = position;
		name.className = className;
	}
}

var TabIndex = Class.create();
TabIndex.prototype = {
	initialize : function(tab) {
		this.last = 0;
		this.tabs = new Array();
		this.tabName = tab;
	},
	getTabAt : function(index) {
		return this.tabs[index];
	},
	appendTab : function(tab) {
		this.tabs[this.last] = tab;
		gcn(this.tabName)[this.last].id = tab.name;
		gcn(this.tabName+'Box')[this.last].id = tab.page;
		var link = document.createElement('a');
		link.innerHTML = $(tab.name).innerHTML;
		if (typeof (TabAction[this.last]) == 'undefined')
		    TabAction[this.last] = 'void(0)';
		link.href = 'JAVAScript:' + TabAction[this.last]+ ';'
		this.last++;
		$(tab.name).innerHTML = '';
		$(tab.name).appendChild(link);
		$(tab.name).onclick = function(){
			tab.open = true;
			this.setTab();
		}.bind(this);
	},
	getLength : function() {
		return this.last;
	},
	each : function(func) {
		for (var i = 0; i < this.getLength(); i++) {
			func(this.getTabAt(i));
		}
	},
	setTab: function() {
		this.each(function(tab) {
				tab.styleTab();
		});
	}
};

function gcn(id){
	return document.getElementsByClassName(id);
}