<!-- World Clock (No DST, standard time only!)  http://www.btinternet.com/~kurt.grigg/javascript

if (document.getElementById){

fCol='#FFF8EF'; //face/number colour.
dCol='#FFF8EF'; //dot colour.
hCol='#333300'; //hours colour.
mCol='#333300'; //minutes colour.
sCol='#FFF8EF'; //seconds colour.
cCol='#333300'; //date colour.
aCol='#333300'; //am-pm colour.
bCol='#CFBB7E'; //select/form background colour.
tCol='#333300'; //select/form text colour.

//Alter nothing below! Alignments will be lost!
y=87;
x=60;
h=3;
m=4;
s=5;
cf=new Array();
cd=new Array();
ch=new Array();
cm=new Array();
cs=new Array();
face="3 4 5 6 7 8 9 10 11 12 1 2";
face=face.split(" ");
n=face.length;
e=360/n;
hDims=30/4;
zone=0;
isItLocal=true;
ampm="";
daysInMonth=31;
todaysDate="";
var oddMinutes;
var getOddMinutes;
var addOddMinutes;
plusMinus=false;

document.write('<div id="theDate" class="datestyle" style="color:'+cCol+'">\!<\/div>');
document.write('<div id="amOrPm" class="ampmstyle" style="color:'+aCol+'">\!<\/div>');
for (i=0; i < n; i++){
 document.write('<div id="theFace'+i+'" class="facestyle" style="color:'+fCol+'">'+face[i]+'<\/div>');
 cf[i]=document.getElementById("theFace"+i).style;
 cf[i].top=y-6+30*1.4*Math.sin(i*e*Math.PI/180)+"px";
 cf[i].left=x-6+30*1.4*Math.cos(i*e*Math.PI/180)+"px";
}
for (i=0; i < n; i++){
 document.write('<div id="theDots'+i+'" class="handsanddotsstyle" style="background-color:'+dCol+'"><\/div>');
 cd[i]=document.getElementById("theDots"+i).style;
 cd[i].top=y+30*Math.sin(i*e*Math.PI/180)+"px";
 cd[i].left=x+30*Math.cos(i*e*Math.PI/180)+"px";
}
for (i=0; i < h; i++){
 document.write('<div id="H'+i+'" class="handsanddotsstyle" style="background-color:'+hCol+'"><\/div>');
 ch[i]=document.getElementById("H"+i).style;
}
for (i=0; i < m; i++){
 document.write('<div id="M'+i+'" class="handsanddotsstyle" style="background-color:'+mCol+'"><\/div>');
 cm[i]=document.getElementById("M"+i).style;
}
for (i=0; i < s; i++){
 document.write('<div id="S'+i+'" class="handsanddotsstyle" style="background-color:'+sCol+'"><\/div>');
 cs[i]=document.getElementById("S"+i).style;
}

var dsp1=document.getElementById("amOrPm").style;
var dsp2=document.getElementById("theCities").style;
var dsp3=document.getElementById("theDate").style;
var dsp4=document.getElementById("city").style;
dsp1.top=y-8+"px";
dsp1.left=x+6+"px";
dsp2.top=y-80+"px";
dsp2.left=x-55+"px";
dsp3.top=y+55+"px";
dsp3.left=x-49+"px";
dsp4.backgroundColor=bCol;
dsp4.color=tCol;

function lcl(z){
zone=z.options[z.selectedIndex].value;
isItLocal=(z.options[0].selected)?true:false;
plusMinus=(zone.charAt(0) == "-")?true:false;
oddMinutes=(zone.indexOf(".") != -1)?true:false;
if (oddMinutes){
getOddMinutes=zone.substring(zone.indexOf(".")+1,zone.length)
}
if (plusMinus)
addOddMinutes=(oddMinutes)?parseInt(-getOddMinutes):0;
else
addOddMinutes=(oddMinutes)?parseInt(getOddMinutes):0;
}

function ClockAndAssign(){
hourAdjust=0;
dayAdjust=0;
monthAdjust=0;
now=new Date();
ofst=now.getTimezoneOffset()/60;
secs=now.getSeconds();
sec=Math.PI*(secs-15)/30;
mins=now.getMinutes();
if (oddMinutes){ 
 mins=eval(mins+addOddMinutes);
}
min=Math.PI*(mins-15)/30;
if (mins<0){
 mins+=60;hourAdjust=-1;
}
if (mins>59){
 mins-=60;hourAdjust=1;
}
hr=(isItLocal)?now.getHours()+hourAdjust:(now.getHours()+parseInt(ofst))+parseInt(zone)+hourAdjust;
hrs=Math.PI*(hr-3)/6+Math.PI*parseInt(now.getMinutes())/360;
if (hr<0){
 hr+=24;
 dayAdjust=-1;
}
if (hr>23){
 hr-=24;
 dayAdjust=1;
}
day=now.getDate()+dayAdjust;
if (day<1){
 day+=daysInMonth; 
 monthAdjust=-1;
}
if (day>daysInMonth){
 day-=daysInMonth; 
 monthAdjust=1;
}
month=parseInt(now.getMonth()+1+monthAdjust);
if (month==2){
 daysInMonth=28;
}
year=now.getYear();
if (year<2000){
 year=year+1900;
}
leap_year=(eval(year%4)==0)?true:false;
if (leap_year&&month==2){
 daysInMonth=29;
}
if (month<1){
 month+=12;
 year--;
}
if (month>12){
 month-=12;
 year++;
}
if(month < 10) {      
  month =  "0" + month
  }
todaysDate=day+" "+month+" "+year;
ampm=(hr>11)?"pm":"am";

for (i=0;i<s;i++){
 cs[i].top=y+(i*hDims)*Math.sin(sec)+"px";
 cs[i].left=x+(i*hDims)*Math.cos(sec)+"px";
}
for (i=0;i<m;i++){
 cm[i].top=y+(i*hDims)*Math.sin(min)+"px";
 cm[i].left=x+(i*hDims)*Math.cos(min)+"px";
}
for (i=0;i<h;i++){
 ch[i].top=y+(i*hDims)*Math.sin(hrs)+"px";
 ch[i].left=x+(i*hDims)*Math.cos(hrs)+"px";
}
document.getElementById("amOrPm").firstChild.data=ampm;
document.getElementById("theDate").firstChild.data=todaysDate;
setTimeout('ClockAndAssign()',100);
}

}
//-->