// original script version by courtesy of http://www.hopsings.de

// this xhtml compliant version for the pad(C) webtemplate
// by Uli Sobers       http://www.free-templates-sobers.de


var UhrTimerID     = null
var UhrTimerLaeuft = false
fCol = '#000000';  //Farbe der Ziffern
sCol = '#FF6600';  //Farbe des Sekundenzeigers
mCol = '#00CC66';  //Farbe des Minutenzeigers
hCol = '#0033CC';  //Farbe des Stundenzeigers
H = '+++';
H = H.split('');
M = '++++';
M = M.split('');
S = '+++++';
S = S.split('');
Ybase = 8;
Xbase = 8;
dots = 12;
ns = (document.layers)?1:0;

//Netscape 4
if (document.layers) {
for (i = 0; i < dots; i++) {
document.write('<layer name="nsDigits'+i+'" top="0" left="0" height="30" width="30"><center><font face="Arial,Verdana" size="1" color="'+fCol+'">&bull;<\/font><\/center><\/layer>');
}
for (i = 0; i < M.length; i++) {
document.write('<layer name="ny'+i+'" top="0" left="0" bgcolor="'+mCol+'" clip="0,0,2,2"><\/layer>');
}
for (i = 0; i < H.length; i++) {
document.write('<layer name="nz'+i+'" top="0" left="0" bgcolor="'+hCol+'" clip="0,0,2,2"><\/layer>');
}
for (i = 0; i < S.length; i++) {
document.write('<layer name="nx'+i+'" top="0" left="0" bgcolor="'+sCol+'" clip="0,0,2,2"><\/layer>');
   }
}

// Netscape 6 und IE 4/5
if (document.getElementById || document.all){
document.write('<div id="uhr" style="position:absolute;top:0px;left:0px">');
document.write('<div style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i = 1; i < dots+1; i++) {
document.write('<div id="'+i+'ieDigits" style="position:absolute;top:0px;left:0px;width:30px;height:30px;font-family:Arial,Verdana;font-size:6px;color:'+fCol+';text-align:center;padding-top:10px">&bull;<\/div>');
}
document.write('<\/div><\/div>')

document.write('<div style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i = 0; i < M.length; i++) {
document.write('<div id="'+i+'y" style="position:absolute;width:2px;height:2px;font-size:2px;background-color:'+mCol+'"><\/div>');
}
document.write('<\/div><\/div>')

document.write('<div style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i = 0; i < H.length; i++) {
document.write('<div id="'+i+'z" style="position:absolute;width:2px;height:2px;font-size:2px;background-color:'+hCol+'"><\/div>');
}
document.write('<\/div><\/div>')

document.write('<div style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i = 0; i < S.length; i++) {
document.write('<div id="'+i+'x" style="position:absolute;width:2px;height:2px;font-size:2px;background-color:'+sCol+'"><\/div>');
}
document.write('<\/div><\/div><\/div>')
}

function clock() {
time = new Date ();
secs = time.getSeconds();
sec = -1.57 + Math.PI * secs/30;
mins = time.getMinutes();
min = -1.57 + Math.PI * mins/30;
hr = time.getHours();
hrs = -1.57 + Math.PI * hr/6 + Math.PI*parseInt(time.getMinutes())/360;
{
Ypos = 60;
Xpos = 60;
}
//netscape 4
if (document.layers) {
for (i = 0; i < dots; ++i){
document.layers["nsDigits"+i].top = (Ypos - 5 + 40 * Math.sin(-0.49+dots+i/1.9))+"px";
document.layers["nsDigits"+i].left = (Xpos - 15 + 40 * Math.cos(-0.49+dots+i/1.9))+"px";
}
for (i = 0; i < S.length; i++){
document.layers["nx"+i].top = (Ypos + i * Ybase * Math.sin(sec))+"px";
document.layers["nx"+i].left = (Xpos + i * Xbase * Math.cos(sec))+"px";
}
for (i = 0; i < M.length; i++){
document.layers["ny"+i].top = (Ypos + i * Ybase * Math.sin(min))+"px";
document.layers["ny"+i].left = (Xpos + i * Xbase * Math.cos(min))+"px";
}
for (i = 0; i < H.length; i++){
document.layers["nz"+i].top = (Ypos + i * Ybase * Math.sin(hrs))+"px";
document.layers["nz"+i].left = (Xpos + i * Xbase * Math.cos(hrs))+"px";
   }
}
//netscape 6 und IE 5
if (document.getElementById) {
for (i=0; i < dots; ++i){
document.getElementById(1+i+"ieDigits").style.top = (Ypos - 15 + 40 * Math.sin(-0.49+dots+i/1.9))+"px";
document.getElementById(1+i+"ieDigits").style.left = (Xpos - 14 + 40 * Math.cos(-0.49+dots+i/1.9))+"px";
}
for (i=0; i < S.length; i++){
document.getElementById(i+"x").style.top = (Ypos + i * Ybase * Math.sin(sec))+"px";
document.getElementById(i+"x").style.left = (Xpos + i * Xbase * Math.cos(sec))+"px";
}
for (i=0; i < M.length; i++){
document.getElementById(i+"y").style.top = (Ypos + i * Ybase * Math.sin(min))+"px";
document.getElementById(i+"y").style.left = (Xpos + i * Xbase * Math.cos(min))+"px";
}
for (i=0; i < H.length; i++){
document.getElementById(i+"z").style.top = (Ypos + i * Ybase *Math.sin(hrs))+"px";
document.getElementById(i+"z").style.left = (Xpos + i * Xbase *Math.cos(hrs))+"px";
   }
}
// IE 4
if (document.all) {
for (i=0; i < dots; ++i){
document.all(1+i+"ieDigits").style.top = (Ypos - 15 + 40 * Math.sin(-0.49+dots+i/1.9))+"px";
document.all(1+i+"ieDigits").style.left = (Xpos - 14 + 40 * Math.cos(-0.49+dots+i/1.9))+"px";
}
for (i=0; i < S.length; i++){
document.all(i+"x").style.top = (Ypos + i * Ybase * Math.sin(sec))+"px";
document.all(i+"x").style.left = (Xpos + i * Xbase * Math.cos(sec))+"px";
}
for (i=0; i < M.length; i++){
document.all(i+"y").style.top = (Ypos + i * Ybase * Math.sin(min))+"px";
document.all(i+"y").style.left = (Xpos + i * Xbase * Math.cos(min))+"px";
}
for (i=0; i < H.length; i++){
document.all(i+"z").style.top = (Ypos + i * Ybase *Math.sin(hrs))+"px";
document.all(i+"z").style.left = (Xpos + i * Xbase *Math.cos(hrs))+"px";
   }
}

UhrTimerID = setTimeout('clock()', 50);
UhrTimerLaeuft = true
}

if (document.layers || document.getElementById || document.all) window.onload = clock;