var messageArray = document.getElementsByClassName("message");
var currentMessage=0;	
var keepRolling=true;
var startedRolling=false;

function initRoll(){
	for(var i=0;i<messageArray.length;i++){
		if(i > 0){
			messageArray[i].style.display='none';
		}					
	}
	if(messageArray.length > 1){
		roll();
	}
}


function roll(){

	if(keepRolling){

		if(startedRolling){	
			new Effect.Fade(messageArray[currentMessage]);
			
			if(currentMessage < (messageArray.length-1)){
				currentMessage=currentMessage+1;
			} else {
				currentMessage=0;
			}
		}

		
		if(startedRolling){
			new Effect.Appear(messageArray[currentMessage]);
		}
		startedRolling=true;
		var t=setTimeout("roll();",6000);
	}
}

function selectMessage(id){

	if(id != currentMessage){
		//new Effect.Fade(messageArray[currentMessage]);
		messageArray[currentMessage].style.display='none';
		new Effect.Appear(messageArray[id]);
		currentMessage=id;
	}

	keepRolling=false;
}

addLoadEvent(function(){
	initRoll('message');
});