// Written by Tan Ling wee
// on 19 June 2005
// email :  info@sparrowscripts.com
//    url : www.sparrowscripts.com

   var imagePath='images/timePickerImages/';

   var ie=document.all;
   var dom=document.getElementById;
   var ns4=document.layers;
   var bShow=false;
   var textCtl;

   function setTimePicker(t) {
      textCtl.value=t;
      closeTimePicker();
   }

   function refreshTimePicker(mode) {

      if (mode==0)
         {
            suffix="am";
         }
      else
         {
            suffix="pm";
         }

      sHTML = "<table><tr><td><table cellpadding=3 cellspacing=0 bgcolor='#f0f0f0'>";
      for (i=0;i<=11;i++) {

         sHTML+="<tr align=right style='font-family:verdana;font-size:9px;color:#000000;'>";

         if (i==0) {
            hr = 12;
         }
         else {
            hr=i;
         }

         for (j=0;j<4;j++) {
            sHTML+="<td width=57 onmouseover='this.style.backgroundColor=\"#66CCFF\"' onmouseout='this.style.backgroundColor=\"\"' onclick='setTimePicker(\""+ hr + ":" + padZero(j*15) + " " + suffix + "\")'><a style='text-decoration:none;color:#000000' href='javascript:setTimePicker(\""+ hr + ":" + padZero(j*15) + " " + suffix + "\")'>" + hr + ":"+padZero(j*15) + "<font color=\"#808080\">" + suffix + "</font></a></td>";
         }

         sHTML+="</tr>";
      }
      sHTML += "</table></td></tr></table>";
      document.getElementById("timePickerContent").innerHTML = sHTML;
   }

   if (dom){
      document.write ("<div id='timepicker' style='z-index:+999;position:absolute;visibility:hidden;'><table style='border-width:3px;border-style:solid;border-color:#0033AA' bgcolor='#ffffff' cellpadding=0><tr bgcolor='#0033AA'><td><table cellpadding=0 cellspacing=0 width='100%' background='" + imagePath + "titleback.gif'><tr valign=bottom height=21><td style='font-family:verdana;font-size:11px;color:#ffffff;padding:3px' valign=center><B>&nbsp;&nbsp;Select a Time&nbsp;&nbsp;</B></td><td><img id='iconAM' src='" + imagePath + "am1.gif' onclick='document.getElementById(\"iconAM\").src=\"" + imagePath + "am1.gif\";document.getElementById(\"iconPM\").src=\"" + imagePath + "pm2.gif\";refreshTimePicker(0)'></td><td><img id='iconPM' src='" + imagePath + "pm2.gif' onclick='document.getElementById(\"iconAM\").src=\"" + imagePath + "am2.gif\";document.getElementById(\"iconPM\").src=\"" + imagePath + "pm1.gif\";refreshTimePicker(1)'></td><td align=right valign=center>&nbsp;<img onclick='closeTimePicker()' src='" + imagePath + "close.gif'>&nbsp;</td></tr></table></td></tr><tr><td colspan=2><span id='timePickerContent'></span></td></tr></table></div>");
      refreshTimePicker(0);
   }

   var crossobj=(dom)?document.getElementById("timepicker").style : ie? document.all.timepicker : document.timepicker;
   var currentCtl

   function selectTime(ctl,ctl2) {
      var leftpos=0
      var toppos=0

      textCtl=ctl2;
      currentCtl = ctl
      currentCtl.src=imagePath + "timepicker2.gif";

      aTag = ctl
      do {
         aTag = aTag.offsetParent;
         leftpos  += aTag.offsetLeft;
         toppos += aTag.offsetTop;
      } while(aTag.tagName!="BODY");
      crossobj.left =   ctl.offsetLeft + leftpos
      crossobj.top = ctl.offsetTop +   toppos + ctl.offsetHeight +   2
      crossobj.visibility=(dom||ie)? "visible" : "show"
      hideElement( 'SELECT', document.getElementById("calendar") );
      hideElement( 'APPLET', document.getElementById("calendar") );
      bShow = true;
   }

   // hides <select> and <applet> objects (for IE only)
   function hideElement( elmID, overDiv ){
      if( ie ){
         for( i = 0; i < document.all.tags( elmID ).length; i++ ){
            obj = document.all.tags( elmID )[i];
            if( !obj || !obj.offsetParent ){
                  continue;
            }
              // Find the element's offsetTop and offsetLeft relative to the BODY tag.
              objLeft   = obj.offsetLeft;
              objTop    = obj.offsetTop;
              objParent = obj.offsetParent;
              while( objParent.tagName.toUpperCase() != "BODY" )
              {
               objLeft  += objParent.offsetLeft;
               objTop   += objParent.offsetTop;
               objParent = objParent.offsetParent;
              }
              objHeight = obj.offsetHeight;
              objWidth = obj.offsetWidth;
              if(( overDiv.offsetLeft + overDiv.offsetWidth ) <= objLeft );
              else if(( overDiv.offsetTop + overDiv.offsetHeight ) <= objTop );
              else if( overDiv.offsetTop >= ( objTop + objHeight + obj.height ));
              else if( overDiv.offsetLeft >= ( objLeft + objWidth ));
              else
              {
               obj.style.visibility = "hidden";
              }
         }
      }
   }

   //unhides <select> and <applet> objects (for IE only)
   function showElement( elmID ){
      if( ie ){
         for( i = 0; i < document.all.tags( elmID ).length; i++ ){
            obj = document.all.tags( elmID )[i];
            if( !obj || !obj.offsetParent ){
                  continue;
            }
            obj.style.visibility = "";
         }
      }
   }

   function closeTimePicker() {
      crossobj.visibility="hidden"
      showElement( 'SELECT' );
      showElement( 'APPLET' );
      currentCtl.src=imagePath + "timepicker.gif"
   }

   document.onkeypress = function hideTimePicker1 () {
      if (event.keyCode==27){
         if (!bShow){
            closeTimePicker();
         }
      }
   }

   function isDigit(c) {

      return ((c=='0')||(c=='1')||(c=='2')||(c=='3')||(c=='4')||(c=='5')||(c=='6')||(c=='7')||(c=='8')||(c=='9'))
   }

   function isNumeric(n) {

      num = parseInt(n,10);

      return !isNaN(num);
   }

   function padZero(n) {
      v="";
      if (n<10){
         return ('0'+n);
      }
      else
      {
         return n;
      }
   }

   function validateDatePicker(ctl) {

      t=ctl.value.toLowerCase();
      t=t.replace(" ","");
      t=t.replace(".",":");
      t=t.replace("-","");

      if ((isNumeric(t))&&(t.length==4))
      {
         t=t.charAt(0)+t.charAt(1)+":"+t.charAt(2)+t.charAt(3);
      }

      var t=new String(t);
      tl=t.length;

      if (tl==1 ) {
         if (isDigit(t)) {
            ctl.value=t+":00 am";
         }
         else {
            return false;
         }
      }
      else if (tl==2) {
         if (isNumeric(t)) {
            if (parseInt(t,10)<13){
               if (t.charAt(1)!=":") {
                  ctl.value= t + ':00 am';
               }
               else {
                  ctl.value= t + '00 am';
               }
            }
            else if (parseInt(t,10)==24) {
               ctl.value= "0:00 am";
            }
            else if (parseInt(t,10)<24) {
               if (t.charAt(1)!=":") {
                  ctl.value= (t-12) + ':00 pm';
               }
               else {
                  ctl.value= (t-12) + '00 pm';
               }
            }
            else if (parseInt(t,10)<=60) {
               ctl.value= '0:'+padZero(t)+' am';
            }
            else {
               ctl.value= '1:'+padZero(t%60)+' am';
            }
         }
         else
             {
            if ((t.charAt(0)==":")&&(isDigit(t.charAt(1)))) {
               ctl.value = "0:" + padZero(parseInt(t.charAt(1),10)) + " am";
            }
            else {
               return false;
            }
         }
      }
      else if (tl>=3) {

         var arr = t.split(":");
         if (t.indexOf(":") > 0)
         {
            hr=parseInt(arr[0],10);
            mn=parseInt(arr[1],10);

            if (t.indexOf("pm")>0) {
               mode="pm";
            }
            else {
               mode="am";
            }

            if (isNaN(hr)) {
               hr=0;
            } else {
               if (hr>24) {
                  return false;
               }
               else if (hr==24) {
                  mode="am";
                  hr=0;
               }
               else if (hr>12) {
                  mode="pm";
                  hr-=12;
               }
            }

            if (isNaN(mn)) {
               mn=0;
            }
            else {
               if (mn>60) {
                  mn=mn%60;
                  hr+=1;
               }
            }
         } else {

            hr=parseInt(arr[0],10);

            if (isNaN(hr)) {
               hr=0;
            } else {
               if (hr>24) {
                  return false;
               }
               else if (hr==24) {
                  mode="am";
                  hr=0;
               }
               else if (hr>12) {
                  mode="pm";
                  hr-=12;
               }
            }

            mn = 0;
         }

         if (hr==24) {
            hr=0;
            mode="am";
         }
         ctl.value=hr+":"+padZero(mn)+" "+mode;
      }
   }