// 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';
			}
		}
		
	}
	
	
}