//deteccion de capacidades del navegador   
var navok;   
if ( document.getElementById || document.all )     
    navok = true;
else  
    navok = false;     
  
//coordenadas posicion numeros en la circulo del Inicializa   
var circulo_x = new Array();   
var circulo_y = new Array();   
circulo_x[7] = [80, 94, 100, 94, 77, 53, 28, 11,  5, 11, 28, 53];
circulo_y[7] = [ 8, 26,  50, 74, 91, 97, 91, 74, 50, 26,  8,  2]; 
  
//elementos graficos del Inicializa   
var horas = new Array();   
var minutos = new Array();
var segundos = new Array();   
var numeros = new Array();   



window.onload=Inicializa;

function pinta_reloj() {   
    //dibuja circulo del Inicializa   
    var txt="";//"<div id=\"exterior\" style=\"position:relative; width:117px; height:117px; visibility:visible\">";

    for(var i=1;i<=7;i++)    //minutero   
        txt += '<div id="min'+i+'" style="visibility: hidden; position:absolute; top:0px; left:0px; width:6px; height:6px; background-color:#6699CC; font-size:6px;"></div>';
  
    for(var i=1;i<=5;i++)    //horas   
        txt += '<div id="hrs'+i+'" style="visibility: hidden; position:absolute; top:0px; left:0px; width:6px; height:6px; background-color:#003399; font-size:6px;"></div>';
  
    for(var i=1;i<=7;i++)    //segundero   
        txt += '<div id="sec'+i+'" style="visibility: hidden; position:absolute; top:0px; left:0px; width:4px; height:4px; background-color:#ffcc00; font-size:6px;"></div>';
  
    for(var i=1;i<=12;i++)   //digitos   
        txt += '<div id="h'+i+'" style="visibility: hidden; position:absolute; top:0px; left:0px; width:10px; height:10px; font-size:8pt; font-family: Arial; color:#003399;">'+i+'</div>';
  
    
    //txt += "</div>";  
    //document.write(txt);
    document.getElementById("exterior").innerHTML=txt;
//  mueve_capa( exterior, 100, 200);   
}   

//movimiento agujas   
function avanza_reloj() {   
    var fecha = document.getElementById("divReloj").innerHTML;
    var parametrosFecha = fecha.split(":");
    var hor=parseInt(parametrosFecha[0], 10);
    var min=parseInt(parametrosFecha[1], 10);
    var seg=parseInt(parametrosFecha[2], 10) + 1;
    
    /*ahora = new Date()   
    ahora.hrs = ahora.getHours()   
    ahora.min = ahora.getMinutes()   
    ahora.sec = ahora.getSeconds()   */
       
    hor = ( hor >= 12 ) ? hor - 12 : hor   
       
    hor = Math.floor( ( hor * 5 ) + ( min/12 ) )   
       
    for(n=0;n<horas.length;n++)   
        mueve_capa(horas[n], circulo_x[n][hor], circulo_y[n][hor])   
    for(n=0;n<minutos.length;n++)   
        mueve_capa(minutos[n], circulo_x[n][min], circulo_y[n][min])   
    for(n=0;n<segundos.length;n++)   
        mueve_capa(segundos[n], circulo_x[n][seg], circulo_y[n][seg])  
}   
  
function mueve_capa(id,x,y){   
    id.style.left = x + 'px';  
    id.style.top = y + 'px';  
}   
  
  
function obtiene_capa(idstr) {   
    if (document.getElementById)   
        return document.getElementById(idstr);   
    else if (document.all)   
        return document.all[idstr];   
}   
  
  
function Inicializa() {   
    pinta_reloj();  
    if ( !navok )   
        return;  
       
    //array de objetos aguja horas   
    for( i=1; i<=5; i++)   
        horas[i-1] = obtiene_capa('hrs'+i);   
    //array objetos minutero   
    for( i=1; i<=7; i++)   
        minutos[i-1] = obtiene_capa('min'+i);   
    //array objetos segundero   
    for( i=1; i<=7; i++)   
        segundos[i-1] = obtiene_capa('sec'+i);   
    //array objetos numeros circulo        
    for( i=1; i<=12; i++)   
        numeros[i] = obtiene_capa('h'+i);   
     
    //inicializa posicion numeros circulo   
    for( n=1; n<=12; n++)   
        mueve_capa(numeros[n], circulo_x[7][n-1], circulo_y[7][n-1]);   
     
    var centro = [0];   
    var radio = 6;   
    var resultado = new Array();   
    for( i=1; i<=60; i++) {   
        centro[i] = centro[i-1] + ((Math.PI*2)/60);   
        centro[i-1] += Math.PI/180;   
    }   
     
    for( num=0; num<=6; num++) {   
        circulo_x[num] = new Array();   
        circulo_y[num] = new Array();   
        for( i=1; i<=60; i++) {   
            resultado = ((i-15)<0)? 60 + i - 15 : i - 15;   
            circulo_x[num][i] = Math.floor((num*radio*Math.cos(centro[resultado]))+56);   
            circulo_y[num][i] = Math.floor((num*radio*Math.sin(centro[resultado]))+55);   
        }   
        circulo_x[num][0]=circulo_x[num][60];   
        circulo_y[num][0]=circulo_y[num][60];   
    }   
     
    var IdIntervalo = setInterval("avanza_reloj()", 100);  
    iniciarReloj();
}