<script language="JavaScript">
<!--
CoLoUrS=new Array('000000','white','ff0000');//Clock face colours.
sCol='00ff00';//seconds colour.
mCol='0000ff';//minutes colour.
hCol='ff00ff';//hours colour.

H='Ora..';
M='perC..';
S='MsODperc..';

//Alter nothing below!
H=H.split('');
H=H.reverse();
M=M.split('');
M=M.reverse();
S=S.split('');
S=S.reverse();
dots=12;
var Ypos=0,Xpos=0,Ybase=0,Xbase=0;
var ay=0,ax=0,Ay=0,Ax=0,by=0,bx=0,By=0,Bx=0,cy=0,cx=0,Cy=0,Cx=0,dy=0,dx=0,Dy=0,Dx=0;
count=0;
count_a=0;
move=1;
ns=(document.layers)?1:0;
viz=(document.layers)?'hide':'hidden';
if (ns){
for (i=0; i < dots; i++)
document.write('<layer name=nface'+i+' top=0 left=0 bgcolor=#ffffff clip="0,0,3,3"></layer>');
for (i=0; i < S.length; i++)
document.write('<layer name=nx'+i+' top=0 left=0 width=36 height=36><font face=Verdana size=2 color='+sCol+'><center>'+S[i]+'</center></font></layer>');
for (i=0; i < M.length; i++)
document.write('<layer name=ny'+i+' top=0 left=0 width=36 height=36><font face=Verdana size=2 color='+mCol+'><center>'+M[i]+'</center></font></layer>');
for (i=0; i < H.length; i++)
document.write('<layer name=nz'+i+' top=0 left=0 width=36 height=36><font face=Verdana size=2 color='+hCol+'><center>'+H[i]+'</center></font></layer>');
}
else{
document.write('<div id="W" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i=0; i < dots; i++){
document.write('<div id="face" style="position:absolute;top:0px;left:0px;width:3px;height:3px;font-size:3px;background:#ffffff"></div>');
}
document.write('</div></div>');
document.write('<div id="X" 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:36px;height:36px;font-family:Verdana;font-size:12px;color:'+sCol+';text-align:center;padding-top:10px">'+S[i]+'</div>');
}
document.write('</div></div>')
document.write('<div id="Y" 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:36px;height:36px;font-family:Verdana;font-size:12px;color:'+mCol+';text-align:center;padding-top:10px">'+M[i]+'</div>');
}
document.write('</div></div>')
document.write('<div id="Z" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i=0; i < H.length; i++){
document.write('<div id="z" style="position:absolute;width:36px;height:36px;font-family:Verdana;font-size:12px;color:'+hCol+';text-align:center;padding-top:10px">'+H[i]+'</div>');
}
document.write('</div></div>');
}
if (ns){
window.captureEvents(Event.MOUSEMOVE);
function nsMouse(evnt){
Ypos = evnt.pageY+100;
Xpos = evnt.pageX+100;
}
window.onMouseMove = nsMouse;
}
else{
function ieMouse(){
Ypos=event.y+100;
Xpos=event.x+100;
}
document.onmousemove=ieMouse;
}

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.575 + Math.PI * hr/6+ Math.PI*parseInt(time.getMinutes())/360;
Ybase=15;
Xbase=15;
if (ns){
document.layers["nx"+0].visibility=viz;
document.layers["ny"+0].visibility=viz;
document.layers["nz"+0].visibility=viz;
for (i=0; i < S.length; i++){
document.layers["nx"+i].top=ay-12+(i*Ybase)*Math.sin(sec);
document.layers["nx"+i].left=ax-12+(i*Xbase)*Math.cos(sec);
}
for (i=0; i < M.length; i++){
document.layers["ny"+i].top=by-12+(i*Ybase)*Math.sin(min);
document.layers["ny"+i].left=bx-12+(i*Xbase)*Math.cos(min);
}
for (i=0; i < H.length; i++){
document.layers["nz"+i].top=cy-12+(i*Ybase)*Math.sin(hrs);
document.layers["nz"+i].left=cx-12+(i*Xbase)*Math.cos(hrs);
}
for (i=0; i < dots; ++i)
{
document.layers["nface"+i].top=dy-2+(70*Math.sin(-0.49+dots+i/1.9));
document.layers["nface"+i].left=dx+4+(70*Math.cos(-0.49+dots+i/1.9));
}
}
else{
var scrll=document.body.scrollTop;
W.style.pixelTop=scrll;
X.style.pixelTop=scrll;
Y.style.pixelTop=scrll;
Z.style.pixelTop=scrll;
x[0].style.visibility=viz;
y[0].style.visibility=viz;
z[0].style.visibility=viz;
for (i=0; i < S.length; i++){
x[i].style.pixelTop=ay-12+(i*Ybase)*Math.sin(sec);
x[i].style.pixelLeft=ax-12+(i*Xbase)*Math.cos(sec);
}
for (i=0; i < M.length; i++){
y[i].style.pixelTop=by-12+(i*Ybase)*Math.sin(min);
y[i].style.pixelLeft=bx-12+(i*Xbase)*Math.cos(min);
}
for (i=0; i < H.length; i++){
z[i].style.pixelTop=cy-12+(i*Ybase)*Math.sin(hrs);
z[i].style.pixelLeft=cx-12+(i*Xbase)*Math.cos(hrs);
}
for (i=0; i < dots; ++i){
// if ( (i==2) || (i==5) || (i==8) || (i==11) )
// {
face[i].style.pixelTop=dy+6+(70*Math.sin(-0.49+dots+i/1.9));
face[i].style.pixelLeft=dx+4+(70*Math.cos(-0.49+dots+i/1.9));
// }
}
}
}
function MouseFollow(){
ay=Math.round(Ay+=((Ypos)-Ay)*4/15);
ax=Math.round(Ax+=((Xpos)-Ax)*4/15);
by = Math.round(By+=(ay-By)*4/15);
bx = Math.round(Bx+=(ax-Bx)*4/15);
cy = Math.round(Cy+=(by-Cy)*4/15);
cx = Math.round(Cx+=(bx-Cx)*4/15);
dy = Math.round(Dy+=(cy-Dy)*4/15);
dx = Math.round(Dx+=(cx-Dx)*4/15);
clock();
setTimeout('MouseFollow()',10);
}
function colourStep(){
count+=move;
if (count >= dots) {count=0;count_a+=move}
if (count_a == CoLoUrS.length) count_a=0;
if (ns) document.layers["nface"+count].bgColor=CoLoUrS[count_a];
else face[count].style.background=CoLoUrS[count_a];
setTimeout('colourStep()',100)
}
function StartAll(){
MouseFollow();
colourStep();
}
if (document.layers || document.all) window.onload=StartAll;
//-->
</script>