var clock = 0;

function UpdateClock() {
   if(clock) {
      clearTimeout(clock);
      clock = 0;
   }

   document.getElementById('clock').innerHTML = ReplaceNumbers(GetTime());
   
   clock = setTimeout("UpdateClock()", 1000);
}
function StartClock() {
   clock = setTimeout("UpdateClock()", 500);
}

function GetTime(){

   var tDate = new Date();
   
   hour = ''+tDate.getHours();
   minutes = ''+tDate.getMinutes();
   seconds = ''+tDate.getSeconds();
   if(hour.length == 1){ hour = '0'+hour; }
   if(minutes.length == 1){ minutes = '0'+minutes; }
   if(seconds.length == 1){ seconds = '0'+seconds; }

   return hour+':'+minutes+':'+seconds;
}

function ReplaceNumbers(string){
   string = string.replace(/0/g,'<img src="images/0.png"/>');
   string = string.replace(/1/g,'<img src="images/1.png"/>');
   string = string.replace(/2/g,'<img src="images/2.png"/>');
   string = string.replace(/3/g,'<img src="images/3.png"/>');
   string = string.replace(/4/g,'<img src="images/4.png"/>');
   string = string.replace(/5/g,'<img src="images/5.png"/>');
   string = string.replace(/6/g,'<img src="images/6.png"/>');
   string = string.replace(/7/g,'<img src="images/7.png"/>');
   string = string.replace(/8/g,'<img src="images/8.png"/>');
   string = string.replace(/9/g,'<img src="images/9.png"/>');
   string = string.replace(/:/g,'<img src="images/colon.png"/>');
   return string;
}

function KillClock() {
   if(clock) {
      clearTimeout(clock);
      clock = 0;
   }
}