Displaying World/City Times

I want to do a similar effect on my site as this site has done

[url]http://www.re-title.com/[/url]

I think this is the part of the javascript code that’s giving the time zones, the second load of code just seems to be dealing with a user clicking on an actual city name to produce a search function, which I don’t need.

Any help or a point in the right direction would be greatly appreciated.

[CODE]<script type=”text/javascript”>
function formatWithOffset(offset) {
var time = new Date();

time.setTime(time.getTime() + offset*60*60*1000);
h = time.getUTCHours();
h=((h < 10) ? “0” : “”) + h;
m = time.getUTCMinutes();
m=((m < 10) ? “0” : “”) + m;
s = time.getUTCSeconds();
s=((s < 10) ? “0” : “”) + s;

return(h + ‘:’ + m + ‘:’ + s);
}

function setWorldTimes() {

var time = new Date()
var DSTOffser;

tsoffset = time.getTimezoneOffset();

DSTOffset=1;
document.getElementById(“londonTime”).innerHTML = formatWithOffset(0+DSTOffset);
document.getElementById(“berlinTime”).innerHTML = formatWithOffset(1+DSTOffset);
document.getElementById(“newyorkTime”).innerHTML = formatWithOffset(-5+DSTOffset);
document.getElementById(“chicagoTime”).innerHTML = formatWithOffset(-6+DSTOffset);
document.getElementById(“laTime”).innerHTML = formatWithOffset(-8+DSTOffset);

timer = setTimeout(“setWorldTimes()”,1000);

return true;
}

function quickSearchOnFocus(obj) {
}

</script>[/CODE]

And this is my table, I have tried to call London time and Berlin time but with no luck.

[code=html]<table width=”100%” border=”0″ cellpadding=”5″>
<tr class=”city”>
<td><div align=”center”>London</div></td>
<td><div align=”center”>Amsterdam</div></td>
<td><div align=”center”>New York</div></td>
<td><div align=”center”>Berlin</div></td>
<td><div align=”center”>Rio De Janerio</div></td>
<td><div align=”center”>Paris</div></td>
<td><div align=”center”>Miami</div></td>
<td><div align=”center”>Buenos Aires</div></td>
<td><div align=”center”>Chicago</div></td>
<td><div align=”center”>Bogota</div></td>
</tr>
<tr>
<td><div id=”londonTime” align=”center”>00:00:00</div></td>
<td><div align=”center”>00:00:00</div></td>
<td><div align=”center”>00:00:00</div></td>
<td><div id=”berlinTime” align=”center”></div></td>
<td><div align=”center”>00:00:00</div></td>
<td><div align=”center”>00:00:00</div></td>
<td><div align=”center”>00:00:00</div></td>
<td><div align=”center”>00:00:00</div></td>
<td><div align=”center”>00:00:00</div></td>
<td><div align=”center”>00:00:00</div></td>
</tr>
</table>[/code]

Also in #JavaScript _↴