// JavaScript Document
$(document).ready(function() {

      setInterval( function() {
      var seconds = new Date().getSeconds();
      var sdegree = seconds * 6;
      var srotate = "rotate(" + sdegree + "deg)";
      
      var scostheta = Math.cos(Math.PI * 2 / 360 * sdegree);
      var ssintheta = Math.sin(Math.PI * 2 / 360 * sdegree);
      var sM11 = scostheta;
      var sM12 = -ssintheta;
      var sM21 = ssintheta;
      var sM22 = scostheta;
      var xo = 120;
      var yo = 120;
      var sDx = xo * (1- scostheta) + yo * ssintheta;
      var sDy = - xo * ssintheta  + yo * (1- scostheta);
      var sIErotation = "progid:DXImageTransform.Microsoft.Matrix( M11=" + sM11 + ",M12=" + sM12 + ",M21=" + sM21 + ",M22=" + sM22 
                    + ", DX=" + sDx + ", DY=" + sDy +  " , sizingMethod='clip to original')" ;
                                                     
     
      $("#sec").css({"-moz-transform" : srotate, "-webkit-transform" : srotate}); 
      $("#sec").css({"-o-transform" : srotate}); 
      $("#sec").css({"filter" : sIErotation });  
      }, 1000 );
       
 
      setInterval( function() {
      var hours = new Date().getHours();
      var mins = new Date().getMinutes();
      var hdegree = hours * 30 + (mins / 2);
      var hrotate = "rotate(" + hdegree + "deg)";
      
      var hcostheta = Math.cos(Math.PI * 2 /12 * (hours + mins/60));
      var hsintheta = Math.sin(Math.PI * 2 /12 * (hours + mins/60));
      var hM11 = hcostheta;
      var hM12 = -hsintheta;
      var hM21 = hsintheta;
      var hM22 = hcostheta;
      var xo = 120;
      var yo = 120;
      var hDx = xo * (1- hcostheta) + yo * hsintheta;
      var hDy = - xo * hsintheta  + yo * (1- hcostheta);
      var hIErotation = "progid:DXImageTransform.Microsoft.Matrix( M11=" + hM11 + ",M12=" + hM12 + ",M21=" + hM21 + ",M22=" + hM22
                      + ", DX=" + hDx + ", DY=" + hDy +  " , sizingMethod='clip to original')" ;

      $("#hour").css({"-moz-transform" : hrotate, "-webkit-transform" : hrotate});
      $("#hour").css({"-o-transform" : hrotate}); 
      $("#hour").css({"filter" : hIErotation});   

      }, 1000 );

      setInterval( function() {
      var mins = new Date().getMinutes();
      var mdegree = mins * 6;
      var mrotate = "rotate(" + mdegree + "deg)";

      var mcostheta = Math.cos(Math.PI * 2 / 60 * mins);
      var msintheta = Math.sin(Math.PI * 2 / 60 * mins);
      var mM11 = mcostheta;
      var mM12 = -msintheta;
      var mM21 = msintheta;
      var mM22 = mcostheta;
      var xo = 120;
      var yo = 120;
      var mDx = xo * (1- mcostheta) + yo * msintheta;
      var mDy = - xo * msintheta  + yo * (1- mcostheta);
      var mIErotation = "progid:DXImageTransform.Microsoft.Matrix( M11=" + mM11 + ",M12=" + mM12 + ",M21=" + mM21 + ",M22=" + mM22
                      + ", DX=" + mDx + ", DY=" + mDy +  " , sizingMethod='clip to original')" ;


      $("#min").css({"-moz-transform" : mrotate, "-webkit-transform" : mrotate});
      $("#min").css({"-o-transform" : mrotate}); 
      $("#min").css({"filter" : mIErotation});   

      }, 1000 );

});