// JavaScript Document

var tabNum = 1;
var theXPosition = 0;

var IntervalId = null;

Event.observe( window,'load', function(){
	IntervalId = setInterval( "PlayCycle()", 8000 );
	Event.observe( $("module"), 'mouseover', function(){
		clearInterval(IntervalId);
		IntervalId = null;
	//alert('over')
	});

	Event.observe( $("module"), 'mouseout', function(){
		if(IntervalId != null){
			clearInterval(IntervalId);
		}
		IntervalId = setInterval( "PlayCycle()", 8000 );					
	});
})

function PlayCycle(){
	
	var theTab;
	
	if(tabNum == 3){
		tabNum = 1;
		theXPosition = 0; 
	}else{
		tabNum += 1;
		theXPosition -= 222; 
	}
	
	theTab = 'tab' + tabNum;
	ModuleTransition(theTab, theXPosition);
}

function ModuleTransition(tab, theX){
	
	var theTab1 = document.getElementsByClassName("tab1")[0];
	var theTab2 = document.getElementsByClassName("tab2")[0];
	var theTab3 = document.getElementsByClassName("tab3")[0];
	
	theTab1.removeClassName('highlight');
	theTab2.removeClassName('highlight');
	theTab3.removeClassName('highlight');
	
	if( tab == 'tab1'){
		tabNum = 1;
		theXPosition = 0;
		theTab1.addClassName('highlight');
	}else if( tab == 'tab2'){
		tabNum = 2;
		theXPosition = -222;
		theTab2.addClassName('highlight');	
	}else if( tab == 'tab3'){
		tabNum = 3;
		theXPosition = -444;
		theTab3.addClassName('highlight');	
	}
	
	new Effect.Move('module_content', {
	   x: theX, 
	   mode: 'absolute',
	   transition: Effect.Transitions.sinoidal/**/
	});
			
}