var schapigeTabs = new Class(
{
	intActive: 0,
	elActive: null,	
	elTabContainer: null,
	arrItems: null,
	arrLinks: null,
	
	initialize: function( elTabContainer )
	{
		this.elTabContainer = $(elTabContainer);
		this.arrLinks = this.elTabContainer.getElements('ul li a');
		this.arrItems = this.elTabContainer.getElements('#tab_wrapper .tabcontent');
		//this.elActive = this.elTabContainer.getElement('#tab_wrapper .tabcontent').setStyle('display', 'block');
		this.arrItems[this.intActive].setStyle('display', 'block');
		//console.log(this.arrItems);
		this.elActive = this.arrItems[this.intActive];
			
		this.arrLinks.each(function(elLink, intKey)
		{
			if (intKey == this.intActive)
			{
				elLink.addClass('active');
			};
			elLink.addEvents(
			{
				click:function()
				{
					this.removeActive();
					this.elActive.setStyle('display', 'none');
					this.intActive = intKey;
					elLink.addClass('active');
					this.elActive = this.elTabContainer.getElement('#tab_'+elLink.get('rel')).setStyle('display', 'block');
				}.bind(this)
			});
		}.bind(this));
	},
	removeActive: function()
	{
		this.arrLinks[this.intActive].removeClass('active');
	}
});

window.addEvent('domready',function()
{
	
	var Tabs = new schapigeTabs('tabcontainer');

});