document.observe("dom:loaded", function() {
	if(window.location.hash == "#clock") {
		startClock();
		$('start').up().remove();
	} else {
		Event.observe($('start'), 'click', function() { 
			startClock();
			$('start').up().remove();
		});
	}
});
 
function startClock() {

var angle = 360/36;
	var date = new Date();
	 
	var hour = date.getHours();
	if(hour > 12) {
		hour = hour - 12;
	}	
	 
   var tDate = new Date();
   
hours=tDate.getHours()
minutes=tDate.getMinutes()
seconds=tDate.getSeconds()
 
daysecs = 3600*hours + 60*minutes + seconds;
metricsecs = daysecs * 100000 / 86400;
metricsecscurrent = daysecs * 100000 / 86400;
metrichours = metricsecs / 10000;
metricsecs = metricsecs - 10000 * Math.floor(metrichours);
metricminutes = Math.floor(metricsecs / 100);
metricminutescurrent = metricsecscurrent / 100  ;
metricsecs = metricsecs - 100 * Math.floor(metricminutes);
 
	
	var cssHour = metrichours*3.6;
	var cssMinute = metricminutescurrent*0.36;
	var cssSec = metricsecs*0.36;
	
	$('minute').setStyle('-webkit-transform: rotate('+angle*cssMinute+'deg)');
	$('minute').setStyle('-moz-transform: rotate('+angle*cssMinute+'deg)');
	$('second').setStyle('-webkit-transform: rotate('+angle*cssSec+'deg)');
	$('second').setStyle('-moz-transform: rotate('+angle*cssSec+'deg)');
	$('hour').setStyle('-webkit-transform: rotate('+angle*cssHour+'deg)');
	$('hour').setStyle('-moz-transform: rotate('+angle*cssHour+'deg)');
}// JavaScript Document