<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" 
  xmlns:widget="http://www.netvibes.com/ns/">

<head>
 
    <meta name="author" content="Mike Holzman" />
    <meta name="description" content="A different clock for every minute of the day" />
    
    <meta name="apiVersion" content="1.0" />
    <meta name="inline" content="true" />
    <meta name="debugMode" content="false" />
 
    <link rel="stylesheet" type="text/css" 
      href="http://www.netvibes.com/themes/uwa/style.css" />
    <script type="text/javascript" 
      src="http://www.netvibes.com/js/UWA/load.js.php?env=Standalone"></script>
 
    <title>ClockProject</title>
    <link rel="icon" type="image/png" 
      href="http://www.netvibes.com/favicon.ico" />
    <script type="text/javascript">
      var HelloWidget = {
        toWhom: false,
 
        parse: function(xml) {

           var rootNode = xml.documentElement;
           var dispClock = "";           
           var myText = "";

           if(rootNode.getElementsByTagName('FaceFile') != null)
           {
             myText = "Current Clock: "+rootNode.getElementsByTagName('CurrTime')[0].firstChild.nodeValue; 
             dispClock = rootNode.getElementsByTagName('FaceFile')[0].firstChild.nodeValue;
           }
           else 
           {
              myText = "I don't have a clock for: "+ rootNode.getElementsByTagName('CurrTime')[0].firstChild.nodeValue +", the next clock time I have is: "+rootNode.getElementsByTagName('NextTime')[0].firstChild.nodeValue+". Please help me by <a href='http://www.clockproject.com/submission.php'>submitting</a> more clocks.";
              dispClock = "http://www.clockproject.com/clockfaces/"+rootNode.getElementsByTagName('NextClock')[0].firstChild.nodeValue;
           }
           widget.setBody('<table border="0"><tr><td>' + myText + '<br><br>Please <a href="http://www.clockproject.com/submission.php">submit</a> clock pictures to help build our database.</td><td><img src="' + dispClock + '"></td></table>');

        }
      }
 
      widget.onLoad = function() {
          
        // the URL should return 'World' in plain text
        widget.setAutoRefresh(1);
//        d = new Date()
//        widget.setBody('<p style=height:120px>Loading: '+d.getHours()+':'+d.getMinutes()+'</p>'); 
//        UWA.Data.getXml(c_url, HelloWidget.parse);
          widget.onRefresh();
      }

     widget.onRefresh = function()
     {
        d = new Date()
        var c_url="http://www.slackmaster.net/clockproject/getclockdata2.php"
        c_url=c_url+"?h="+d.getHours()+"&m="+d.getMinutes()
        c_url=c_url+"&sid="+Math.random()
        widget.setBody('Loading ... '); 
        UWA.Data.getXml(c_url, HelloWidget.parse);

     }


    </script>
  </head>
  <body>
    <p>Loading....</p>
<!-- <img src="http://www.slackmaster.net/clockproject/clockfaces/Clock_01_02.JPG"/> -->

  </body>
</html>
