// JavaScript Document

			function draw_clock(){
				canvas = Raphael("clock_id",150, 150);
				var clock = canvas.circle(75,75,70);
			     clock.attr({"fill":"#f5f5f5","stroke":"#444444","stroke-width":"5"})  
			     var hour_sign;
				for(i=0;i<12;i++){
					var start_x = 75+Math.round(55*Math.cos(30*i*Math.PI/180));
					var start_y = 75+Math.round(55*Math.sin(30*i*Math.PI/180));
					var end_x = 75+Math.round(65*Math.cos(30*i*Math.PI/180));
					var end_y = 75+Math.round(65*Math.sin(30*i*Math.PI/180));	
					hour_sign = canvas.path("M"+start_x+" "+start_y+"L"+end_x+" "+end_y);
				}    
				hour_hand = canvas.path("M75 75L75 50");
				hour_hand.attr({stroke: "#444444", "stroke-width": 6});
				minute_hand = canvas.path("M75 75L75 40");
				minute_hand.attr({stroke: "#444444", "stroke-width": 4});
				second_hand = canvas.path("M75 110L75 25");
				second_hand.attr({stroke: "#444444", "stroke-width": 2}); 
				var pin = canvas.circle(75, 75, 5);
				pin.attr("fill", "#000000");    
				update_clock()
				setInterval("update_clock()",1000);
			}
 
			function update_clock(){
				var now = new Date();
				var hours = now.getHours();
				var minutes = now.getMinutes();
				var seconds = now.getSeconds();
				hour_hand.rotate(30*hours+(minutes/2.5), 75, 75);
				minute_hand.rotate(6*minutes, 75, 75);
				second_hand.rotate(6*seconds, 75, 75);
 
			}