document.observe("dom:loaded", activateTabs );

var tabs = Array();

function activateTabs()
{  
  var tabName = null;
  var tabs = $$('.tab_off');
  
  for(var x=0; x<tabs.length; x++)
  {
    Event.observe( tabs[x], 'click', openTab, false);
    
		tabName = tabs[x].href.split('/');
		tabName = tabName[(tabName.length)-1].replace('.html', '');
		$('tab_'+tabName).setStyle({display:'none'});
  }
	
	$('tab_blank').setStyle({display:'none'});
}

function openTab( Event )
{
  if(!$('tabs')) return false;	
	
  var tabOn = $$('.tab_on'); tabOn[0].className = 'tab_off';  
  var element = Event.element(); element.className='tab_on';
  
  var newTab = element.href.split("/"); 
  newTab = newTab[(newTab.length)-1].replace('.html', '');
	
	activateTabs();		
	
  var tabs = $$('.tab');
	for(var x=0; x<tabs.length; x++)
  {
		if( tabs[x].id!='tab_'+newTab )
		{
		  $(tabs[x]).setStyle({display:'none'});
		}
	}
	$('tab_'+newTab).appear({ duration: 0.5 });
  
  new Ajax.Request( '/page/tabs/tab/'+newTab+'.html', { asynchronous: true, evalScripts: false });
	
  Event.stop();
}