// Instalacion: Modificar la fecha del evento
// Kike 2002
// Fecha que queremos sennalar como evento
// Formato: Dia de la semana (Mon, Tue, Wed, Thu, Fri, Sat, Sun)
// dia del mes con dos cifras
// mes del anno (Jan,Feb,Mar,Apr,May,Jun,Jul,Aug,Sep,Oct,Nov,Dec)
// anno en 4 cifras
// Horario referente al UTC, en Espanna es GMT+200 (2 horas al oeste
// del meridiano de Greenwich en invierno y 1 hora en
// verano (GMT+100)

var fin_evento = "Fri, 2 Apr 2010 21:25:00 GMT+0100"; // kike


// Fin instalacion

var msegundos_fin = new Date(fin_evento);

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 = "time/";           // Directorio que contiene las imagenes
var image_type = ".gif";        // Formato grafico de las imagenes
var image_type2 = ".gif";       // Formato gráfico de las imagenes
var image_height = 18;          // Alto de las imagenes
var digit_width =16;            // Ancho de los digitos 0-9
var ancho_dias =38;             // Ancho de los  separadores "dias" "horas", etc)
var ancho_horas= 48;
var ancho_minutos = 37;
var ancho_segundos = 35;
var relojDelay = 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 dias1 = "blank";            // El primer digito en la dia
var dias2 = "blank";            // El segundo digito en la dia
var dias3 = "blank";            // El tercer digito del dia
var horas1 = "blank";            // El primer digito en la hora
var horas2 = "blank";            // El segundo digito en la hora
var minutos1 = "blank";          // El primer digito en los minutos
var minutos2 = "blank";          // El segundo digito en los minutos
var segundos1 = "blank";            // El primer digito en la hora
var segundos2 = "blank";            // El segundo digito en la hora

