window.addEvent('domready', function() {

	var transition_delay = 5000;
	var current_tab = 0;

	function nextTab() {
		
		selectTab(tabNameFromNumber(current_tab));
		
		current_tab++;	
		if(current_tab >= 4) {
			current_tab = 0;
		}	
	}
	
	var theperiodical = nextTab.periodical(transition_delay);
	
	function tabNameFromNumber(number) {
		var name = $$('.herobuttons a')[number].id.replace('Link','')		
		return name;
	}
	
	function tabNumberFromName(name) {
		var i = 0;				
		var number = 0;
		$$('.herobuttons a').each(function(element) {		
			if(element.id.replace('Link','') == name) {
				number = i;
			}
			i++;
		})	
		return number;
	}
	
	
	function selectTab(name) {	
						
		$$('.activeTab').each(function(element){
			element.removeClass('activeTab');
			element.addClass('inactiveTab');
		});
				
		// Deselect all tabs
		$$('.on').each(function(element){
			element.removeClass('on');
		})
		
		$(name+'Link').addClass('on');
		
		$(name+'Tab').removeClass('inactiveTab');
			
		$(name+'Tab').addClass('activeTab');
		
		//$(name+'Tab').setStyle('opacity','0');
		//$(name+'Tab').fade('in');		

	}	
	
	$$('.tab').each(function(element){
		element.addClass('inactiveTab');
	})
	
	$$('.tab')[0].removeClass('inactiveTab');
	$$('.tab')[0].addClass('activeTab')

	
	$$('.herobuttons a')[0].addClass('on');	
	
	
	$$('.herobuttons a').addEvent('click', function(e) {			
		e.stop();	 			
		
		current_tab = tabNumberFromName(this.id.replace('Link',''));
		current_tab++;	
		if(current_tab >= 4) {
			current_tab = 0;
		}	
			
		$clear(theperiodical);
		theperiodical = nextTab.periodical(transition_delay);
		
		selectTab(this.id.replace('Link',''));
	})		
	


	
})