<!--Digital Clock - Simplified version-->

<HTML>
<HEAD>
<TITLE> Digital Clock - Simplified version </TITLE>
<script language="JavaScript">
<!--
// Preload images
imgArray = new Array();
imgArray[0] = new Image();
imgArray[0].src = "images/0.gif";

imgArray[1] = new Image();
imgArray[1].src = "images/1.gif";

imgArray[2] = new Image();
imgArray[2].src = "images/2.gif";

imgArray[3] = new Image();
imgArray[3].src = "images/3.gif";

imgArray[4] = new Image();
imgArray[4].src = "images/4.gif";

imgArray[5] = new Image();
imgArray[5].src = "images/5.gif";

imgArray[6] = new Image();
imgArray[6].src = "images/6.gif";

imgArray[7] = new Image();
imgArray[7].src = "images/7.gif";

imgArray[8] = new Image();
imgArray[8].src = "images/8.gif";

imgArray[9] = new Image();
imgArray[9].src = "images/9.gif";

function doTime() {
var time = new Date();
var hours = time.getHours().toString();
var minutes = time.getMinutes().toString();
var seconds = time.getSeconds().toString();

if (hours.length == 2) {
document.images.hour1.src = imgArray[parseInt(hours.charAt(0))].src;
document.images.hour2.src = imgArray[parseInt(hours.charAt(1))].src;
} else {
document.images.hour1.src = imgArray[0].src;
document.images.hour2.src = imgArray[parseInt(hours.charAt(0))].src;
}

if (minutes.length == 2) {
document.images.minute1.src = imgArray[parseInt(minutes.charAt(0))].src;
document.images.minute2.src = imgArray[parseInt(minutes.charAt(1))].src;
} else {
document.images.minute1.src = imgArray[0].src;
document.images.minute2.src = imgArray[parseInt(minutes.charAt(0))].src;
}

if (seconds.length == 2) {
document.images.second1.src = imgArray[parseInt(seconds.charAt(0))].src;
document.images.second2.src = imgArray[parseInt(seconds.charAt(1))].src;
} else {
document.images.second1.src = imgArray[0].src;
document.images.second2.src = imgArray[parseInt(seconds.charAt(0))].src;
}
setTimeout("doTime()",20);
}
//-->
</script>
</HEAD>

<BODY onLoad="doTime()">
<img src="images/0.gif" name="hour1">
<img src="images/0.gif" name="hour2">
<img src="images/colon.gif">
<img src="images/0.gif" name="minute1">
<img src="images/0.gif" name="minute2">
<img src="images/colon.gif">
<img src="images/0.gif" name="second1">
<img src="images/0.gif" name="second2">
</BODY>
</HTML>