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

function initRoll(){

	for(var i=0;i<messageArray.length;i++){

			if(i > 0){
				messageArray[i].style.display='none';
			}					

	}

	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){
	arrayMax=messageArray.length-1;
	
	if (id>arrayMax){
		id=0;
	} 
	
	if (id<0){
		id=arrayMax;
	}


	if(id != currentMessage){
		new Effect.Fade(messageArray[currentMessage]);
		new Effect.Appear(messageArray[id]);
		currentMessage=id;
	}

	keepRolling=false;
}


initRoll('message');