// JavaScript Document



var VerySimpleTabs = new Class({
	
	toggles: [],
	tabs: [],
	
	current: -1,
	
	initialize: function(wrapper) {
		
		wrapper = $(wrapper);
		
		var togglerContainer = new Element("div", {"class": "tabtogglers"}).injectBefore(wrapper.getChildren()[0]),
			toggleSource = wrapper.getElements('h4');
			
		for (var i=0; i<toggleSource.length; i++) {
			this.toggles[i] = new Element("span").injectInside(togglerContainer);
			this.toggles[i].setHTML(toggleSource[i].innerHTML);
			this.toggles[i].addEvent("click", this.showTab.bind(this, i));
			toggleSource[i].remove();
		}	
		 
		 new Element("div", {"class": "clearer"}).injectInside(togglerContainer);
		 
		this.tabs = wrapper.getElements(".tabcontent");
		this.showTab(0);
		
	},
	
	showTab: function(number) {
		if (this.current == number) {
			return;	
		}
		
		for (var i=0; i< this.tabs.length; i++) {
			this.tabs[i].setStyle("display", (i == number ? "": "none"));	
			this.toggles[i][(i == number ? "addClass": "removeClass")]("selected");
		}
		this.current = number;
	}
	
});
			
window.addEvent("domready", function() {

	var tabs = $$(".tabwrapper");
	if (tabs.length > 0) {
		var tabObjs = [];
		for (var i=0; i<tabs.length; i++) {
			tabObjs[i] = new VerySimpleTabs(tabs[i]);	
			
		}
	}
});