path = "clock/";
digit = new Array();
var T;
var MonthA = new Array("Января", "Февраля", "Марта", "Апреля", "Мая", "Июня", "Июля", "Августа", "Сентября", "Октября", "Ноября", "Декабря");

for(i=0; i<10; i++){
        digit[i] = new Image();
        digit[i].src = path + "images/" + i + ".gif";
}

function City(label, offset) {
  //this.img = new Image();
  //this.img.src = path + imgsrc;
  this.label = label;
  this.offset = offset;
}

cities = new Array(
  new City('Бангкок', 7),
  new City('Стамбул', 2),
  new City('Пном Пень', 7),
  new City('Гавана', -5),
  new City('Москва', 3),
  new City('Кишинев', 2),
  new City('Киев', 2),
  new City('Минск', 2),
  new City('Алма-Ата', 6),
  new City('Таллинн', 2)
);

pos = 4;

separatorStatus = false;

leftArrowA = new Image();
leftArrowA.src = path + "images/l1.gif";
leftArrowO = new Image();
leftArrowO.src = path + "images/l.gif";
rightArrowA = new Image();
rightArrowA.src = path + "images/r1.gif";
rightArrowO = new Image();
rightArrowO.src = path + "images/r.gif";

function clock_overLeft() {
  document.leftArrow.src = leftArrowA.src;
}

function clock_outLeft() {
  document.leftArrow.src = leftArrowO.src;
}

function clock_overRight() {
  document.rightArrow.src = rightArrowA.src;
}

function clock_outRight() {
  document.rightArrow.src = rightArrowO.src;
}

function setupClock(){
    // assume Daylight Savings Time:
    now = new Date();
    DST = (now.getMonth()+1 >= 4 && now.getMonth()+1 <= 10) ? 1 : 0;
    
    // start the clock:
    
    T = setTimeout("updateClock()", 500);
   // T1 = setTimeout("blink()", 500);
}

function updateClock(){
    // obtain GMT/Universal Time:
    now = new Date();
    hours = now.getUTCHours()+DST;
    // adjust chosen time
    time = new Date();
    time.setHours(hours + cities[pos].offset);
    if (document.h1) document.h1.src = digit[pad(time.getHours()).substr(0,1)].src;
    if (document.h2) document.h2.src = digit[pad(time.getHours()).substr(1,1)].src;
    if (document.m1) document.m1.src = digit[pad(time.getMinutes()).substr(0,1)].src;
    if (document.m2) document.m2.src = digit[pad(time.getMinutes()).substr(1,1)].src;
    document.getElementById('lbl_zone').innerHTML = cities[pos].label;
    document.getElementById('lbl_date').innerHTML = time.getDate() + '&nbsp;' + MonthA[time.getMonth()] + '&nbsp;' + time.getFullYear();
    if (T != null) clearTimeout(T);
    T = setTimeout("updateClock()", 60000);
}

function pad(number){
    return (number < 10) ? "0" + number.toString() : number.toString() ;
}

function clock_left() {
  if (pos > 0) pos--;
  else pos = cities.length - 1;
  updateClock();
}

function clock_right() {
  if (pos < cities.length - 1) pos++;
  else pos = 0;
  updateClock();
}

setupClock();