var timerID = null;
var timerRunning = false;
var timeValue = 100;  //the time increment in mS
var count = 0;
var finish = false;

//load up the images for the progress bar
image00 = new Image(); image00.src='./images/image-00.gif';
image01 = new Image(); image01.src='./images/image-01.gif';
image02 = new Image(); image02.src='./images/image-02.gif';
image03 = new Image(); image03.src='./images/image-03.gif';
image04 = new Image(); image04.src='./images/image-04.gif';
image05 = new Image(); image05.src='./images/image-05.gif';
image06 = new Image(); image06.src='./images/image-06.gif';
image07 = new Image(); image07.src='./images/image-07.gif';
image08 = new Image(); image08.src='./images/image-08.gif';
image09 = new Image(); image09.src='./images/image-09.gif';
image10 = new Image(); image10.src='./images/image-10.gif';


function increment() {
    try {
	count += 1;
	if (count == 0) {document.images.bar.src=image00.src;}
	if (count == 1) {document.images.bar.src=image01.src;}
	if (count == 2) {document.images.bar.src=image02.src;}
	if (count == 3) {document.images.bar.src=image03.src;}
	if (count == 4) {document.images.bar.src=image04.src;}
	if (count == 5) {document.images.bar.src=image05.src;}
	if (count == 6) {document.images.bar.src=image06.src;}
	if (count == 7) {document.images.bar.src=image07.src;}
	if (count == 8) {document.images.bar.src=image08.src;}
	if (count == 9) {document.images.bar.src=image09.src;}
	//If you want it to repeat the bar continuously then use this line:
	if (count == 10) {document.images.bar.src=image10.src; count=-1;}
	//If you want it to stop repeating the bar then use this line:
	//if (count == 10) {document.images.bar.src=image10.src; end();}
	} catch (err) {
		alert(err.description + ' in function .increment.');
    }
}

function stopclock() {
    try {
	if (timerRunning)
		clearInterval(timerID);
	timerRunning = false;
	} catch (err) {
		alert(err.description + ' in function .stopclock.');
    }	
}

function end() {
    try {
	if (finish == true) {
		stopclock();
		window.close();
	}
	else {
		finish = true; 
	}
	} catch (err) {
		alert(err.description + ' in function .end.');
    }
}

function startclock() {
    try {
	stopclock();
	timerID = setInterval("increment()", timeValue);
	timerRunning = true;
	document.images.bar.src=image00.src;
	} catch (err) {
		alert(err.description + ' in function .startclock.');
    }
}