Untitled

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>Triqui Clock</title>
        <script type="text/javascript" src="http://yandex.st/raphael/1.5.2/raphael.min.js"></script>
        <script type="text/javascript">

            function draw_clock(clock_id){ //passing parameter to choose clock_id
                canvas = Raphael(clock_id,200, 200);
                var clock = canvas.circle(100,100,95);
                 clock.attr({"fill": "r#003552-#00253d","fill-opacity": 1,"stroke":"#dae6ec","stroke-width":"10"})
                for(i=0;i<12;i++){
                    var start_x = 100+Math.round(80*Math.cos(30*i*Math.PI/180));
                    var start_y = 100+Math.round(80*Math.sin(30*i*Math.PI/180));
                    var end_x = 100+Math.round(90*Math.cos(30*i*Math.PI/180));
                    var end_y = 100+Math.round(90*Math.sin(30*i*Math.PI/180));
                }
                hour_hand = canvas.path("M100 100L100 50");
                hour_hand.attr({stroke: "#d6e2ea", "stroke-width": 6});
                minute_hand = canvas.path("M100 100L100 40");
                minute_hand.attr({stroke: "#d6e2ea", "stroke-width": 4});
                second_hand = canvas.path("M100 110L100 25");
                second_hand.attr({stroke: "#d6e2ea", "stroke-width": 2});
                var pin = canvas.circle(100, 100, 5);
                pin.attr("fill", "#d6e2ea");
                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), 100, 100);
                minute_hand.rotate(6*minutes, 100, 100);
                second_hand.rotate(6*seconds, 100, 100);


            }
        </script>
    </head>
    <body>
        <div id="clock_1"></div>
        <script>draw_clock('clock_1')</script>
        <span>GMT</span>
        <div id="clock_2"></div>
        <script>draw_clock('clock_2')</script>
        <span>GMT+</span>
    </body>
</html>