//PreLoad all images

Image1  = new Image(660,65);  Image1.src  = "images/course/red_1.gif";
Image2  = new Image(660,65);  Image2.src  = "images/course/red_2.gif";
Image3  = new Image(660,65);  Image3.src  = "images/course/red_3.gif";
Image4  = new Image(660,65);  Image4.src  = "images/course/red_4.gif";
Image5  = new Image(660,65);  Image5.src  = "images/course/red_5.gif";
Image6  = new Image(660,65);  Image6.src  = "images/course/red_6.gif";
Image7  = new Image(660,65);  Image7.src  = "images/course/red_7.gif";
Image8  = new Image(660,65);  Image8.src  = "images/course/red_8.gif";
Image9  = new Image(660,65);  Image9.src  = "images/course/red_9.gif";
Image10 = new Image(660,65); Image10.src = "images/course/red_10.gif";
Image11 = new Image(660,65); Image11.src = "images/course/red_11.gif";
Image12 = new Image(660,65); Image12.src = "images/course/red_12.gif";
Image13 = new Image(660,65); Image13.src = "images/course/red_13.gif";
Image14 = new Image(660,65); Image14.src = "images/course/red_14.gif";
Image15 = new Image(660,65); Image15.src = "images/course/red_15.gif";
Image16 = new Image(660,65); Image16.src = "images/course/red_16.gif";
Image17 = new Image(660,65); Image17.src = "images/course/red_17.gif";
Image18 = new Image(660,65); Image18.src = "images/course/red_18.gif";
Image19 = new Image(660,65); Image19.src = "images/course/red_19.gif";
Image20 = new Image(660,65); Image20.src = "images/course/red_20.gif";

//Next and Previous Buttons >>>>>>>>>>>>>>>>>>>>>>>>>>>>

function nextHole() {
	if (redOutnum + 1 <= 20) {
		setRedOut(redOutnum + 1);
		ChangeImage(redOutnum);
	}
}
function prevHole() {
	if (redOutnum - 1 >= 0) {
		setRedOut(redOutnum - 1);
		ChangeImage(redOutnum);
	}
}
//Mouse Events >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>

redOutnum = 0;
timer = 0;

function ChangeImage(num) {

	stopTimeOut();
	startTimeOut(10000);

	if (dissableChange == 'no') {
		document.red_num.src='images/course/red_'+num+'.gif';
	}
}
function setRedOut(num) {
	redOutnum = num;
	updateData(num);
}
function redOut() {
	if (dissableChange == 'no') {
		document.red_num.src='images/course/red_'+redOutnum+'.gif';
	}
}

//Sets Timeout for animation >>>>>>>>>>>>>>>>>>>>>>>>>>>

function startTimeOut(howLong) {
	timer = setTimeout("animate()",howLong);
}
function stopTimeOut() {
	clearTimeout(timer);
}

// Animation <.><.><.><.><.><.><.><.><.><.><.><.><.><.>
function animateImage(num) { 
	document.red_num.src='images/course/red_'+num+'.gif'; 
} 

stop = 'no'; i = null; stage = 1; dissableChange='no'; speed = 80;

function animate() {

	if (stage == 1) {
		if (dissableChange == 'no') { dissableChange = 'yes'; }
		if (i == null) { i = redOutnum; }
		if (i < 20) {
			i = i + 1;
			animateImage(i);
		} else { stage = 2; }
	}

	if (stage == 2) {
		if (i > 1) {
			i = i - 1;
			animateImage(i);
		} else { stage = 3; }
	}
	
	if (stage == 3) { 
			if (redOutnum == 0) { i = 100; }
			if (i < redOutnum) {
			i = i + 1;
			animateImage(i);
		} else { stage = 4; }	
	}
	
	if (stage == 4) {
		animateImage(redOutnum);
		stop = 'yes';
		dissableChange = 'no';
		stopTimeOut();
		startTimeOut(10000);
	}

	if (stop != 'yes') { setTimeout("animate()",speed); } else { i = null; stop = 'no'; stage = 1; }
}



//Update data >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>

function updateData(num) {
	document.thumbs.src='images/course/thumbs_'+num+'.gif';
	//document.bigImage.src='images/course/layout_'+num+'.gif';
	loadImage('layout');
	changeText(layout,num);
}

function loadImage(name) {

	if (redOutnum == 11 & name == 'redTee') { name = 'yellowTee'; }
	if (redOutnum == 13 & name == 'redTee') { name = 'yellowTee'; }
	if (redOutnum == 0) { name = 'layout'; }
	if (name == 'layout') { ext = 'gif'; } else { ext = 'jpg'; }

	document.bigImage.src='images/course/'+name+'_'+redOutnum+'.'+ext+'';

	if (name == 'redTee')    { changeText(redTee,redOutnum); }
	if (name == 'yellowTee') { changeText(yellowTee,redOutnum); }
	if (name == 'lookBack')  { changeText(lookBack,redOutnum); }
	if (name == 'layout')    { changeText(layout,redOutnum); }
	
}



// Change Text

redTee = "<font color='red'>&nbsp;&nbsp;&nbsp;<b>Red Tee - </b><font>"
yellowTee = "<font color='#d0ce00'>&nbsp;&nbsp;&nbsp;<b>Yellow Tee - </b></font>"
lookBack = "<font color='green'>&nbsp;&nbsp;&nbsp;<b>From the Basket - </b></font>"
layout = "<font color='blue'>&nbsp;&nbsp;&nbsp;<b>Hole Layout - </b></font>"

function changeText(type,desc) {

	document.getElementById("testing").innerHTML = type;
}









//Unused beyond this point

//Pause the script for an interval
function pausecomp(millis)
{
date = new Date();
var curDate = null;

do { var curDate = new Date(); }
while(curDate-date < millis);
}