fCol='004067'; //face colour.
sCol='004067'; //seconds colour.
mCol='d42020'; //minutes colour.
hCol='d42020'; //hours colour.

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

H='...';
H=H.split('');
M='.....';
M=M.split('');
S='........';
S=S.split('');
NS4=(document.layers);
NS6=(document.getElementById&&!document.all);
IE4=(document.all);
Ypos=0;
Xpos=0;
dots=12;
Split=360/dots;

if (NS6){
for (i=1; i < dots+1; i++){
document.write('<div id="n6Digits'+i+'" style="position:absolute;top:0px;left:0px;width:30px;height:30px;font-family:Tahoma;font-size:7pt;color:#'+fCol+';text-align:center;padding-top:10px">'+i+'<\/div>');
document.write('<div id="n6Digits_london'+i+'" style="position:absolute;top:0px;left:0px;width:30px;height:30px;font-family:Tahoma;font-size:7pt;color:#'+fCol+';text-align:center;padding-top:10px">'+i+'<\/div>');
document.write('<div id="n6Digits_newyork'+i+'" style="position:absolute;top:0px;left:0px;width:30px;height:30px;font-family:Tahoma;font-size:7pt;color:#'+fCol+';text-align:center;padding-top:10px">'+i+'<\/div>');
document.write('<div id="n6Digits_sydney'+i+'" style="position:absolute;top:0px;left:0px;width:30px;height:30px;font-family:Tahoma;font-size:7pt;color:#'+fCol+';text-align:center;padding-top:10px">'+i+'<\/div>');
}
for (i=0; i < M.length; i++){
document.write('<div id="Ny'+i+'" style="position:absolute;top:0px;left:0px;width:2px;height:2px;font-size:2px;background:#'+mCol+'"><\/div>');
document.write('<div id="Ny_london'+i+'" style="position:absolute;top:0px;left:0px;width:2px;height:2px;font-size:2px;background:#'+mCol+'"><\/div>');
document.write('<div id="Ny_newyork'+i+'" style="position:absolute;top:0px;left:0px;width:2px;height:2px;font-size:2px;background:#'+mCol+'"><\/div>');
document.write('<div id="Ny_sydney'+i+'" style="position:absolute;top:0px;left:0px;width:2px;height:2px;font-size:2px;background:#'+mCol+'"><\/div>');
}
for (i=0; i < H.length; i++){
document.write('<div id="Nz'+i+'" style="position:absolute;top:0px;left:0px;width:3px;height:3px;font-size:3px;background:#'+hCol+'"><\/div>');
document.write('<div id="Nz_london'+i+'" style="position:absolute;top:0px;left:0px;width:3px;height:3px;font-size:3px;background:#'+hCol+'"><\/div>');
document.write('<div id="Nz_newyork'+i+'" style="position:absolute;top:0px;left:0px;width:3px;height:3px;font-size:3px;background:#'+hCol+'"><\/div>');
document.write('<div id="Nz_sydney'+i+'" style="position:absolute;top:0px;left:0px;width:3px;height:3px;font-size:3px;background:#'+hCol+'"><\/div>');
}
for (i=0; i < S.length; i++){
document.write('<div id="Nx'+i+'" style="position:absolute;top:0px;left:0px;width:1px;height:1px;font-size:1px;background:#'+sCol+'"><\/div>');
document.write('<div id="Nx_london'+i+'" style="position:absolute;top:0px;left:0px;width:1px;height:1px;font-size:1px;background:#'+sCol+'"><\/div>');
document.write('<div id="Nx_newyork'+i+'" style="position:absolute;top:0px;left:0px;width:1px;height:1px;font-size:1px;background:#'+sCol+'"><\/div>');
document.write('<div id="Nx_sydney'+i+'" style="position:absolute;top:0px;left:0px;width:1px;height:1px;font-size:1px;background:#'+sCol+'"><\/div>');
}
}


