
myBannerNum =  "0" + Math.floor(Math.random()*4) 

var filePrefix = ""; 
var messageTimer;
var msgNum = 0; // this is the subscript of the messages array. we'll increment to rotate.

/*  Begin messages array  */

var messages = new Array();
var idle = new Image();
idle.src = filePrefix + "/images/mainmessage-idle.png";
messages.push(idle);

var fast = new Image();
fast.src = filePrefix + "/images/mainmessage-fast.png";
messages.push(fast);

var efficient = new Image();
efficient.src = filePrefix + "/images/mainmessage-efficient.png";
messages.push(efficient);

var secure = new Image();
secure.src = filePrefix + "/images/mainmessage-secure.png";
messages.push(secure);


var hasslefree = new Image();
hasslefree.src = filePrefix + "/images/mainmessage-hasslefree.png";
messages.push(hasslefree);

/*  End messages array  */


function rotateMessage(){
	mLen = messages.length;    
	if(msgNum==mLen){
		msgNum=0;
	}    
	swapMessage(messages[msgNum]);
	msgNum++; // by incrementing, we're iterating through the messages array. When we the end, we reset to 0

	messageTimer = setTimeout("rotateMessage()",3000); // rotates every four seconds
}

function swapMessage(myMessage){
	document.getElementById("messageImg").src = myMessage.src; // highlight the message
	
}

function mouseMessage(myMessage){
	clearTimeout(messageTimer); //stop the rotation
	msgNum = 0; // set the message rotation state to idle
	swapMessage(myMessage);    //highlight the message you moused over
}

function startRotation(){
	swapMessage(idle);
	messageTimer = setTimeout("rotateMessage()",3000);
}

function bannerChooser(){
	var myBannerImage = filePrefix + "/images/autoreturn" + myBannerNum + ".jpg";
	document.getElementById('banner').style.backgroundImage = "url("+myBannerImage+")";
}


function goMenu(myMenuId){
	myMenu = document.getElementById(myMenuId);
	top.location = (myMenu.options[myMenu.selectedIndex].value)+"?date="+myMenu.options[myMenu.selectedIndex].text;
}


