var allTabs = new Array();

var simpleTabs = Class.create();
simpleTabs.prototype =
{
	initialize: function(divId, contentClass)
	{
		this.tab_holder     = $(divId);
		if(!this.tab_holder) return false;

		var tabs_object_copy = this;

		this.tabs           = $A(this.tab_holder.getElementsByTagName("div")[0].getElementsByTagName("div"));
		this.tab_contents   = document.getElementsByClassName(contentClass, divId);

		//console.log(this.tabs);
		//console.log(this.tab_contents);
		this.current_tab      = null;
		this.tabIndex           = allTabs.length;


		allTabs[this.tabIndex] = this;

		for(var i=0; i<this.tabs.length; i++)
		{
		     this.tabs[i].onclick = new Function("allTabs[" + this.tabIndex + "].changeTab('" + i + "');");
		     Event.observe
		     (
		     	this.tabs[i],
		     	'mouseover',
		     	function(event)
		     	{
		     		tabs_object_copy.changeClass( Event.element(event), 1 );
		     	}
			);

		     Event.observe
		     (
		     	this.tabs[i],
		     	'mouseout',
		     	function(event)
		     	{
		     		tabs_object_copy.changeClass( Event.element(event), 0 );
		     	}
			);

		     Element.hide( this.tab_contents[i] );
		     if(this.tabs[i].className == "selected")
		     {
		     	this.current_tab = i;
		     }
		}

		if(!this.current_tab)
		{
		     this.current_tab = 0;
		     this.tabs[0].className = "selected";
		}

		Element.show( this.tab_contents[this.current_tab] );
		return true;
	},

	changeTab: function(tab_index)
	{
		this.current_tab = tab_index;
		this.tabs.each( function(tab)
			{
				tab.className = "";
			} );
		this.tab_contents.each( function(tab){ Element.hide( tab ) });
		Element.show( this.tab_contents[this.current_tab] );

		this.tabs[this.current_tab].className = "selected";
	},

	changeClass: function(one_tab, is_over)
	{
		if( one_tab.tagName == 'STRONG' )
		{
			one_tab = one_tab.parentNode;
		}
		if( one_tab.className != 'selected' )
		{
			new_class = ( is_over ) ? 'over' : 'out';
			one_tab.className = new_class ;
		}
	}
};