// JavaScript Document

jQuery(document).ready(function() {
	setInterval( function() {
		var seconds = new Date().getSeconds();
		var sdegree = seconds * 6;
		var srotate = "rotate(" + sdegree + "deg)";
		//jQuery("#sec").css({"-moz-transform" : srotate, "-webkit-transform" : srotate});
		jQuery("#sec").css({
			'transform': srotate,
			'-moz-transform': srotate,
			'-o-transform': srotate,
			'-webkit-transform': srotate
		});
	}, 1000 );
	
	setInterval( function() {
		var hours = new Date().getHours();
		var mins = new Date().getMinutes();
		var hdegree = hours * 30 + (mins / 2);
		var hrotate = "rotate(" + hdegree + "deg)";
		//jQuery("#hour").css({"-moz-transform" : hrotate, "-webkit-transform" : hrotate});
		jQuery("#hour").css({
			'transform': hrotate,
			'-moz-transform': hrotate,
			'-o-transform': hrotate,
			'-webkit-transform': hrotate
		});
	}, 1000 );
	
	setInterval( function() {
		var mins = new Date().getMinutes();
		var mdegree = mins * 6;
		var mrotate = "rotate(" + mdegree + "deg)";
		//jQuery("#min").css({"-moz-transform" : mrotate, "-webkit-transform" : mrotate});
		jQuery("#min").css({
			'transform': mrotate,
			'-moz-transform': mrotate,
			'-o-transform': mrotate,
			'-webkit-transform': mrotate
		});
	}, 1000 );
});