if (NS4){
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=nsDigits'+i+' top=0 left=0 height=30 width=30><center><font face=Tahoma size=1 color='+fCol+'>'+dgts[i]+'<\/font><\/center><\/layer>');
document.write('<layer name=nsDigits_london'+i+' top=0 left=0 height=30 width=30><center><font face=Tahoma size=1 color='+fCol+'>'+dgts[i]+'<\/font><\/center><\/layer>');
document.write('<layer name=nsDigits_newyork'+i+' top=0 left=0 height=30 width=30><center><font face=Tahoma size=1 color='+fCol+'>'+dgts[i]+'<\/font><\/center><\/layer>');
document.write('<layer name=nsDigits_sydney'+i+' top=0 left=0 height=30 width=30><center><font face=Tahoma size=1 color='+fCol+'>'+dgts[i]+'<\/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>');
document.write('<layer name=ny_london'+i+' top=0 left=0 bgcolor='+mCol+' clip="0,0,2,2"><\/layer>');
document.write('<layer name=ny_newyork'+i+' top=0 left=0 bgcolor='+mCol+' clip="0,0,2,2"><\/layer>');
document.write('<layer name=ny_sydney'+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,3,3"><\/layer>');
document.write('<layer name=nz_london'+i+' top=0 left=0 bgcolor='+hCol+' clip="0,0,3,3"><\/layer>');
document.write('<layer name=nz_newyork'+i+' top=0 left=0 bgcolor='+hCol+' clip="0,0,3,3"><\/layer>');
document.write('<layer name=nz_sydney'+i+' top=0 left=0 bgcolor='+hCol+' clip="0,0,3,3"><\/layer>');
}
for (i=0; i < S.length; i++){
document.write('<layer name=nx'+i+' top=0 left=0 bgcolor='+sCol+' clip="0,0,1,1"><\/layer>');
document.write('<layer name=nx_london'+i+' top=0 left=0 bgcolor='+sCol+' clip="0,0,1,1"><\/layer>');
document.write('<layer name=nx_newyork'+i+' top=0 left=0 bgcolor='+sCol+' clip="0,0,1,1"><\/layer>');
document.write('<layer name=nx_sydney'+i+' top=0 left=0 bgcolor='+sCol+' clip="0,0,1,1"><\/layer>');
}
}


