var curPane=1;
var maxPanes=5;
var aniCounter=0;
var aniDelay=7; //(in seconds)
var pauseAnimation=false;
var lockNav=true;

Event.observe(window,'load',function(e){
	$('featured').observe('mouseover',function(){pauseAnimation=true;});
	$('featured').observe('mouseout',function(){pauseAnimation=false;});
	for(i=1;i<=maxPanes;i++){
		$('paneButton'+i).observe('click',function(e){
			if(!lockNav && !Event.element(e).hasClassName('activeSlide')){
				lockNav=true;
				aniCounter=0;
				rotatePane(this);
				setTimeout(unlockNav,1000);
			}
			Event.stop(e);
		}.bind(i));
		if(i!=1){Effect.toggle('pane'+i,'appear');}
	}
	setTimeout(unlockNav,1000);
	setInterval(advanceAnimation,1000);
});


function advanceAnimation(){
	if(!pauseAnimation){
		aniCounter++;
		if(aniCounter>aniDelay){
			aniCounter=0;
			rotatePane();
		}
	}
}

function rotatePane(nextPane){
	Effect.toggle('pane'+curPane,'appear');
	$('paneButton'+curPane).removeClassName('activeSlide');
	if(!nextPane){
		curPane=curPane+1;
		if(curPane>maxPanes){curPane=1;}
	}else{
		curPane=nextPane;
	}
	Effect.toggle('pane'+curPane,'appear');
	$('paneButton'+curPane).addClassName('activeSlide');
}

function unlockNav(){
	lockNav=false;
}