/**
* Released under the terms or MIT license:
*
* Copyright (c) Bajcic Dragan
* 
* Modified by Nathan Stretch to use Mootools 1.2 instead of Prototype library
*
* Permission is hereby granted, free of charge, to any person obtaining a copy 
* of this software and associated documentation files (the "Software"), to deal 
* in the Software without restriction, including without limitation the rights 
* to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 
* copies of the Software, and to permit persons to whom the Software is 
* furnished to do so, subject to the following conditions:
*
* The above copyright notice and this permission notice shall be included in all 
* copies or substantial portions of the Software.
*
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 
* SOFTWARE.
*/

var mt = new Class({
	initialize: function(tabs_container,tabs_class) {
		this.bgcolor='#DDF8CC';
		this.activeColor='#ffffff';
		this.bgborder='#414141';
		this.activeBorder='#ffffff';
		this.tc=tabs_container;
		this.tbClass=tabs_class;
		this.elm  = $(tabs_container);
		
		var tabbardiv = new Element('div', {'id': 'tab-bar'});
		tabbardiv.inject(this.elm,'top');
		//new Insertion.Top(this.elm,'<div id="tab-bar"></div>');

		this.tabs = $$(tabs_class);
		this.clear(this.tabs);

		MT=this;
	},
	
	clear: function(tabs){
		tabs.each(function(elm){
			elm.setStyle('display','none');
		});
	},
	
	makeActive: function(tab_id){
		$$('div.mt-tab').each(function(elm){
			if(elm.hasClass('mt-tab-active')){
				elm.removeClass('mt-tab-active');
				elm.setStyle('backgroundColor',MT.bgcolor);
				elm.setStyle('borderRightColor',MT.bgborder);
			}
		});
		$(tab_id).setStyle('display','block');
		$('mt-'+tab_id).setStyle('backgroundColor',MT.activeColor);
		$('mt-'+tab_id).setStyle('borderRightColor',MT.activeBorder);
		$('mt-'+tab_id).addClass('mt-tab-active');
	},
	
	addTab: function(tab_id,text){
		var newtab = new Element('div', {'id': 'mt-'+tab_id, 'class': 'mt-tab'});
		newtab.set('html', text);
		newtab.inject($('tab-bar'),'bottom');
		
		//new Insertion.Bottom($('tab-bar'),'<div id="mt-'+tab_id+'" class="mt-tab">'+text+'</div>');
		var elmnt=$('mt-'+tab_id);
		elmnt.setStyle('backgroundColor',this.bgcolor);
		elmnt.setStyle('borderRightColor',this.bordercolor);
		
		elmnt.addEvent('click', function() {
			MT.clear(MT.tabs);
			MT.makeActive(tab_id,MT.tbClass);
		});
		
		elmnt.addEvent('mouseover', function(nn) {
			if(!elmnt.hasClass('mt-tab-active')){
				elmnt.setStyle('backgroundColor',MT.activeColor);
			}
		});
		
		elmnt.addEvent('mouseout', function(nn) {
			if(!elmnt.hasClass('mt-tab-active')){
				elmnt.setStyle('backgroundColor',MT.bgcolor);
			}
		});
	},
	
	removeTabTitles: function(tabTitlesClass){
		this.tabsTitles = $$(tabTitlesClass);
		this.tabsTitles.each(function(elm){
			elm.setStyle('display','none');
		});
	}
});