/* ===========================================================*/
/* Copyright (c) 2008 by SDN AG, CH-8912 Obfelden Switzerland */
/* -----------------------------------------------------------*/
/* Project : SDN KnowledgePortal                              */
/* -----------------------------------------------------------*/
/* $Id: simplecalendar.js,v 1.5 2008/10/13 10:06:04 MWE Exp $  */
/* ============================================================*/
/*
History
=======
$Log: simplecalendar.js,v $
Revision 1.5  2008/10/13 10:06:04  MWE
*** empty log message ***

Revision 1.4  2008/08/22 08:45:54  MWE
Erstellung des Div's dateselector_container von jscalendar1.js in simplecalendar.js verschoben. IE Fehler wegen IE Bug http://support.microsoft.com/kb/927917/en

Revision 1.3  2008/06/16 11:20:02  MWE
*** empty log message ***

Revision 1.2  2008/06/12 10:35:41  MWE
Initialisierung der Tages/Monatsnamen über g_CalendarMonthNames, g_CalendarDayNames damit g_Calendar nicht erzeugt werden muss. Erzeugt sonst teilweise Fehler weil das Dokument zu diesem Zeitpunkt noch nicht vollständige erstellt ist (body).

Revision 1.1  2003/12/03 15:51:35  MWE
KnowledgePortal 2.0, update 2

Revision 1.3  2003/07/25 08:01:20  MWE
Change easyLEARN Portal to SDN Knowledgeportal

Revision 1.2  2002/12/11 15:22:31  MWE
Change external calls to g_Calender to functions.

Revision 1.1  2002/12/06 15:06:40  MWE
Initial Release 6.12.2002 MWE

*/
        /*
        *****************************************************************************************************
        Author : Lea Smart
        Source : www.totallysmartit.com
        Date : 7/3/2001
        DHTML Calendar
        Version 1.2

        You are free to use this code if you retain this header.
        You do not need to link to my site (be nice though!)

        Amendments
        22 Jan 2002; Added ns resize bug code; rewrote date functions into Date 'class';
                                 Added support for yyyy-mm-dd date format
                                 Added support for calendar beginning on any day
        7th Feb 2002 Fixed day highlight when year wasn't current year bug
        9th Jun 2002 Fixed bug with weekend colour
                                 Amended the code for the date functions extensions.  Shortened addDays code considerably
        *****************************************************************************************************
        */
        var timeoutDelay = 2000; // milliseconds, change this if you like, set to 0 for the calendar to never auto disappear
        var g_startDay = 1// 0=sunday, 1=monday
        var g_Calendar = null;
        var g_CalendarMonthNames = '';
        var g_CalendarDayNames ='';
        // preload images
        var imgUp = new Image(8,12);
        imgUp.src = 'images/up.gif';
        var imgDown = new Image(8,12);
        imgDown.src = 'images/down.gif';

        // used by timeout auto hide functions
        var timeoutId = false;

        // the now standard browser sniffer class
        function Browser(){
          this.dom = document.getElementById?1:0;
          this.ie4 = (document.all && !this.dom)?1:0;
          this.ns4 = (document.layers && !this.dom)?1:0;
          this.ns6 = (this.dom && !document.all)?1:0;
          this.ie5 = (this.dom && document.all)?1:0;
          this.ok = this.dom || this.ie4 || this.ns4;
          this.platform = navigator.platform;
        }
        var browser = new Browser();


        function calendarTimeout(){
          if (browser.ie4 || browser.ie5){
            timeoutId=setTimeout('CalendarHide();',timeoutDelay);
          }
          if (browser.ns6 || browser.ns4){
            timeoutId=setTimeout('CalendarHide();',timeoutDelay);
          }
        }

        // constructor for calendar class
        function Calendar(){
          // g_Calendar = this;
          // some constants needed throughout the program
          this.daysOfWeek = new Array("Su","Mo","Tu","We","Th","Fr","Sa");
          this.months = new Array("January","February","March","April","May","June","July","August","September","October","November","December");
          this.daysInMonth = new Array(31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31);

          if (browser.ns4){
            var tmpLayer = new Layer(127);
                if (timeoutDelay){
                  tmpLayer.captureEvents(Event.MOUSEOVER | Event.MOUSEOUT);
                  tmpLayer.onmouseover = function(event) { if (timeoutId) clearTimeout(timeoutId); };
                  tmpLayer.onmouseout = function(event) { timeoutId=setTimeout('CalendarHide()',timeoutDelay);};
                }
            tmpLayer.x = 100;
            tmpLayer.y = 100;
            tmpLayer.bgColor = "#ffffff";
          }
          if (browser.dom || browser.ie4){
            var tmpLayer = browser.dom?document.getElementById('dateselector_container'):document.all.dateselector_container
          }
          this.containerLayer = tmpLayer;
          if (browser.ns4 && browser.platform=='Win32') {
            this.containerLayer.clip.height=134;
            this.containerLayer.clip.width=127;
          }
        }

         Calendar.prototype.getFirstDOM = function() {
                var thedate = new Date();
                thedate.setDate(1);
                thedate.setMonth(this.month);
                thedate.setFullYear(this.year);
                return thedate.getDay();
        }

        Calendar.prototype.getDaysInMonth = function (){
           if (this.month!=1) {
           return this.daysInMonth[this.month]
           }
           else {
             // is it a leap year
                    if (Date.isLeapYear(this.year)) {
                          return 29;
                        }
                    else {
                          return 28;
                        }
           }
        }
        Calendar.prototype.setDaysMonthsNames = function(shortdaynames,monthnames){
          this.daysOfWeek = shortdaynames.split(",");
          this.months = monthnames.split(",");
        }

        Calendar.prototype.buildString = function(){
          var tmpStr = '<form onSubmit="this.year.blur();return false;"><table width="100%" border="0" cellspacing="0" cellpadding="2" class="calBorderColor"><tr><td valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="1" class="calBgColor">';
          tmpStr += '<tr>';
          tmpStr += '<td width="60%" class="cal" align="left">';
          if (this.hasDropDown) {
            tmpStr += '<select class="month" name="month" onchange="g_Calendar.selectChange();">';
                for (var i=0;i<this.months.length;i++){
              tmpStr += '<option value="' + i + '"'
                  if (i == this.month) tmpStr += ' selected';
                  tmpStr += '>' + this.months[i] + '</option>';
            }
            tmpStr += '</select>';
          } else {
            tmpStr += '<table border="0" cellspacing="0" cellpadding="0"><tr><td><a href="javascript: g_Calendar.changeMonth(-1);"><img name="calendar" src="images/down.gif" width="8" height="12" border="0" alt=""></a></td><td class="cal" width="100%" align="center">' + this.months[this.month] + '</td><td class="cal"><a href="javascript: g_Calendar.changeMonth(+1);"><img name="calendar" src="images/up.gif" width="8" height="12" border="0" alt=""></a></td></tr></table>';
          }
          tmpStr += '</td>';
          /* observation : for some reason if the below event is changed to 'onChange' rather than 'onBlur' it totally crashes IE (4 and 5)!
          */
          tmpStr += '<td width="40%" align="right" class="cal">';

          if (this.hasDropDown) {
            tmpStr += '<input class="year" type="text" size="';
            // get round NS4 win32 lenght of year input problem
            (browser.ns4 && browser.platform=='Win32')?tmpStr += 1:tmpStr += 4;
          tmpStr += '" name="year" maxlength="4" onBlur="g_Calendar.inputChange();" value="' + this.year + '">';
          } else {
          tmpStr += '<table border="0" cellspacing="0" cellpadding="0"><tr><td class="cal"><a href="javascript: g_Calendar.changeYear(-1);"><img name="calendar" src="images/down.gif" width="8" height="12" border="0" alt=""></a></td><td class="cal" width="100%" align="center">' + this.year + '</td><td class="cal"><a href="javascript: g_Calendar.changeYear(+1);"><img name="calendar" src="'+ 'images/up.gif" width="8" height="12" border="0" alt=""></a></td></tr></table>';
          }
          tmpStr += '</td>';
          tmpStr += '</tr>';
          tmpStr += '</table>';
          var iCount = 1;

          var iFirstDOM = (7+this.getFirstDOM()-g_startDay)%7; // to prevent calling it in a loop

          var iDaysInMonth = this.getDaysInMonth(); // to prevent calling it in a loop

          tmpStr += '<table width="100%" border="0" cellspacing="0" cellpadding="1" class="calBgColor">';
          tmpStr += '<tr>';
            for (var i=0;i<7;i++){
                  tmpStr += '<td align="center" class="calDaysColor">' + this.daysOfWeek[(g_startDay+i)%7] + '</td>';
                }
          tmpStr += '</tr>';
          var tmpFrom = parseInt('' + this.dateFromYear + this.dateFromMonth + this.dateFromDay,10);
          var tmpTo = parseInt('' + this.dateToYear + this.dateToMonth + this.dateToDay,10);
          var tmpCompare;
          for (var j=1;j<=6;j++){
             tmpStr += '<tr>';
             for (var i=1;i<=7;i++){
                   tmpStr += '<td width="16" align="center" '
                   if ( (7*(j-1) + i)>=iFirstDOM+1  && iCount <= iDaysInMonth){
                     if (iCount==this.day && this.year==this.oYear && this.month==this.oMonth) tmpStr += 'class="calHighlightColor"';
                         else {
                            if (i==7-g_startDay || i==((7-g_startDay)%7)+1) tmpStr += 'class="calWeekend"';
                                else tmpStr += 'class="cal"';
                         }
                     tmpStr += '>';
                         /* could create a date object here and compare that but probably more efficient to convert to a number
                           and compare number as numbers are primitives */
                         tmpCompare = parseInt('' + this.year + padZero(this.month) + padZero(iCount),10);
                         if (tmpCompare >= tmpFrom && tmpCompare <= tmpTo) {
                           tmpStr += '<a class="cal" href="javascript: g_Calendar.clickDay(' + iCount + ');">' + iCount + '</a>';
                         } else {
                           tmpStr += '<span class="disabled">' + iCount + '</span>';
                         }
                         iCount++;
                   } else {
                     if  (i==7-g_startDay || i==((7-g_startDay)%7)+1) tmpStr += 'class="calWeekend"'; else tmpStr +='class="cal"';
                         tmpStr += '>&nbsp;';
                   }
                   tmpStr += '</td>'
                 }
                 tmpStr += '</tr>'
          }
          tmpStr += '</table></td></tr></table></form>'
          return tmpStr;
        }

        Calendar.prototype.selectChange = function(){
          this.month = browser.ns6?this.containerLayer.ownerDocument.forms[0].month.selectedIndex:this.containerLayer.document.forms[0].month.selectedIndex;
          this.writeString(this.buildString());
        }

        Calendar.prototype.inputChange = function(){
          var tmp = browser.ns6?this.containerLayer.ownerDocument.forms[0].year:this.containerLayer.document.forms[0].year;
          if (tmp.value >=1900 || tmp.value <=2100){
            this.year = tmp.value;
            this.writeString(this.buildString());
          } else {
            tmp.value = this.year;
          }
        }
        Calendar.prototype.changeYear = function(incr){
           (incr==1)?this.year++:this.year--;
           this.writeString(this.buildString());
        }
        Calendar.prototype.changeMonth = function(incr){
            if (this.month==11 && incr==1){
              this.month = 0;
                    this.year++;
            } else {
              if (this.month==0 && incr==-1){
                this.month = 11;
                    this.year--;
              } else {
                    (incr==1)?this.month++:this.month--;
                  }
                }
                this.writeString(this.buildString());
        }

        Calendar.prototype.clickDay = function(day){
           var tmp = eval('document.' + this.target);
           if (this.dateFormat=='dd-mmm-yyyy' || this.dateFormat=='dd/mmm/yyyy') tmp.value = day + this.dateDelim + this.months[this.month].substr(0,3) + this.dateDelim + this.year;
           if (this.dateFormat=='dd/mm/yyyy' || this.dateFormat=='dd-mm-yyyy' || this.dateFormat == 'd/m/y' || this.dateFormat == 'd.m.y' || this.dateFormat == 'd-m-y') tmp.value = day + this.dateDelim + (this.month+1) + this.dateDelim + this.year;
           if (this.dateFormat=='mm/dd/yyyy' || this.dateFormat=='mm-dd-yyyy' || this.dateFormat == 'm/d/y' || this.dateFormat == 'm.d.y' || this.dateFormat == 'm-d-y') tmp.value = (this.month+1) + this.dateDelim + day + this.dateDelim + this.year;
           if (this.dateFormat=='yyyy-mm-dd' || this.dateFormat == 'y/m/d' || this.dateFormat == 'y.m.d' || this.dateFormat == 'y-m-d') tmp.value = this.year + this.dateDelim + (this.month+1) + this.dateDelim + day;

            if (browser.ns4) this.containerLayer.hidden=true;
            if (browser.dom || browser.ie4){
              this.containerLayer.style.visibility='hidden'
            }
        }

        Calendar.prototype.writeString = function(str){
//        alert("writestring(" + str + ")");
          if (browser.ns4){
            this.containerLayer.document.open();
            this.containerLayer.document.write(str);
            this.containerLayer.document.close();
          }
          if (browser.dom || browser.ie4){
            this.containerLayer.innerHTML = str;
          }
        }

        Calendar.prototype.show = function(event, target, bHasDropDown, dateFormat, dateFrom, dateTo)
        {

        // calendar can restrict choices between 2 dates, if however no restrictions
        // are made, let them choose any date between 1900 and 3000
        if (dateFrom) this.dateFrom = dateFrom; else this.dateFrom = new Date(1900,0,1);
        this.dateFromDay = padZero(this.dateFrom.getDate());
        this.dateFromMonth = padZero(this.dateFrom.getMonth());
        this.dateFromYear = this.dateFrom.getFullYear();
        if (dateTo) this.dateTo = dateTo; else this.dateTo = new Date(3000,0,1);
        this.dateToDay = padZero(this.dateTo.getDate());
        this.dateToMonth = padZero(this.dateTo.getMonth());
        this.dateToYear = this.dateTo.getFullYear();
        this.hasDropDown = bHasDropDown;

        if (dateFormat) this.dateFormat = dateFormat.toLowerCase(); else this.dateFormat = 'dd-mmm-yyyy';
        switch (this.dateFormat){
          case 'dd-mmm-yyyy':
          case 'dd-mm-yyyy':
          case 'd-m-y':
          case 'm-d-y':
          case 'y-m-d':
          case 'yyyy-mm-dd':
          case 'yyyy-mm-dd':
                this.dateDelim = '-';
                break;
          case 'y.m.d':
          case 'm.d.y':
          case 'd.m.y':
            this.dateDelim = '.';
                break;

          case 'dd/mm/yyyy':
          case 'mm/dd/yyyy':
          case 'dd/mmm/yyyy':
          case 'm/d/y':
          case 'd/m/y':
          case 'y/m/d':
            this.dateDelim = '/';
                break;
        }

          if (browser.ns4) {
            if (!this.containerLayer.hidden) {
                  this.containerLayer.hidden=true;
                  return;
                }
           }
          if (browser.dom || browser.ie4){
            if (this.containerLayer.style.visibility=='visible') {
                  this.containerLayer.style.visibility='hidden';
                  return;
                }
          }

          if (browser.ie5 || browser.ie4){
            var event = window.event;
          }
          if (browser.ns4){
            this.containerLayer.x = event.x+10;
            this.containerLayer.y = event.y-5;
          }
          if (browser.ie5 || browser.ie4){
            var obj = event.srcElement;
             x = 0;
                  while (obj.offsetParent != null) {
                      x += obj.offsetLeft;
                      obj = obj.offsetParent;
                  }
                  x += obj.offsetLeft;
            y = 0;
                var obj = event.srcElement;
            while (obj.offsetParent != null) {
                      y += obj.offsetTop;
                      obj = obj.offsetParent;
                  }
                  y += obj.offsetTop;

        this.containerLayer.style.left = x+35;
                if (event.y>0)this.containerLayer.style.top = y;
          }
          if (browser.ns6){
            this.containerLayer.style.left = event.pageX+10;
                this.containerLayer.style.top = event.pageY-5;
          }
          this.target = target;
          var tmp = eval('document.' + this.target);
          if (tmp && tmp.value && tmp.value.split(this.dateDelim).length==3 && tmp.value.indexOf('d')==-1){
            var atmp = tmp.value.split(this.dateDelim)
                switch (this.dateFormat){
                 case 'dd-mmm-yyyy':
                 case 'dd/mmm/yyyy':
                   for (var i=0;i<this.months.length;i++){
                     if (atmp[1].toLowerCase()==this.months[i].substr(0,3).toLowerCase()){
                       this.month = this.oMonth = i;
                           break;
                     }
                   }
                   this.day = parseInt(atmp[0],10);
                   this.year = this.oYear = parseInt(atmp[2],10);
                   break;
                 case 'dd/mm/yyyy':
                 case 'dd-mm-yyyy':
                 case 'd/m/y':
                 case 'd.m.y':
                 case 'd-m-y':
                   this.month = this.oMonth = parseInt(atmp[1]-1,10);
                   this.day = parseInt(atmp[0],10);
                   this.year = this.oYear = parseInt(atmp[2],10);
                   break;
                 case 'mm/dd/yyyy':
                 case 'mm-dd-yyyy':
                 case 'm-d-y':
                 case 'm/d/y':
                 case 'm.d.y':
                   this.month = this.oMonth = parseInt(atmp[0]-1,10);
                   this.day = parseInt(atmp[1],10);
                   this.year = this.oYear = parseInt(atmp[2],10);
                   break;
                 case 'yyyy-mm-dd':
                 case 'y/m/d':
                 case 'y.m.d':
                 case 'y-m-d':
                   this.month = this.oMonth = parseInt(atmp[1]-1,10);
                   this.day = parseInt(atmp[2],10);
                   this.year = this.oYear = parseInt(atmp[0],10);
                   break;
                }
          } else { // no date set, default to today
            var theDate = new Date();
                   this.year = this.oYear = theDate.getFullYear();
             this.month = this.oMonth = theDate.getMonth();
             this.day = this.oDay = theDate.getDate();
          }
          this.writeString(this.buildString());

          // and then show it!
           if (browser.ns4) {
           this.containerLayer.hidden=false;
           }
          if (browser.dom || browser.ie4){
              this.containerLayer.style.visibility='visible';
          }
        }

        Calendar.prototype.hide = function(){
          if (browser.ns4) this.containerLayer.hidden = true;
          if (browser.dom || browser.ie4){
            this.containerLayer.style.visibility='hidden';
          }
        }

        function handleDocumentClick(e){
          if (browser.ie4 || browser.ie5) e = window.event;
          if (g_Calendar != null)
          {
           if (browser.ns6)
           {
            var bTest = (e.pageX > parseInt(g_Calendar.containerLayer.style.left,10) && e.pageX <  (parseInt(g_Calendar.containerLayer.style.left,10)+125) && e.pageY < (parseInt(g_Calendar.containerLayer.style.top,10)+125) && e.pageY > parseInt(g_Calendar.containerLayer.style.top,10));
            if (e.target.name!='imgCalendar' && e.target.name!='month'  && e.target.name!='year' && e.target.name!='calendar' && !bTest)
            {
              g_Calendar.hide();
            }
           }
           if (browser.ie4 || browser.ie5)
           {
                // extra test to see if user clicked inside the calendar but not on a valid date, we don't want it to disappear in this case
            var ctop = parseInt(g_Calendar.containerLayer.style.top) - wPageYOffset();
            var cleft = parseInt(g_Calendar.containerLayer.style.left) - wPageXOffset();
            var cwidth = parseInt(g_Calendar.containerLayer.clientWidth);
            var cheight = parseInt(g_Calendar.containerLayer.clientHeight);
            
            var bTest = (e.x >= cleft && e.x <=  (cleft+cwidth) && e.y <= (ctop +height) && e.y >= ctop);
            if (e.srcElement.name!='imgCalendar' && !bTest)
            {
              g_Calendar.hide();
            }
           }
           if (browser.ns4) g_Calendar.hide();
          }
        }

        // utility function
        function padZero(num) {
          return ((num <= 9) ? ("0" + num) : num);
        }
          // Finally licked extending  native date object;

        Date.isLeapYear = function(year){ if (year%4==0 && ((year%100!=0) || (year%400==0))) return true; else return false; }
        Date.daysInYear = function(year){ if (Date.isLeapYear(year)) return 366; else return 365;}
        var DAY = 1000*60*60*24;
        Date.prototype.addDays = function(num)
        {
                return new Date((num*DAY)+this.valueOf());
        }

         // events capturing, careful you don't override this by setting something in the onload event of
        // the body tag
        window.onload=function(){
          InitCalendar();
        }

        if (browser.ns4) window.onresize = function(){
          if (document.NSfix.initWidth!=window.innerWidth || document.NSfix.initHeight!=window.innerHeight) window.location.reload(false);
        } // ns4 resize bug workaround
        window.document.onclick=handleDocumentClick;

        function DayMonthNamesCalendar(daynames,monthnames)
        {
//          alert("DayMonthNames: daynames =" + daynames);
          g_CalendarMonthNames = monthnames;
          g_CalendarDayNames = daynames;
        }

        function CalendarHide()
        {
          InitCalendar();
          g_Calendar.hide();
        }

        function CalendarStartDay(startday)
        {
          g_startDay = startday;
        }

        function CalendarShow(event, formvalue, showdropdown, datefmt)
        {
          InitCalendar();
          g_Calendar.show(event,formvalue, showdropdown,datefmt);
        }
        
        function XXX__Mouseout()
        {
          if (g_Calendar.containerLayer.style.visiblity == 'hidden')
            return;
          calendarTimeout();
        }
        
        function XXX__Mouseover()
        {
          if (timeoutId) clearTimeout(timeoutId);
        }
        function InitCalendar()
        {
          if (!g_Calendar || g_Calendar == null || g_Calendar == "undefined")
          {
            var idiv = document.createElement('div');
            idiv.id = "dateselector_container";
            document.body.appendChild(idiv);
            idiv.onmouseout=XXX__Mouseout; //calendarTimeout;
            idiv.onmouseover=XXX__Mouseover;

            g_Calendar = new Calendar(new Date());
            if (browser.ns4)
            {
              if (typeof document.NSfix == 'undefined')
              {
                document.NSfix = new Object();
                document.NSfix.initWidth=window.innerWidth;
                document.NSfix.initHeight=window.innerHeight;
              }
            }
            if (g_CalendarMonthNames != '')
            {
              g_Calendar.setDaysMonthsNames(g_CalendarDayNames,g_CalendarMonthNames);
            }
          }

        }