﻿<widget name="clock" width="55" height="55" version="1.0" about="Just a beautiful clock." >

    <image x="0" y="0" src="clock.png" />
    <rpoly name="secCl" angle="65" color="0xFF0000" cx="36" cy="26" borderColor="0x000000" poly="4,-2,4,2,22,2,22,-2" />
    <poly name="minCl" color="0x333333" cx="27" cy="27" borderColor="0x333333" poly="0,0,0,0,20,0,17,-3" />
    <poly name="hourCl" color="0x000000" cx="27" cy="27" borderColor="0x000000" poly="0,0,0,0,15,3,15,-3" />
    <image x="25" y="25" src="clock_center.png" />
    <timer interval="200" />

<script><![CDATA[

//-----------------------------------------------------------------------------
function onTimerFired(){

    timeArr         = explode( time()," " );
    hour            = explode( timeArr[3], ":" );
    minCl.angle     = -toint( hour[1] ) * 360 / 60 - 90;

    // Hour angle is also dependent of minutes..( 4:56 is close to 5:00 and not to 4:00)
    hourCl.angle    = ( -toint( hour[1] ) * 360 / 720 ) - toint( hour[0] ) * 360 / 12 - 90;
}


//-----------------------------------------------------------------------------
// Main
//-----------------------------------------------------------------------------
onTimerFired();

]]>
</script>
</widget>
