var arrImageOn = new Array();
    arrImageOn[1] = new Image;
    arrImageOn[1].src = '/fileadmin/templates/_img/clock-on.gif';

var arrImageOff = new Array();
    arrImageOff[0] = new Image;
    arrImageOff[0].src = '/fileadmin/templates/_img/clock-off.gif';

var whattime = function() {

    now = new Date();
    h1 = now.getHours();
    if (h1 > 11) {h = h1 - 12;}
    else {h = h1;}

    m1 = now.getMinutes();
    s = now.getSeconds();

    zm = Math.floor(m1/10);
    m = m1 - (zm*10);
    zs = Math.floor(s/16);

    // checkmamalhours

    if ((h & 8) == 8)
       { document.getElementById('clock_h0').src = arrImageOn[1].src; }
    else { document.getElementById('clock_h0').src = arrImageOff[0].src; }

    if ((h & 4) == 4)
       { document.getElementById('clock_h1').src = arrImageOn[1].src; }
    else { document.getElementById('clock_h1').src = arrImageOff[0].src; }

    if ((h & 2) == 2)
       { document.getElementById('clock_h2').src = arrImageOn[1].src; }
    else { document.getElementById('clock_h2').src = arrImageOff[0].src; }

    if ((h & 1) == 1)
       { document.getElementById('clock_h3').src = arrImageOn[1].src; }
    else { document.getElementById('clock_h3').src = arrImageOff[0].src; }

    // checkmamalzehnerminuten

    if ((zm & 8) == 8)
       { document.getElementById('clock_x0').src = arrImageOn[1].src;}
    else { document.getElementById('clock_x0').src = arrImageOff[0].src;}

    if ((zm & 4) == 4)
       { document.getElementById('clock_x1').src = arrImageOn[1].src;}
    else { document.getElementById('clock_x1').src = arrImageOff[0].src;}

    if ((zm & 2) == 2)
       { document.getElementById('clock_x2').src = arrImageOn[1].src;}
    else { document.getElementById('clock_x2').src = arrImageOff[0].src;}

    if ((zm & 1) == 1)
       { document.getElementById('clock_x3').src = arrImageOn[1].src;}
    else { document.getElementById('clock_x3').src = arrImageOff[0].src;}

    // checkmamalminuten

    if ((m & 8) == 8)
       { document.getElementById('clock_m0').src = arrImageOn[1].src;}
    else { document.getElementById('clock_m0').src = arrImageOff[0].src;}

    if ((m & 4) == 4)
       { document.getElementById('clock_m1').src = arrImageOn[1].src;}
    else { document.getElementById('clock_m1').src = arrImageOff[0].src;}

    if ((m & 2) == 2)
       { document.getElementById('clock_m2').src = arrImageOn[1].src;}
    else {document.getElementById('clock_m2').src = arrImageOff[0].src;}

    if ((m & 1) == 1)
       { document.getElementById('clock_m3').src = arrImageOn[1].src;}
    else { document.getElementById('clock_m3').src = arrImageOff[0].src;}
}


var circle = function () {
    whattime();
    window.setTimeout('circle()', 1000);
}

window.onload = function() {
    circle();
}

function showElement(id) {
    document.getElementById(id).style.visibility = 'visible';
}

function hideElement(id) {
    document.getElementById(id).style.visibility = 'hidden';
}