//pre-load images
var areaView1Img = new Image();
areaView1Img.src = 'images/NewImages/area_oaa.jpg';
var areaView2Img = new Image();
areaView2Img.src = 'images/NewImages/area_village0_S.jpg';
var areaView3Img = new Image();
areaView3Img.src = 'images/NewImages/area_village2_S.jpg';
var areaView4Img = new Image();
areaView4Img.src = 'images/NewImages/area_village3_S.jpg';
var areaView5Img = new Image();
areaView5Img.src = 'images/NewImages/area_transition.jpg';
var areaView6Img = new Image();
areaView6Img.src = 'images/NewImages/area_panorama_S.jpg';
var areaView7Img = new Image();
areaView7Img.src = 'images/NewImages/area_chat1_S.jpg';
var areaView8Img = new Image();
areaView8Img.src = 'images/NewImages/area_chat2_S.jpg';
var areaView9Img = new Image();
areaView9Img.src = 'images/NewImages/area_chat3_S.jpg';
var areaView10Img = new Image();
areaView10Img.src = 'images/NewImages/area_food1_S.jpg';
var areaView11Img = new Image();
areaView11Img.src = 'images/NewImages/area_food2_S.jpg';
var areaView12Img = new Image();
areaView12Img.src = 'images/NewImages/area_laroche1.jpg';
var areaView13Img = new Image();
areaView13Img.src = 'images/NewImages/area_laroche3.jpg';
var areaView14Img = new Image();
areaView14Img.src = 'images/NewImages/area_view6_S.jpg';
var areaView15Img = new Image();
areaView15Img.src = 'images/NewImages/area_view7_S.jpg';
var areaView16Img = new Image();
areaView16Img.src = 'images/NewImages/area_view1_S.jpg';
var areaView17Img = new Image();
areaView17Img.src = 'images/NewImages/area_view2_S.jpg';
var areaView18Img = new Image();
areaView18Img.src = 'images/NewImages/area_view4_S.jpg';
var areaView19Img = new Image();
areaView19Img.src = 'images/NewImages/area_view5_S.jpg';
var areaView20Img = new Image();
areaView20Img.src = 'images/NewImages/area_view13_S.jpg';
var areaView21Img = new Image();
areaView21Img.src = 'images/NewImages/area_view3_S.jpg';
var areaView22Img = new Image();
areaView22Img.src = 'images/NewImages/area_view12_S.jpg';
var areaView23Img = new Image();
areaView23Img.src = 'images/NewImages/area_view8_S.jpg';
var areaView24Img = new Image();
areaView24Img.src = 'images/NewImages/area_view11_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',areaView1Img).write();
messageArray[1] = new makeMessage("Click to open the Gallery...",'gallery.htm',areaView2Img).write();
messageArray[2] = new makeMessage("Click to open the Gallery...",'gallery.htm',areaView3Img).write();
messageArray[3] = new makeMessage("Click to open the Gallery...",'gallery.htm',areaView4Img).write();
messageArray[4] = new makeMessage("Click to open the Gallery...",'gallery.htm',areaView5Img).write();
messageArray[5] = new makeMessage("Click to open the Gallery...",'gallery.htm',areaView6Img).write();
messageArray[6] = new makeMessage("Click to open the Gallery...",'gallery.htm',areaView7Img).write();
messageArray[7] = new makeMessage("Click to open the Gallery...",'gallery.htm',areaView8Img).write();
messageArray[8] = new makeMessage("Click to open the Gallery...",'gallery.htm',areaView9Img).write();
messageArray[9] = new makeMessage("Click to open the Gallery...",'gallery.htm',areaView10Img).write();
messageArray[10] = new makeMessage("Click to open the Gallery...",'gallery.htm',areaView11Img).write();
messageArray[11] = new makeMessage("Click to open the Gallery...",'gallery.htm',areaView12Img).write();
messageArray[12] = new makeMessage("Click to open the Gallery...",'gallery.htm',areaView13Img).write();
messageArray[13] = new makeMessage("Click to open the Gallery...",'gallery.htm',areaView14Img).write();
messageArray[14] = new makeMessage("Click to open the Gallery...",'gallery.htm',areaView15Img).write();
messageArray[15] = new makeMessage("Click to open the Gallery...",'gallery.htm',areaView16Img).write();
messageArray[16] = new makeMessage("Click to open the Gallery...",'gallery.htm',areaView17Img).write();
messageArray[17] = new makeMessage("Click to open the Gallery...",'gallery.htm',areaView18Img).write();
messageArray[18] = new makeMessage("Click to open the Gallery...",'gallery.htm',areaView19Img).write();
messageArray[19] = new makeMessage("Click to open the Gallery...",'gallery.htm',areaView20Img).write();
messageArray[20] = new makeMessage("Click to open the Gallery...",'gallery.htm',areaView21Img).write();
messageArray[21] = new makeMessage("Click to open the Gallery...",'gallery.htm',areaView22Img).write();
messageArray[22] = new makeMessage("Click to open the Gallery...",'gallery.htm',areaView23Img).write();
messageArray[23] = new makeMessage("Click to open the Gallery...",'gallery.htm',areaView24Img).write();

//var randomNumber=Math.floor(Math.random()*8)
//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);
	}
}