<!--

// Para que funcione debe dar el valor apropiado a
// las variables que se detallan al principio de 
// este script.

var digit_images;               // La matriz de digitos 0-9
var separator_images;           // La matriz de las imagenes blank y colon 
var ampm_images;                // La matriz de las imagenes am y pm 

var image_base = "reloj/";     // Directorio que contiene las imagenes
var image_type = ".gif";                // Formato grafico de las imagenes
var image_height = 22;          // Alto de las imagenes
var digit_width =15;            // Ancho de los digitos 0-9 
var ampm_width = 38;            // Ancho de las imagenes AM y PM 
var separator_width = 8;        // Ancho de los dos puntos
var clockDelay = 900;           // Espera en milisegundos entre refrescos. 
                                // Debido al retardo en el cambio de imagenes
                                //      debe ser de unos 800-900
                                //      para un retardo de 1 segundo y
                                //      alrededor de 300-400 para 1/2 segundo

var hour1 = "blank";            // El primer digito en la hora
var hour2 = "blank";            // El segundo digito en la hora
var minute1 = "blank";          // El primer digito en los minutos
var minute2 = "blank";          // El segundo digito en los minutos
var ampm;                       // Discierne entre AM o PM

var now;                        // Usado al tomar la fecha
var cur_hour;                   // Usado al tomar la hora
var cur_minute;                 // Usado al tomar los minutos


function makeImageArray(length, ImageWidth, ImageHeight){       // Devuelve una matriz de imagenes
  this.length = length;                                         // en las que el indice del 1er 
                                                                // elemento es 0
  for ( i = 0; i < length; i++ ){
    this[i] = new Image(ImageWidth, ImageHeight);
  }
  return this;
}

function UpdateClock(hr1, hr2, min1, min2, separator){          // Actualiza el reloj

  now = new Date();                     // Toma la fecha
  cur_hour = now.getHours();            // Toma la hora de la fecha
  cur_minute = now.getMinutes();        // Toma los minutos de la fecha


  // Determina si es Am o Pm
  if (cur_hour >= 12){ampm = "pm";}
  else{ampm = "am";}

  // Ajusta el tiempo para dar el tiempo  "regular" (i.e. horas 1-12 en vez de 0-23)
  //if (cur_hour >= 13){cur_hour = cur_hour - 12;}
  //if (cur_hour == 0){cur_hour = 12;}

  // Convertimos cur_hour y cur_minute a cadenas
  cur_hour += "";
  cur_minute += "";

  // Asigna los digitos individuales de la hora a hour1 y hour2
  if (cur_hour >= 10){
        hour1 = cur_hour.charAt(0);
        hour2 = cur_hour.charAt(1);
  }
  else{
        hour1 = "0";
        hour2 = cur_hour.charAt(0);
  }

  // Asigna los digitos individuales de los minutos a minute1 y minute2
  if (cur_minute >= 10){
        minute1 = cur_minute.charAt(0);
        minute2 = cur_minute.charAt(1);
  }
  else{
        minute1 = "0";
        minute2 = cur_minute.charAt(0);
  }


  // Es necesario chequear si alguno de los digitos en la hora ha cambiado
  // Si alguno lo ha hecho, entonces cambia la imagen correspondiente. 
  // NOTE: Esto solo funciona con Netscape 3.0 o superior, 
  // por tanto chequea antes el navegador del usuario

  if (parseInt(navigator.appVersion.substring(0,1))>=3) {       // Netscape 3.0 o superior
    if (hour1 == "0"){document.clock1.src = image_base + "blank" + image_type;}
      else {document.clock1.src = digit_images[hour1].src;}
    document.clock2.src = digit_images[hour2].src;
    if (separator == "blank"){document.clock3.src = separator_images[0].src;}
      else {document.clock3.src = separator_images[1].src;}
    document.clock4.src = digit_images[minute1].src;
    document.clock5.src = digit_images[minute2].src;
    //if (ampm == "am"){document.clock7.src = ampm_images[0].src;}
     // else {document.clock7.src = ampm_images[1].src;}
  }


  if (separator == "blank"){setTimeout("UpdateClock(hour1, hour2, minute1, minute2, 'colon')", clockDelay);}
  else{setTimeout("UpdateClock(hour1, hour2, minute1, minute2, 'blank')", clockDelay);}
} // Esto acaba la funcion UpdateClock

// Este script solo funciona con Netscape 3.0 o superior, asi que antes
// chequeamos el navegador del usuario

function pon_hora() {

if (parseInt(navigator.appVersion.substring(0,1))>=3) {         // Netscape 3.0 o superior

  digit_images = new makeImageArray(10, digit_width, image_height);
  separator_images = new makeImageArray(2, separator_width, image_height);
  ampm_images = new makeImageArray(2, ampm_width, image_height);

  for ( i = 0; i < 10; i++ ){digit_images[i].src = image_base + i + image_type;}
  separator_images[0].src = image_base + "blank" + image_type;
  separator_images[1].src = image_base + "colon" + image_type;
  //ampm_images[0].src = image_base + "am" + image_type;
  //ampm_images[1].src = image_base + "pm" + image_type;

  document.write('<IMG NAME="clock1" SRC="' + image_base + 'blank' + image_type + '" WIDTH="' + digit_width + '" HEIGHT="' + image_height + '" BORDER="0">');
  document.write('<IMG NAME="clock2" SRC="' + image_base + 'blank' + image_type + '" WIDTH="' + digit_width + '" HEIGHT="' + image_height + '" BORDER="0">');
  document.write('<IMG NAME="clock3" SRC="' + image_base + 'blank' + image_type + '" WIDTH="' + separator_width + '" HEIGHT="' + image_height + '" BORDER="0">');
  document.write('<IMG NAME="clock4" SRC="' + image_base + 'blank' + image_type + '" WIDTH="' + digit_width + '" HEIGHT="' + image_height + '" BORDER="0">');
  document.write('<IMG NAME="clock5" SRC="' + image_base + 'blank' + image_type + '" WIDTH="' + digit_width + '" HEIGHT="' + image_height + '" BORDER="0">');
  //document.write('<IMG NAME="clock6" SRC="' + image_base + 'blank' + image_type + '" WIDTH="' + separator_width + '" HEIGHT="' + image_height + '" BORDER="0">');
  //document.write('<IMG NAME="clock7" SRC="' + image_base + 'blank' + image_type + '" WIDTH="' + ampm_width + '" HEIGHT="' + image_height + '" BORDER="0">');
  //document.write('</A><P>');

  // Finalmente, corremos el script mediante UpdateClock
  UpdateClock("blank", "blank", "blank", "blank", "blank");
} // Esto finaliza el chequeo de Netscape 3.0 
}

//-->