var mt = Class.create();
mt.prototype = {
  initialize: function(tabs_container,tabs_class) {		
		this.bgcolor='url(images/arrow_blue.jpg)';
		//this.background = 'url(bg_select.jpg)';
		this.activeColor='url(images/arrow_black.jpg)';
		this.tc=tabs_container;
		this.tbClass=tabs_class;
		this.elm  = $(tabs_container);		
		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){		
		$(tab_id).setStyle({display:'block'});
		$('mt-'+tab_id).setStyle({backgroundImage:MT.activeColor});
		$$('div.mt-tab').each(function(elm){
		if(elm.hasClassName('mt-tab-active')){
				elm.removeClassName('mt-tab-active');
				elm.setStyle({backgroundImage:MT.bgcolor});
			}		
		});
		$('mt-'+tab_id).addClassName('mt-tab-active');
	},	
	addTab: function(tab_id,text){		
		new Insertion.Bottom($('tab-bar'),'<div id="mt-'+tab_id+'" class="mt-tab">'+text+'</div>');
		var elmnt=$('mt-'+tab_id);
		elmnt.setStyle({backgroundImage:this.bgcolor});		
		Event.observe(elmnt, 'click', function() {
			window.mt.prototype.clear(MT.tabs);
			window.mt.prototype.makeActive(tab_id,MT.tbClass);
		});		
		Event.observe(elmnt, 'mouseover', function(nn) {			
			if(!elmnt.hasClassName('mt-tab-active')){
			elmnt.setStyle({backgroundImage:MT.bgcolor});
			}
		});		
		Event.observe(elmnt, 'mouseout', function(nn) {
			if(!elmnt.hasClassName('mt-tab-active')){
			elmnt.setStyle({backgroundImage:MT.bgcolor});			
			}		
		});	
	},
	removeTabTitles: function(tabTitlesClass){
			this.tabsTitles = $$(tabTitlesClass);
			this.tabsTitles.each(function(elm){
				elm.setStyle({display:'none'});
			});
	}
};