// JavaScript Document

var Tabs = {
	data: [],
	initialize: function(selector)
	{
		if( !selector )
		{
			alert('No CSS Selector Found!');
		}else{
		
			var tabs = $$( selector + ' .tabs a');
			
			var tab_content = $$( selector + ' .tab-content');
			
			var set = ( !Tabs.data.length ? 0 : Tabs.data.length );
	
			var _temp = {
			
				tabs: tabs,
				content: tab_content
				
			}
			
			Tabs.data.push( _temp ); // store
			
			for( var i=0; i < tabs.length; ++i )
			{
				tabs[i].id = 'tabs_' + set + '_tab_' + (i+1);
				tabs[i].onclick = function()
				{
					Tabs.Switch(this);
				}
			}
			
			for( var i=0; i < tab_content.length; ++i )
			{
				tab_content[i].id = 'tabcontent_' + set + '_content_' + (i+1);
			}
		}
		Tabs.Switch($('tabs_' + set + '_tab_1'));
	},
	
	
	Switch: function(obj)
	{
		var id = obj.id.split('_');
		var set = id[1];
		var cid = id[3];
				
		for( var i=0; i < Tabs.data[set].tabs.length; ++i )
		{
			if( cid == (i+1) ){
				$('tabcontent_'+set+'_content_'+(i+1)).style.display = 'block';
			}else{
				$('tabcontent_'+set+'_content_'+(i+1)).style.display = 'none';
			}
		}
	}
	
}