if(!www)
var www={};if(!www.ui)
www.ui={};www.ui.AnalogClock=function(id){this.container=document.getElementById(id);};www.ui.AnalogClock.prototype=new www.ui.Clock();www.ui.AnalogClock.prototype.redraw=function(){var container=this.container;if(container&&container.getContext){var ctx=container.getContext("2d");var date=this.date;var h=date.getHours()%12||12;var m=date.getMinutes();var s=date.getSeconds();var drawHands=function(ctx,radius,angle,hand){ctx.save();ctx.translate(radius,radius);ctx.strokeStyle='#fff';ctx.rotate(angle);ctx.beginPath();ctx.moveTo(0,0);ctx.lineTo(0,hand);ctx.closePath();ctx.stroke();ctx.restore();}
if(ctx){var radius=40;var hHand=20;var mHand=30;var sHand=37;var hAngle=Math.PI*2*((h+m/60)/12+0.5);var mAngle=Math.PI*2*((m+s/60)/60+0.5);var sAngle=Math.PI*2*(s/60+0.5);ctx.beginPath();ctx.arc(radius,radius,radius,0,Math.PI*2,true);ctx.closePath();ctx.fill();drawHands(ctx,radius,hAngle,hHand);drawHands(ctx,radius,mAngle,mHand);drawHands(ctx,radius,sAngle,sHand);}}};