fCol = '000000';  //face colour.
sCol = 'ff0000';  //seconds colour.
mCol = '000033';  //minutes colour.
hCol = '000033';  //hours colour.


Hlength = 24;
Mlength = 30;
Slength = 36;

Ypos = 0;
Xpos = 0;
Ybase = 1;
Xbase = 1;
dots = 12;
na = (navigator.appName == "Netscape" && parseInt(navigator.appVersion) >=5)?1:0;
if (!na) {
ns = (document.layers)?1:0;
if (ns) {
Ybase = 8;
Xbase = 8;
Hlength = 4;
Mlength = 5;
Slength = 6;

dgts = '1 2 3 4 5 6 7 8 9 10 11 12';
dgts = dgts.split(' ');
for (i = 0; i < dots; i++) {
document.write('<layer name=nsDigits2'+i+' top=0 left=0 height=30 width=30><center><font face=Arial,Verdana size=1 color='+fCol+'>'+dgts[i]+'</font></center></layer>');
}
for (i = 0; i < Mlength; i++) {
document.write('<layer name=ny2'+i+' top=0 left=0 bgcolor='+mCol+' clip="0,0,2,2"></layer>');
}
for (i = 0; i < Hlength; i++) {
document.write('<layer name=nz2'+i+' top=0 left=0 bgcolor='+hCol+' clip="0,0,2,2"></layer>');
}
for (i = 0; i < Slength; i++) {
document.write('<layer name=nx2'+i+' top=0 left=0 bgcolor='+sCol+' clip="0,0,2,2"></layer>');
   }
}
else {
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="ieDigits2" style="position:absolute;top:0px;left:0px;width:30px;height:30px;font-family:Arial,Verdana;font-size:10px;color:'+fCol+';text-align:center;padding-top:10px">'+i+'</div>');
}
document.write('</div></div>')
document.write('<div style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i = 0; i < Mlength; i++) {
document.write('<div id=y2 style="position:absolute;width:2px;height:2px;font-size:2px;background:'+mCol+'"></div>');
}
document.write('</div></div>')
document.write('</div></div>')
document.write('<div style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i = 0; i < Hlength; i++) {
document.write('<div id=z2 style="position:absolute;width:2px;height:2px;font-size:2px;background:'+hCol+'"></div>');
}
document.write('</div></div>')
document.write('<div style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i = 0; i < Slength; i++) {
document.write('<div id=x2 style="position:absolute;width:2px;height:2px;font-size:2px;background:'+sCol+'"></div>');
}
document.write('</div></div>')
}}
function ffclock() {
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 = 251;
Ypos = 495;
//Xpos = 200;
Xpos = 190;
if (ns) {

Ypos = 255;
Xpos = 20;
for (i = 0; i < dots; ++i){
document.layers["nsDigits2"+i].top = Ypos - 5 + 40 * Math.sin(-0.49+dots+i/1.9);
document.layers["nsDigits2"+i].left = Xpos - 15 + 40 * Math.cos(-0.49+dots+i/1.9);
}
for (i = 0; i < Slength; i++){
document.layers["nx2"+i].top = Ypos + i * Ybase * Math.sin(sec);
document.layers["nx2"+i].left = Xpos + i * Xbase * Math.cos(sec);
}
for (i = 0; i < Mlength; i++){
document.layers["ny2"+i].top = Ypos + i * Ybase * Math.sin(min);
document.layers["ny2"+i].left = Xpos + i * Xbase * Math.cos(min);
}
for (i = 0; i < Hlength; i++){
document.layers["nz2"+i].top = Ypos + i * Ybase * Math.sin(hrs);
document.layers["nz2"+i].left = Xpos + i * Xbase * Math.cos(hrs);
   }
}
else{
for (i=0; i < dots; ++i){
ieDigits2[i].style.pixelTop = Ypos - 15 + 40 * Math.sin(-0.49+dots+i/1.9);
ieDigits2[i].style.pixelLeft = Xpos - 14 + 40 * Math.cos(-0.49+dots+i/1.9);
}
for (i=0; i < Slength; i++){
x2[i].style.pixelTop = Ypos + i * Ybase * Math.sin(sec);
x2[i].style.pixelLeft = Xpos + i * Xbase * Math.cos(sec);
}
for (i=0; i < Mlength; i++){
y2[i].style.pixelTop = Ypos + i * Ybase * Math.sin(min);
y2[i].style.pixelLeft = Xpos + i * Xbase * Math.cos(min);
}
for (i=0; i < Hlength; i++){
z2[i].style.pixelTop = Ypos + i * Ybase*Math.sin(hrs);
z2[i].style.pixelLeft = Xpos + i * Xbase*Math.cos(hrs);
   }
}
//setTimeout('ffclock()', 50);
}