var curPane=1;

Event.observe(window,'load',function(e){
	setInterval(rotatePane,6000);
});


function rotatePane(){
	curPane=curPane+1;
	if(curPane==5){curPane=1;}
	changeDiv('background');

	Effect.toggle('backgroundAlt','appear');
	setTimeout(nextPane,2000);
}

function nextPane(){
	changeDiv('backgroundAlt');
	Effect.toggle('backgroundAlt','appear');
}

function changeDiv(divName){
	$(divName).removeClassName('pane1');
	$(divName).removeClassName('pane2');
	$(divName).removeClassName('pane3');
	$(divName).removeClassName('pane4');
	switch(curPane){
		case 1:
			$(divName).addClassName('pane1');
			$(divName).innerHTML='';
			break;
		case 2:
			$(divName).addClassName('pane2');
			$(divName).innerHTML='<div id="caption_know"></div>';
			break;
		case 3:
			$(divName).addClassName('pane3');
			$(divName).innerHTML='<div id="caption_grow"></div>';
			break;
		case 4:
			$(divName).addClassName('pane4');
			$(divName).innerHTML='<div id="caption_go"></div>';
			break;
	}
}