if (IE4){
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="ieDigits" style="position:absolute;top:0px;left:0px;width:30px;height:30px;font-family:Tahoma;font-size:10px;color:'+fCol+';text-align:center;padding-top:10px">'+i+'<\/div>');
document.write('<div id="ieDigits_london" style="position:absolute;top:0px;left:0px;width:30px;height:30px;font-family:Tahoma;font-size:10px;color:'+fCol+';text-align:center;padding-top:10px">'+i+'<\/div>');
document.write('<div id="ieDigits_newyork" style="position:absolute;top:0px;left:0px;width:30px;height:30px;font-family:Tahoma;font-size:10px;color:'+fCol+';text-align:center;padding-top:10px">'+i+'<\/div>');
document.write('<div id="ieDigits_sydney" style="position:absolute;top:0px;left:0px;width:30px;height:30px;font-family:Tahoma;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 < M.length; i++){
document.write('<div id=y style="position:absolute;width:2px;height:2px;font-size:2px;background:'+mCol+'"><\/div>');
document.write('<div id=y_london style="position:absolute;width:2px;height:2px;font-size:2px;background:'+mCol+'"><\/div>');
document.write('<div id=y_newyork style="position:absolute;width:2px;height:2px;font-size:2px;background:'+mCol+'"><\/div>');
document.write('<div id=y_sydney style="position:absolute;width:2px;height:2px;font-size:2px;background:'+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=z style="position:absolute;width:3px;height:3px;font-size:3px;background:'+hCol+'"><\/div>');
document.write('<div id=z_london style="position:absolute;width:3px;height:3px;font-size:3px;background:'+hCol+'"><\/div>');
document.write('<div id=z_newyork style="position:absolute;width:3px;height:3px;font-size:3px;background:'+hCol+'"><\/div>');
document.write('<div id=z_sydney 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:1px;height:1px;font-size:1px;background:'+sCol+'"><\/div>');
document.write('<div id=x_london style="position:absolute;width:1px;height:1px;font-size:1px;background:'+sCol+'"><\/div>');
document.write('<div id=x_newyork style="position:absolute;width:1px;height:1px;font-size:1px;background:'+sCol+'"><\/div>');
document.write('<div id=x_sydney style="position:absolute;width:1px;height:1px;font-size:1px;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_sydney = time.getUTCHours() + 11;
lato = new Date(2000,7,1);
lato_offset=(time.getTimezoneOffset()==lato.getTimezoneOffset())?1:0;
time.setTime(time.getTime()+(lato_offset*3600000));
godz = time.getUTCHours();

hr = godz+1;
hrs = -1.57 + Math.PI * hr/6 + Math.PI*parseInt(time.getMinutes())/360;

hr_london = godz;
hrs_london = -1.57 + Math.PI * hr_london/6 + Math.PI*parseInt(time.getMinutes())/360;

hr_newyork = godz - 5;
hrs_newyork = -1.57 + Math.PI * hr_newyork/6 + Math.PI*parseInt(time.getMinutes())/360;

//hr_sydney = godz + 10;
hrs_sydney = -1.57 + Math.PI * hr_sydney/6 + Math.PI*parseInt(time.getMinutes())/360;


if (NS6){
Ypos=47;
Xpos_newyork=380+window.innerWidth/2-Xbase-266;
Xpos_london=380+window.innerWidth/2-Xbase-180;
Xpos=380+window.innerWidth/2-Xbase-96;
Xpos_sydney=380+window.innerWidth/2-Xbase-16;

for (i=1; i < dots+1; i++){
document.getElementById("n6Digits"+i).style.top=Ypos-15+Ybase*Math.sin(-1.56 +i *Split*Math.PI/180)
document.getElementById("n6Digits"+i).style.left=Xpos-15+Xbase*Math.cos(-1.56 +i*Split*Math.PI/180)

document.getElementById("n6Digits_london"+i).style.top=Ypos-15+Ybase*Math.sin(-1.56 +i *Split*Math.PI/180)
document.getElementById("n6Digits_london"+i).style.left=Xpos_london-15+Xbase*Math.cos(-1.56 +i*Split*Math.PI/180)

document.getElementById("n6Digits_newyork"+i).style.top=Ypos-15+Ybase*Math.sin(-1.56 +i *Split*Math.PI/180)
document.getElementById("n6Digits_newyork"+i).style.left=Xpos_newyork-15+Xbase*Math.cos(-1.56 +i*Split*Math.PI/180)

document.getElementById("n6Digits_sydney"+i).style.top=Ypos-15+Ybase*Math.sin(-1.56 +i *Split*Math.PI/180)
document.getElementById("n6Digits_sydney"+i).style.left=Xpos_sydney-15+Xbase*Math.cos(-1.56 +i*Split*Math.PI/180)
}
for (i=0; i < S.length; i++){
document.getElementById("Nx"+i).style.top=Ypos+i*Ybase/8*Math.sin(sec);
document.getElementById("Nx"+i).style.left=Xpos+i*Xbase/8*Math.cos(sec);

document.getElementById("Nx_london"+i).style.top=Ypos+i*Ybase/8*Math.sin(sec);
document.getElementById("Nx_london"+i).style.left=Xpos_london+i*Xbase/8*Math.cos(sec);

document.getElementById("Nx_newyork"+i).style.top=Ypos+i*Ybase/8*Math.sin(sec);
document.getElementById("Nx_newyork"+i).style.left=Xpos_newyork+i*Xbase/8*Math.cos(sec);

document.getElementById("Nx_sydney"+i).style.top=Ypos+i*Ybase/8*Math.sin(sec);
document.getElementById("Nx_sydney"+i).style.left=Xpos_sydney+i*Xbase/8*Math.cos(sec);
}
for (i=0; i < M.length; i++){
document.getElementById("Ny"+i).style.top=Ypos+i*Ybase/5*Math.sin(min);
document.getElementById("Ny"+i).style.left=Xpos+i*Xbase/5*Math.cos(min);

document.getElementById("Ny_london"+i).style.top=Ypos+i*Ybase/5*Math.sin(min);
document.getElementById("Ny_london"+i).style.left=Xpos_london+i*Xbase/5*Math.cos(min);

document.getElementById("Ny_newyork"+i).style.top=Ypos+i*Ybase/5*Math.sin(min);
document.getElementById("Ny_newyork"+i).style.left=Xpos_newyork+i*Xbase/5*Math.cos(min);

document.getElementById("Ny_sydney"+i).style.top=Ypos+i*Ybase/5*Math.sin(min);
document.getElementById("Ny_sydney"+i).style.left=Xpos_sydney+i*Xbase/5*Math.cos(min);
}
for (i=0; i < H.length; i++){
document.getElementById("Nz"+i).style.top=Ypos+i*Ybase/4.1*Math.sin(hrs);
document.getElementById("Nz"+i).style.left=Xpos+i*Xbase/4.1*Math.cos(hrs);

document.getElementById("Nz_london"+i).style.top=Ypos+i*Ybase/4.1*Math.sin(hrs_london);
document.getElementById("Nz_london"+i).style.left=Xpos_london+i*Xbase/4.1*Math.cos(hrs_london);

document.getElementById("Nz_newyork"+i).style.top=Ypos+i*Ybase/4.1*Math.sin(hrs_newyork);
document.getElementById("Nz_newyork"+i).style.left=Xpos_newyork+i*Xbase/4.1*Math.cos(hrs_newyork);

document.getElementById("Nz_sydney"+i).style.top=Ypos+i*Ybase/4.1*Math.sin(hrs_sydney);
document.getElementById("Nz_sydney"+i).style.left=Xpos_sydney+i*Xbase/4.1*Math.cos(hrs_sydney);
}
}


if (NS4){
Ypos=47;
Xpos_newyork=380+window.innerWidth/2-Xbase-266;
Xpos_london=380+window.innerWidth/2-Xbase-180;
Xpos=380+window.innerWidth/2-Xbase-96;
Xpos_sydney=380+window.innerWidth/2-Xbase-16;

for (i=0; i < dots; ++i){
document.layers["nsDigits"+i].top=Ypos-5+Ybase*Math.sin(-1.045 +i*Split*Math.PI/180)
document.layers["nsDigits"+i].left=Xpos-15+Xbase*Math.cos(-1.045 +i*Split*Math.PI/180)

document.layers["nsDigits_london"+i].top=Ypos-5+Ybase*Math.sin(-1.045 +i*Split*Math.PI/180)
document.layers["nsDigits_london"+i].left=Xpos_london-15+Xbase*Math.cos(-1.045 +i*Split*Math.PI/180)

document.layers["nsDigits_newyork"+i].top=Ypos-5+Ybase*Math.sin(-1.045 +i*Split*Math.PI/180)
document.layers["nsDigits_newyork"+i].left=Xpos_newyork-15+Xbase*Math.cos(-1.045 +i*Split*Math.PI/180)

document.layers["nsDigits_sydney"+i].top=Ypos-5+Ybase*Math.sin(-1.045 +i*Split*Math.PI/180)
document.layers["nsDigits_sydney"+i].left=Xpos_sydney-15+Xbase*Math.cos(-1.045 +i*Split*Math.PI/180)
}
for (i=0; i < S.length; i++){
document.layers["nx"+i].top=Ypos+i*Ybase/8*Math.sin(sec);
document.layers["nx"+i].left=Xpos+i*Xbase/8*Math.cos(sec);

document.layers["nx_london"+i].top=Ypos+i*Ybase/8*Math.sin(sec);
document.layers["nx_london"+i].left=Xpos_london+i*Xbase/8*Math.cos(sec);

document.layers["nx_newyork"+i].top=Ypos+i*Ybase/8*Math.sin(sec);
document.layers["nx_newyork"+i].left=Xpos_newyork+i*Xbase/8*Math.cos(sec);

document.layers["nx_sydney"+i].top=Ypos+i*Ybase/8*Math.sin(sec);
document.layers["nx_sydney"+i].left=Xpos_sydney+i*Xbase/8*Math.cos(sec);
}
for (i=0; i < M.length; i++){
document.layers["ny"+i].top=Ypos+i*Ybase/5*Math.sin(min);
document.layers["ny"+i].left=Xpos+i*Xbase/5*Math.cos(min);

document.layers["ny_london"+i].top=Ypos+i*Ybase/5*Math.sin(min);
document.layers["ny_london"+i].left=Xpos_london+i*Xbase/5*Math.cos(min);

document.layers["ny_newyork"+i].top=Ypos+i*Ybase/5*Math.sin(min);
document.layers["ny_newyork"+i].left=Xpos_newyork+i*Xbase/5*Math.cos(min);

document.layers["ny_sydney"+i].top=Ypos+i*Ybase/5*Math.sin(min);
document.layers["ny_sydney"+i].left=Xpos_sydney+i*Xbase/5*Math.cos(min);
}
for (i=0; i < H.length; i++){
document.layers["nz"+i].top=Ypos+i*Ybase/4.1*Math.sin(hrs);
document.layers["nz"+i].left=Xpos+i*Xbase/4.1*Math.cos(hrs);

document.layers["nz_london"+i].top=Ypos+i*Ybase/4.1*Math.sin(hrs_london);
document.layers["nz_london"+i].left=Xpos_london+i*Xbase/4.1*Math.cos(hrs_london);

document.layers["nz_newyork"+i].top=Ypos+i*Ybase/4.1*Math.sin(hrs_newyork);
document.layers["nz_newyork"+i].left=Xpos_newyork+i*Xbase/4.1*Math.cos(hrs_newyork);

document.layers["nz_sydney"+i].top=Ypos+i*Ybase/4.1*Math.sin(hrs_sydney);
document.layers["nz_sydney"+i].left=Xpos_sydney+i*Xbase/4.1*Math.cos(hrs_sydney);
}
}


if (IE4){
Ypos=47;
Xpos_newyork=380+document.body.scrollLeft+window.document.body.clientWidth/2-Xbase-258;
Xpos_london=380+document.body.scrollLeft+window.document.body.clientWidth/2-Xbase-174;
Xpos=380+document.body.scrollLeft+window.document.body.clientWidth/2-Xbase-90;
Xpos_sydney=380+document.body.scrollLeft+window.document.body.clientWidth/2-Xbase-10;

for (i=0; i < dots; ++i){
ieDigits[i].style.pixelTop=Ypos-15+Ybase*Math.sin(-1.045 +i *Split*Math.PI/180)
ieDigits[i].style.pixelLeft=Xpos-15+Xbase*Math.cos(-1.045 +i *Split*Math.PI/180)

ieDigits_london[i].style.pixelTop=Ypos-15+Ybase*Math.sin(-1.045 +i *Split*Math.PI/180)
ieDigits_london[i].style.pixelLeft=Xpos_london-15+Xbase*Math.cos(-1.045 +i *Split*Math.PI/180)

ieDigits_newyork[i].style.pixelTop=Ypos-15+Ybase*Math.sin(-1.045 +i *Split*Math.PI/180)
ieDigits_newyork[i].style.pixelLeft=Xpos_newyork-15+Xbase*Math.cos(-1.045 +i *Split*Math.PI/180)

ieDigits_sydney[i].style.pixelTop=Ypos-15+Ybase*Math.sin(-1.045 +i *Split*Math.PI/180)
ieDigits_sydney[i].style.pixelLeft=Xpos_sydney-15+Xbase*Math.cos(-1.045 +i *Split*Math.PI/180)
}
for (i=0; i < S.length; i++){
x[i].style.pixelTop =Ypos+i*Ybase/8*Math.sin(sec);
x[i].style.pixelLeft=Xpos+i*Xbase/8*Math.cos(sec);

x_london[i].style.pixelTop =Ypos+i*Ybase/8*Math.sin(sec);
x_london[i].style.pixelLeft=Xpos_london+i*Xbase/8*Math.cos(sec);

x_newyork[i].style.pixelTop =Ypos+i*Ybase/8*Math.sin(sec);
x_newyork[i].style.pixelLeft=Xpos_newyork+i*Xbase/8*Math.cos(sec);

x_sydney[i].style.pixelTop =Ypos+i*Ybase/8*Math.sin(sec);
x_sydney[i].style.pixelLeft=Xpos_sydney+i*Xbase/8*Math.cos(sec);
}
for (i=0; i < M.length; i++){
y[i].style.pixelTop =Ypos+i*Ybase/5*Math.sin(min);
y[i].style.pixelLeft=Xpos+i*Xbase/5*Math.cos(min);

y_london[i].style.pixelTop =Ypos+i*Ybase/5*Math.sin(min);
y_london[i].style.pixelLeft=Xpos_london+i*Xbase/5*Math.cos(min);

y_newyork[i].style.pixelTop =Ypos+i*Ybase/5*Math.sin(min);
y_newyork[i].style.pixelLeft=Xpos_newyork+i*Xbase/5*Math.cos(min);

y_sydney[i].style.pixelTop =Ypos+i*Ybase/5*Math.sin(min);
y_sydney[i].style.pixelLeft=Xpos_sydney+i*Xbase/5*Math.cos(min);
}
for (i=0; i < H.length; i++){
z[i].style.pixelTop =Ypos+i*Ybase/4.1*Math.sin(hrs);
z[i].style.pixelLeft=Xpos+i*Xbase/4.1*Math.cos(hrs);

z_london[i].style.pixelTop =Ypos+i*Ybase/4.1*Math.sin(hrs_london);
z_london[i].style.pixelLeft=Xpos_london+i*Xbase/4.1*Math.cos(hrs_london);

z_newyork[i].style.pixelTop =Ypos+i*Ybase/4.1*Math.sin(hrs_newyork);
z_newyork[i].style.pixelLeft=Xpos_newyork+i*Xbase/4.1*Math.cos(hrs_newyork);

z_sydney[i].style.pixelTop =Ypos+i*Ybase/4.1*Math.sin(hrs_sydney);
z_sydney[i].style.pixelLeft=Xpos_sydney+i*Xbase/4.1*Math.cos(hrs_sydney);
}
}
setTimeout('clock()',1000);
}

clock();