//array of hole images, 0 is for the clubhouse
var imgs = new Array(19);
imgs[0] = new Image();
imgs[0].src = "images/course/main.jpg";
imgs[1] = new Image();
imgs[1].src = "images/course/hole01.jpg";
imgs[2] = new Image();
imgs[2].src = "images/course/hole02.jpg";
imgs[3] = new Image();
imgs[3].src = "images/course/hole03.jpg";
imgs[4] = new Image();
imgs[4].src = "images/course/hole04.jpg";
imgs[5] = new Image();
imgs[5].src = "images/course/hole05.jpg";
imgs[6] = new Image();
imgs[6].src = "images/course/hole06.jpg";
imgs[7] = new Image();
imgs[7].src = "images/course/hole07.jpg";
imgs[8] = new Image();
imgs[8].src = "images/course/hole08.jpg";
imgs[9] = new Image();
imgs[9].src = "images/course/hole09.jpg";
imgs[10] = new Image();
imgs[10].src = "images/course/hole10.jpg";
imgs[11] = new Image();
imgs[11].src = "images/course/hole11.jpg";
imgs[12] = new Image();
imgs[12].src = "images/course/hole12.jpg";
imgs[13] = new Image();
imgs[13].src = "images/course/hole13.jpg";
imgs[14] = new Image();
imgs[14].src = "images/course/hole14.jpg";
imgs[15] = new Image();
imgs[15].src = "images/course/hole15.jpg";
imgs[16] = new Image();
imgs[16].src = "images/course/hole16.jpg";
imgs[17] = new Image();
imgs[17].src = "images/course/hole17.jpg";
imgs[18] = new Image();
imgs[18].src = "images/course/hole18.jpg";

//tells whether or not to swap
var holdFlag = false;

var theInterval = null;
var cycler = null;

//fade vars
var opacity = 99;
var direction = "out";

//current picture index
var curPic = 0;

function changePic() {
	if (curPic == 18)
		curPic = 1;
	else
		curPic++;
		
	theInterval = setInterval('fadePic("hole_img", "' + imgs[curPic].src + '")', 5);
}

function fadePic(row, image) {
	var obj = document.getElementById("hole_img");
	if (direction == "out") {
		changeOpacity(obj, opacity);
		opacity--;
	}
	if (direction == "out" && opacity == 0) {
		//load new image and change direction
		var title = document.getElementById("hole_descr1");
		if (title) {
			title.innerHTML = "Hole #" + curPic;
		}
		obj.src = image;
		direction = "in";
	}
	if (direction == "in") {
		opacity++;
		changeOpacity(obj, opacity);
		if (opacity == 99) {
			clearInterval(theInterval);
			direction = "out";
		}
	}
}

function changeOpacity(obj, opacity) {
	obj.style.opacity = (opacity / 100);
	obj.style.MozOpacity = (opacity / 100);
	obj.style.KhtmlOpacity = (opacity / 100);
	obj.style.filter = "alpha(opacity=" + opacity + ")";
}