var imgArray = new Array()
 var setTime = 1
 
function initializeImgClock(){
  var i = 0
  for(i=0; i<10; i++){
    imgArray[i] = new Image(20,25)
    }
  imgArray[0].src = "Assets/Clock/clkimg0.gif"
  imgArray[1].src = "Assets/Clock/clkimg1.gif"
  imgArray[2].src = "Assets/Clock/clkimg2.gif"
  imgArray[3].src = "Assets/Clock/clkimg3.gif"
  imgArray[4].src = "Assets/Clock/clkimg4.gif"
  imgArray[5].src = "Assets/Clock/clkimg5.gif"
  imgArray[6].src = "Assets/Clock/clkimg6.gif"
  imgArray[7].src = "Assets/Clock/clkimg7.gif"
  imgArray[8].src = "Assets/Clock/clkimg8.gif"
  imgArray[9].src = "Assets/Clock/clkimg9.gif"
  jsImgClock()
  }

function jsImgClock(){
  var TimezoneOffset = -5  // adjust for time zone
  var localTime = new Date()
  var ms = localTime.getTime() 
             + (localTime.getTimezoneOffset() * 60000)
             + TimezoneOffset * 3600000
  var time =  new Date(ms)
  var hour = time.getHours()
  var minute = time.getMinutes()
  var second = time.getSeconds()
  var sec = 0
  var sec10 = 0
  var min = 0
  var min10 = 0
  var hr = 0
  var hr10 = 0
   
  sec10 = Math.floor(second/10)
  sec = second - sec10 * 10
  document.imgSec.src = imgArray[sec].src
  if (sec==0  || setTime==1){
    document.imgSec10.src = imgArray[sec10].src
    min10 = Math.floor(minute/10)
    min = minute - min10 * 10
    document.imgMin.src = imgArray[min].src
    if (min==0  || setTime==1){
      document.imgMin10.src = imgArray[min10].src
      if (hour<12){
         document.imgAMPM.src = "Assets/Clock/clkimgAM.gif"
         if (hour==0)
           hour=12
         }
      else{
         document.imgAMPM.src = "Assets/Clock/clkimgPM.gif"
         if (hour>12) 
           hour -= 12
         }
    	hr10 = Math.floor(hour/10)
    	hr = hour - hr10 * 10
      document.imgHr.src = imgArray[hr].src
      if (hr10 >= 1)
        document.imgHr10.src = imgArray[hr10].src
      else
        document.imgHr10.src = "Assets/Clock/clkimgblank.gif"
      setTime = 0
      }
  }   
  id = setTimeout("jsImgClock()",1000)
  }