var now;                        // Usado al tomar la fecha
var msegundos;
var segundos;
var minutos;
var horas;
var dias;
var tmp;

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 Updatereloj(separator){          // Actualiza el reloj

  now = new Date();                     // Toma la fecha actual
  msegundos = msegundos_fin-now;
  if (msegundos < 1) {  // Si ya paso el evento ponemos todo a cero
         if (parseInt(navigator.appVersion.substring(0,1))>=3) {       // Version 3.0 o superior
                document.reloj1.src = digit_images[0].src;
                  document.reloj2.src = digit_images[0].src;
                  document.reloj2bis.src = digit_images[0].src;
                document.reloj3.src = separador_dias.src;
                    document.reloj4.src = digit_images[0].src;
                 document.reloj5.src = digit_images[0].src;
                document.reloj6.src = separador_horas.src;
                    document.reloj7.src = digit_images[0].src;
                 document.reloj8.src = digit_images[0].src;
                document.reloj9.src = separador_minutos.src;
                    document.reloj10.src = digit_images[0].src;
                 document.reloj11.src = digit_images[0].src;
                document.reloj12.src = separador_segundos.src;
          }

  } else {   // Si no paso el evento contamos
         segundos = parseInt(msegundos/1000);        // segundos que quedan hasta el evento

          dias = segundos/86400;
          if (dias < 1) {
                tmp = dias;
                dias = 0;
          } else {
                tmp = dias-parseInt(dias);
                dias = parseInt(dias);                    // Dias que quedan
          }
          horas = tmp*24;
          if (horas < 1) {
                tmp = horas;
                horas = 0;
          } else {
                tmp = horas-parseInt(horas);
                horas = parseInt(horas);                    // Horas que quedan
          }
          minutos = tmp*60;
          if (minutos < 1) {
                tmp = minutos;
                minutos = 0;
          } else {
                tmp = minutos-parseInt(minutos);
                minutos = parseInt(minutos);                    // minutos que quedan
          }
          segundos = Math.round(tmp*60);            // Segundos que quedan


          if (segundos == 60){
                segundos = 0;
                minutos++;
          }
          if (minutos == 60){
                minutos = 0;
                horas++;
          }
          if (horas == 24){
                horas = 0;
                dias++;
          }

        segundos +="";
          minutos +="";
          horas +="";
          dias +="";

          // Asigna los digitos individuales
          if (dias >= 100){
                dias1 = dias.charAt(0);
                dias2 = dias.charAt(1);
                  dias3 = dias.charAt(2);
          }else{
                  if (dias >= 10){
                        dias1 = "0";
                        dias2 = dias.charAt(0);
                        dias3 = dias.charAt(1);
                  } else{
                        dias1 = "0";
                        dias2 = "0";
                        dias3 = dias.charAt(0);
                }
          }

          if (horas >= 10){
                horas1 = horas.charAt(0);
                horas2 = horas.charAt(1);
          }else{
                horas1 = "0";
                horas2 = horas.charAt(0);
          }

          if (minutos >= 10){
                minutos1 = minutos.charAt(0);
                minutos2 = minutos.charAt(1);
          }else{
                minutos1 = "0";
                minutos2 = minutos.charAt(0);
          }

          if (segundos >= 10){
                segundos1 = segundos.charAt(0);
                segundos2 = segundos.charAt(1);
          }else{
                segundos1 = "0";
                segundos2 = segundos.charAt(0);
          }


          // Refrescamos las imagenes

          if (parseInt(navigator.appVersion.substring(0,1))>=3) {       // Version 3.0 o superior
                document.reloj1.src = digit_images[dias1].src;
                  document.reloj2.src = digit_images[dias2].src;
                  document.reloj2bis.src = digit_images[dias3].src;
                document.reloj3.src = separador_dias.src;
                    document.reloj4.src = digit_images[horas1].src;
                 document.reloj5.src = digit_images[horas2].src;
                document.reloj6.src = separador_horas.src;
                    document.reloj7.src = digit_images[minutos1].src;
                 document.reloj8.src = digit_images[minutos2].src;
                document.reloj9.src = separador_minutos.src;
                    document.reloj10.src = digit_images[segundos1].src;
                 document.reloj11.src = digit_images[segundos2].src;
                document.reloj12.src = separador_segundos.src;
          }


          setTimeout("Updatereloj('colon')", relojDelay);
   }
}


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);
  separador_dias = new Image();
  separador_horas = new Image();
  separador_minutos = new Image();
  separador_segundos = new Image();

  for ( i = 0; i < 10; i++ ){
        digit_images[i].src = image_base + i + image_type;
  }
  separador_dias.src = image_base + "dias" + image_type2;
  separador_horas.src = image_base + "horas" + image_type2;
  separador_minutos.src = image_base + "minutos" + image_type2;
  separador_segundos.src = image_base + "segundos" + image_type2;

  document.write("<A href='' OnMouseOver=\"window.status='Faltan para la Salida Procesional del Viernes Santo:';return true\" OnMouseOut=\"window.status='';return true\">");
  document.write('<IMG NAME="reloj1" SRC="' + image_base + 'blank' + image_type2 + '" WIDTH="' + digit_width + '" HEIGHT="' + image_height + '" BORDER="0">');
  document.write('<IMG NAME="reloj2" SRC="' + image_base + 'blank' + image_type2 + '" WIDTH="' + digit_width + '" HEIGHT="' + image_height + '" BORDER="0">');
  document.write('<IMG NAME="reloj2bis" SRC="' + image_base + 'blank' + image_type2 + '" WIDTH="' + digit_width + '" HEIGHT="' + image_height + '" BORDER="0">');
  document.write('<IMG NAME="reloj3" SRC="' + image_base + 'blank' + image_type2 + '" WIDTH="' + ancho_dias + '" HEIGHT="' + image_height + '" BORDER="0">');
  document.write('<IMG NAME="reloj4" SRC="' + image_base + 'blank' + image_type2 + '" WIDTH="' + digit_width + '" HEIGHT="' + image_height + '" BORDER="0">');
  document.write('<IMG NAME="reloj5" SRC="' + image_base + 'blank' + image_type2 + '" WIDTH="' + digit_width + '" HEIGHT="' + image_height + '" BORDER="0">');
  document.write('<IMG NAME="reloj6" SRC="' + image_base + 'blank' + image_type2 + '" WIDTH="' + ancho_horas + '" HEIGHT="' + image_height + '" BORDER="0">');
  document.write('<IMG NAME="reloj7" SRC="' + image_base + 'blank' + image_type2 + '" WIDTH="' + digit_width + '" HEIGHT="' + image_height + '" BORDER="0">');
  document.write('<IMG NAME="reloj8" SRC="' + image_base + 'blank' + image_type2 + '" WIDTH="' + digit_width + '" HEIGHT="' + image_height + '" BORDER="0">');
  document.write('<IMG NAME="reloj9" SRC="' + image_base + 'blank' + image_type2 + '" WIDTH="' + ancho_minutos + '" HEIGHT="' + image_height + '" BORDER="0">');
  document.write('<IMG NAME="reloj10" SRC="' + image_base + 'blank' + image_type2 + '" WIDTH="' + digit_width + '" HEIGHT="' + image_height + '" BORDER="0">');
  document.write('<IMG NAME="reloj11" SRC="' + image_base + 'blank' + image_type2 + '" WIDTH="' + digit_width + '" HEIGHT="' + image_height + '" BORDER="0">');
  document.write('<IMG NAME="reloj12" SRC="' + image_base + 'blank' + image_type2 + '" WIDTH="' + ancho_segundos + '" HEIGHT="' + image_height + '" BORDER="0">');
  document.write('</A>');

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