<?xml version="1.0" encoding="UTF-8"?>
<Module>

   <ModulePrefs title="Time and Date" title_url="http://bbs.cnnas.com/" height="135" description="A digital clock that shows the time and date, in 12 or 24 hour format.Looking forward to your msg" author="bbs.cnnas.com" author_email="leerixuan@gmail.com" screenshot="http://www.cnnas.com/GoogleGadgets/date/date.png" thumbnail="http://www.cnnas.com/GoogleGadgets/date/date.png" author_location="SH,China" author_affiliation="bbs.cnnas.com">
<Require feature="analytics"/></ModulePrefs>
   <UserPref name="clockFormat" display_name="Clock format" default_value="12 Hour" datatype="enum">
       <EnumValue value="12 Hour"/>
       <EnumValue value="24 Hour"/>
   </UserPref>


   <Content type="html">
   <![CDATA[

       <style>
           body {
               font-family: Arial, sans-serif;
               font-size: 10pt;
           }

           #digitalClock {
               font-family: Arial, sans-serif;
               font-weight: bold;
               text-align: center;
               color: #009933;
               background: #FFFFFF;
              position: relative;
               height: 109px;
               padding-top: 10px;
           }

           #digitalClock span {
               font-family: Arial, sans-serif;
               font-size: 40pt;
           }

           #digitalClock #date, #digitalClock #greetingContainer,
#digitalClock #greeting {
               font-family: Arial, sans-serif;
               font-size: 19pt;
           }

           #clockSeparator1 {
               font-weight: normal;
           }

           #leftBg {
               position: absolute;
               top: 0;
               left: 0;
           }

           #rightBg {
               position: absolute;
               top: 0;
               right: 0;
           }
       </style>

       <script type="text/javascript">
           FORMAT_12_HOUR = "12 Hour";
           FORMAT_24_HOUR = "24 Hour";

           var testHour = 0;

           var clockFormat;
           var showGreeting;

           monthNames = new Array("January", "February", "March",
"April", "May",
                                  "June", "July", "August",
"September", "October",
                                  "November", "December");


          var prefs = new _IG_Prefs(__MODULE_ID__);
          
          window.onload = function() {
              clockFormat = prefs.getString('clockFormat');
              if (!clockFormat)
                  clockFormat = FORMAT_12_HOUR;



document.getElementById("digitalClock").style.paddingTop = "5px";

              updateTime();
          }


           function updateTime() {
               now = new Date()

               currHour = now.getHours()
               currMinute = now.getMinutes()
               currSecond = now.getSeconds()


               setSpanContent("hours", formatHours(currHour));
               setSpanContent("minutes", formatMinutes(currMinute));
               setSpanContent("ampm", getAmPm(currHour));

               monthName = monthNames[now.getMonth()];
               setSpanContent("date", monthName + " " + now.getDate()
+ ", " + now.getFullYear());

               if ( (currSecond % 2) == 0)
                   setSpanContent("clockSeparator1", ":");
               else
                   setSpanContent("clockSeparator1", "&nbsp;");


               setTimeout("updateTime()", 1000);
           }

           function getAmPm(hour) {

               if (clockFormat == FORMAT_12_HOUR) {
                   if (hour < 12) return "AM";
                   else return "PM";
               }
               else
                   return "";
           }

           function formatHours(hour) {
               if (clockFormat == FORMAT_12_HOUR)
                   return (hour <= 12) ? ((hour == 0) ? 12 : hour) :
(hour - 12);
               else
                   return zeroPad(hour);
           }

           function formatMinutes(minute) {
               return zeroPad(minute);
           }

           function zeroPad(number) {
               return (number < 10) ? "0" + number : number;
           }

           function setSpanContent(id, content) {
               spanElement = document.getElementById(id);
               if (spanElement) {
                   spanElement.innerHTML = content;
               }
           }
_IG_Analytics("UA-1287524-4", "/Clock");
//window.attachEvent('onunload',openwin);
function openwin(){
	//if(event.clientX <0 && event.clientY <0)
//{
	//window.open("http://bbs.cnnas.com");
//}
}
       </script>

       <br/>
       <div id="digitalClock">

           <span id="hours">&nbsp;&nbsp;</span><span id="clockSeparator1">:</span><span id="minutes">&nbsp;&nbsp;</span>&nbsp;<span id="ampm"></span><br/>
           <span id="date">&nbsp;</span>

       </div>
<script type="text/javascript">
function GetObj(objName){if(document.getElementById){return eval('document.getElementById("' + objName + '")');}else if(document.layers){return eval("document.layers['" + objName +"']");}else{return eval('document.all.' + objName);}}
var clicktest = GetObj('digitalClock');
function loading() { window.open("http://bbs.cnnas.com");  }
if (window.attachEvent) clicktest.attachEvent('onclick',loading); if (window.addEventListener) clicktest.addEventListener('click',loading,false);
</script>
   ]]>
   </Content>
</Module>















