new Namespace("at.thermenland.contentslider.tabs");
at.thermenland.contentslider.tabs = Class.create({

	initialize : function (element) {
		this.slider = element;
		this.elements = this.slider.getElementsBySelector('.tab');
		
		for (i=0; i<this.elements.length; i++) {
			this.ele = this.elements[i];
			this.addEvents(this.slider, this.ele, i);
		}
		
		if (start_with_tab != null) {
			var elbox = {};
			elbox.button = this.elements[start_with_tab];
			elbox.content = this.slider.getElementsBySelector('.tab_content')[start_with_tab];			
			this.openBox(elbox, start_with_tab);	
		}
		
	},

	addEvents: function (slider, el, i) {
		var elbox = {};
		
		elbox.button = el;
		elbox.content = slider.getElementsBySelector('.tab_content')[i];
		elbox.button.observe('click', this.openBox.bind(this, elbox, i));
		
		return elbox;
	},

	
	openBox : function (elbox, i) {
		elbox.content.setStyle({ display: 'block' });
		elbox.button.addClassName('active');
		
		for (e=0; e<this.elements.length; e++) {
			if (e != i) {
				this.elements[e].removeClassName('active');
				this.slider.getElementsBySelector('.tab_content')[e].setStyle({ display: 'none' });
			}
		}
	}

});