//pre-load images
var pngView1 = new Image();
pngView1.src = 'images/NewImages/png_Pool1_S.jpg';
var pngView2 = new Image();
pngView2.src = 'images/NewImages/png_Pool3_S.jpg';
var pngView3 = new Image();
pngView3.src = 'images/NewImages/png_Pool4_S.jpg';
var pngView4 = new Image();
pngView4.src = 'images/NewImages/png_Gard1_S.jpg';
var pngView5 = new Image();
pngView5.src = 'images/NewImages/png_Gard2_S.jpg';
var pngView6 = new Image();
pngView6.src = 'images/NewImages/png_Gard2b_S.jpg';
var pngView7 = new Image();
pngView7.src = 'images/NewImages/png_Gard3_S.jpg';
var pngView8 = new Image();
pngView8.src = 'images/NewImages/png_Gard4_S.jpg';

function makeMessage(a,l,i){
	this.alt = a;
	this.link = l;
	this.img = i;
	this.write = writeMessage;
}

function writeMessage(){
	var str = '';
	str += '<table><tr><td style="vertical-align: middle; text-align: right; height: 315px;">';
	str += '<a href="' + this.link + '" title="'  + this.alt + '">';
	str += '<img border="0" src="' + this.img.src + '" alt="' + this.alt + '" /></a></td>';
	str += '</tr></table>'
	return str;
}

var messageArray = new Array();
messageArray[0] = new makeMessage("Click to open the Gallery...",'gallery.htm',pngView1).write();
messageArray[1] = new makeMessage("Click to open the Gallery...",'gallery.htm',pngView2).write();
messageArray[2] = new makeMessage("Click to open the Gallery...",'gallery.htm',pngView3).write();
messageArray[3] = new makeMessage("Click to open the Gallery...",'gallery.htm',pngView4).write();
messageArray[4] = new makeMessage("Click to open the Gallery...",'gallery.htm',pngView5).write();
messageArray[5] = new makeMessage("Click to open the Gallery...",'gallery.htm',pngView6).write();
messageArray[6] = new makeMessage("Click to open the Gallery...",'gallery.htm',pngView7).write();
messageArray[7] = new makeMessage("Click to open the Gallery...",'gallery.htm',pngView8).write();

//var randomNumber=Math.floor(Math.random()*7)
//var nIndex = randomNumber;
var nIndex = 0;
var timerID = null;

function rotateMessage(){
	var len = messageArray.length;
	if(nIndex >= len)
		nIndex = 0;
	document.getElementById('message').innerHTML = messageArray[nIndex];
	nIndex++;
	timerID = setTimeout('rotateMessage()',6000);
}
function pauseMessage() {
	if (timerID != null) {
		clearTimeout(timerID);
		timerID = null;
	}
}

function playMessage() {
	if (timerID == null) {
		timerID = setTimeout('rotateMessage()', 1000);
	}
}