var Timer;
var lmt = mpic.length - 1;
var i = 0

//  preload banner images
for (i=0;i<mpic.length;i++) {
    pic1 = new Image();
    pic1.src = 'images/top_photos/' + mpic[i];
}

Refresh();
//controls();

function Refresh()
{
	i = Math.floor(Math.random()*lmt);
	
	setPhoto(i);
//	controls();
	
    Timer = setTimeout("Refresh()",5000); //1000 = 1 second
}

function controls() {
	document.getElementById("controls").innerHTML = '<a href="JavaScript:setPhoto(' + 0 + ');">First</a>&nbsp;&nbsp;|&nbsp;&nbsp;';
	
	var start = i - 3;
	if (start < 0) { start = 0; }
	var end = start + 6;
	if (end > (mpic.length - 1)) { end = mpic.length; }
	
	for (j=start ; j<end; j++) {
		document.getElementById("controls").innerHTML += '<a href="JavaScript:setPhoto(' + j + ');">' + (j+1) + '</a>&nbsp;&nbsp;|&nbsp;&nbsp;';
	}
	document.getElementById("controls").innerHTML += '<a href="JavaScript:setPhoto(' +lmt + ');">Last</a>';
}

function setPhoto(indx) {
	document.getElementById("hmpic").style.backgroundImage="url('images/top_photos/" + mpic[indx] + "')";

}