function drawClock(o,diameter) {
		
	var now = new Date();
	var c = document.getElementById(o);
	var radius=diameter/2
	
	if (c.getContext){
	
		var context = c.getContext('2d');
		context.save();
	
		var sec = now.getSeconds();
		var min = now.getMinutes();
		var hr  = now.getHours();
		hr = hr>=12 ? hr-12 : hr;
		
		context.beginPath();
		context. clearRect (0, 0, diameter, diameter);
		
		context.strokeStyle = '#000000';
		context.beginPath();
		context.lineWidth = 0.7;
		context.arc( radius, radius, radius-1, 0, 2*Math.PI, true);
		context.stroke();
		
		// center
		context.translate(radius, radius);
		context.rotate(-Math.PI);
		
		context.lineCap = 'round';
		if (diameter>100) {
			context.lineWidth = 1;
		} else {
			context.lineWidth = 0.5;
		}
		context.strokeStyle = '#000000';
		
		// minutes 
		context.save()
		context.rotate( (Math.PI/30)*min + (Math.PI/1800)*sec  );
		context.beginPath();
		context.moveTo(0, 0);
		if (diameter>100) {
			context.lineTo(-6, radius*0.85);
		} else {
			context.lineTo(0.2, radius*0.65);
		}
		context.stroke();
		context.restore();
		
		// hours
		context.save();
		context.rotate( hr*(Math.PI/6) + (Math.PI/360)*min + (Math.PI/21600)*sec );
		context.beginPath();
		context.moveTo(0, 0);
		if (diameter>100) {
			context.lineTo(0, radius*0.65);
		} else {
			context.lineTo(-0.3, radius*0.55);
		}
		context.stroke();
		context.restore();
		
		context.restore();
	}
}