fCol='BBBBBB'; //face colour.
sCol='FFAAAA'; //seconds colour.
mCol='BBBBBB'; //minutes colour.
hCol='BBBBBB'; //hours colour.

Ybase=40; //Clock height.
Xbase=40; //Clock width.

H='..................';
H=H.split('');
M='..........................';
M=M.split('');
S='..............................';
S=S.split('');

Ypos=0;
Xpos=0;
dots=12;
Split=360/dots;
dotsM=60;
SplitM=360/dotsM;


if (document.all) {
 document.write('<div style="position:absolute;top:0px;left:0px"><div style="position:relative">');
 for (i=1; i < dotsM+1; i++) {
  document.write('<div id=ieDigM style="position:absolute;width:1px;height:1px;font-size:1px;background:'+fCol+'"></div>');
 }
 document.write('</div></div>')
 document.write('<div style="position:absolute;top:-1px;left:-1px"><div style="position:relative">');
 for (i=1; i < dots+1; i++) {
  document.write('<div id=ieDig style="position:absolute;width:3px;height:3px;font-size:3px;background:'+fCol+'"></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=y style="position:absolute;width:2px;height:2px;font-size:2px;background:'+mCol+'"></div>');
 }
 document.write('</div></div>')
 document.write('<div style="position:absolute;top:-1px;left:-1px"><div style="position:relative">');
 for (i=0; i < H.length; i++) {
  document.write('<div id=z style="position:absolute;width:3px;height:3px;font-size:3px;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 < S.length; i++) {
  document.write('<div id=x style="position:absolute;width:2px;height:2px;font-size:2px;background:'+sCol+'"></div>');
 }
 document.write('</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;

 if (document.all) {
  Ypos=50 //document.body.scrollTop+window.document.body.clientHeight-Ybase-20;
  Xpos=90 //document.body.scrollLeft+window.document.body.clientWidth-Xbase-20;
  for (i=0; i < dotsM; ++i) {
   ieDigM[i].style.pixelTop=Ypos+Ybase*Math.sin(-1.045 +i *SplitM*Math.PI/180)
   ieDigM[i].style.pixelLeft=Xpos+Xbase*Math.cos(-1.045 +i *SplitM*Math.PI/180)
  }
  for (i=0; i < dots; ++i) {
   ieDig[i].style.pixelTop=Ypos+Ybase*Math.sin(-1.045 +i *Split*Math.PI/180)
   ieDig[i].style.pixelLeft=Xpos+Xbase*Math.cos(-1.045 +i *Split*Math.PI/180)
  }
  for (i=0; i < S.length; i++) {
   x[i].style.pixelTop =Ypos+i*Ybase/30*Math.sin(sec);
   x[i].style.pixelLeft=Xpos+i*Xbase/30*Math.cos(sec);
  }
  for (i=0; i < M.length; i++) {
   y[i].style.pixelTop =Ypos+i*Ybase/30*Math.sin(min);
   y[i].style.pixelLeft=Xpos+i*Xbase/30*Math.cos(min);
  }
  for (i=0; i < H.length; i++) {
   z[i].style.pixelTop =Ypos+i*Ybase/30*Math.sin(hrs);
   z[i].style.pixelLeft=Xpos+i*Xbase/30*Math.cos(hrs);
  }
 }

 setTimeout('clock()',100);
}