[Sommaire] [Imprimer]

   1  /*  Copyright Mihai Bazon, 2002-2005  |  www.bazon.net/mishoo
   2   * -----------------------------------------------------------
   3   *
   4   * The DHTML Calendar, version 1.0 "It is happening again"
   5   *
   6   * Details and latest version at:
   7   * www.dynarch.com/projects/calendar
   8   *
   9   * This script is developed by Dynarch.com.  Visit us at www.dynarch.com.
  10   *
  11   * This script is distributed under the GNU Lesser General Public License.
  12   * Read the entire license text here: http://www.gnu.org/licenses/lgpl.html
  13   */
  14  
  15  // $Id: calendar.js 3060 2006-12-17 06:06:52Z chtito $
  16  
  17  /** The Calendar object constructor. */
  18  Calendar = function (firstDayOfWeek, dateStr, onSelected, onClose) {
  19      // member variables
  20      this.activeDiv = null;
  21      this.currentDateEl = null;
  22      this.getDateStatus = null;
  23      this.getDateToolTip = null;
  24      this.getDateText = null;
  25      this.timeout = null;
  26      this.onSelected = onSelected || null;
  27      this.onClose = onClose || null;
  28      this.dragging = false;
  29      this.hidden = false;
  30      this.minYear = 1970;
  31      this.maxYear = 2050;
  32      this.dateFormat = Calendar._TT["DEF_DATE_FORMAT"];
  33      this.ttDateFormat = Calendar._TT["TT_DATE_FORMAT"];
  34      this.isPopup = true;
  35      this.weekNumbers = true;
  36      this.firstDayOfWeek = typeof firstDayOfWeek == "number" ? firstDayOfWeek : Calendar._FD; // 0 for Sunday, 1 for Monday, etc.
  37      this.showsOtherMonths = false;
  38      this.dateStr = dateStr;
  39      this.ar_days = null;
  40      this.showsTime = false;
  41      this.time24 = true;
  42      this.yearStep = 2;
  43      this.hiliteToday = true;
  44      this.multiple = null;
  45      // HTML elements
  46      this.table = null;
  47      this.element = null;
  48      this.tbody = null;
  49      this.firstdayname = null;
  50      // Combo boxes
  51      this.monthsCombo = null;
  52      this.yearsCombo = null;
  53      this.hilitedMonth = null;
  54      this.activeMonth = null;
  55      this.hilitedYear = null;
  56      this.activeYear = null;
  57      // Information
  58      this.dateClicked = false;
  59  
  60      // one-time initializations
  61      if (typeof Calendar._SDN == "undefined") {
  62          // table of short day names
  63          if (typeof Calendar._SDN_len == "undefined")
  64              Calendar._SDN_len = 3;
  65          var ar = new Array();
  66          for (var i = 8; i > 0;) {
  67              ar[--i] = Calendar._DN[i].substr(0, Calendar._SDN_len);
  68          }
  69          Calendar._SDN = ar;
  70          // table of short month names
  71          if (typeof Calendar._SMN_len == "undefined")
  72              Calendar._SMN_len = 3;
  73          ar = new Array();
  74          for (var i = 12; i > 0;) {
  75              ar[--i] = Calendar._MN[i].substr(0, Calendar._SMN_len);
  76          }
  77          Calendar._SMN = ar;
  78      }
  79  };
  80  
  81  // ** constants
  82  
  83  /// "static", needed for event handlers.
  84  Calendar._C = null;
  85  
  86  /// detect a special case of "web browser"
  87  Calendar.is_ie = ( /msie/i.test(navigator.userAgent) &&
  88             !/opera/i.test(navigator.userAgent) );
  89  
  90  Calendar.is_ie5 = ( Calendar.is_ie && /msie 5\.0/i.test(navigator.userAgent) );
  91  
  92  /// detect Opera browser
  93  Calendar.is_opera = /opera/i.test(navigator.userAgent);
  94  
  95  /// detect KHTML-based browsers
  96  Calendar.is_khtml = /Konqueror|Safari|KHTML/i.test(navigator.userAgent);
  97  
  98  // BEGIN: UTILITY FUNCTIONS; beware that these might be moved into a separate
  99  //        library, at some point.
 100  
 101  Calendar.getAbsolutePos = function(el) {
 102      var SL = 0, ST = 0;
 103      var is_div = /^div$/i.test(el.tagName);
 104      if (is_div && el.scrollLeft)
 105          SL = el.scrollLeft;
 106      if (is_div && el.scrollTop)
 107          ST = el.scrollTop;
 108      var r = { x: el.offsetLeft - SL, y: el.offsetTop - ST };
 109      if (el.offsetParent) {
 110          var tmp = this.getAbsolutePos(el.offsetParent);
 111          r.x += tmp.x;
 112          r.y += tmp.y;
 113      }
 114      return r;
 115  };
 116  
 117  Calendar.isRelated = function (el, evt) {
 118      var related = evt.relatedTarget;
 119      if (!related) {
 120          var type = evt.type;
 121          if (type == "mouseover") {
 122              related = evt.fromElement;
 123          } else if (type == "mouseout") {
 124              related = evt.toElement;
 125          }
 126      }
 127      while (related) {
 128          if (related == el) {
 129              return true;
 130          }
 131          related = related.parentNode;
 132      }
 133      return false;
 134  };
 135  
 136  Calendar.removeClass = function(el, className) {
 137      if (!(el && el.className)) {
 138          return;
 139      }
 140      var cls = el.className.split(" ");
 141      var ar = new Array();
 142      for (var i = cls.length; i > 0;) {
 143          if (cls[--i] != className) {
 144              ar[ar.length] = cls[i];
 145          }
 146      }
 147      el.className = ar.join(" ");
 148  };
 149  
 150  Calendar.addClass = function(el, className) {
 151      Calendar.removeClass(el, className);
 152      el.className += " " + className;
 153  };
 154  
 155  // FIXME: the following 2 functions totally suck, are useless and should be replaced immediately.
 156  Calendar.getElement = function(ev) {
 157      var f = Calendar.is_ie ? window.event.srcElement : ev.currentTarget;
 158      while (f.nodeType != 1 || /^div$/i.test(f.tagName))
 159          f = f.parentNode;
 160      return f;
 161  };
 162  
 163  Calendar.getTargetElement = function(ev) {
 164      var f = Calendar.is_ie ? window.event.srcElement : ev.target;
 165      while (f.nodeType != 1)
 166          f = f.parentNode;
 167      return f;
 168  };
 169  
 170  Calendar.stopEvent = function(ev) {
 171      ev || (ev = window.event);
 172      if (Calendar.is_ie) {
 173          ev.cancelBubble = true;
 174          ev.returnValue = false;
 175      } else {
 176          ev.preventDefault();
 177          ev.stopPropagation();
 178      }
 179      return false;
 180  };
 181  
 182  Calendar.addEvent = function(el, evname, func) {
 183      if (el.attachEvent) { // IE
 184          el.attachEvent("on" + evname, func);
 185      } else if (el.addEventListener) { // Gecko / W3C
 186          el.addEventListener(evname, func, true);
 187      } else {
 188          el["on" + evname] = func;
 189      }
 190  };
 191  
 192  Calendar.removeEvent = function(el, evname, func) {
 193      if (el.detachEvent) { // IE
 194          el.detachEvent("on" + evname, func);
 195      } else if (el.removeEventListener) { // Gecko / W3C
 196          el.removeEventListener(evname, func, true);
 197      } else {
 198          el["on" + evname] = null;
 199      }
 200  };
 201  
 202  Calendar.createElement = function(type, parent) {
 203      var el = null;
 204      if (document.createElementNS) {
 205          // use the XHTML namespace; IE won't normally get here unless
 206          // _they_ "fix" the DOM2 implementation.
 207          el = document.createElementNS("http://www.w3.org/1999/xhtml", type);
 208      } else {
 209          el = document.createElement(type);
 210      }
 211      if (typeof parent != "undefined") {
 212          parent.appendChild(el);
 213      }
 214      return el;
 215  };
 216  
 217  // END: UTILITY FUNCTIONS
 218  
 219  // BEGIN: CALENDAR STATIC FUNCTIONS
 220  
 221  /** Internal -- adds a set of events to make some element behave like a button. */
 222  Calendar._add_evs = function(el) {
 223      with (Calendar) {
 224          addEvent(el, "mouseover", dayMouseOver);
 225          addEvent(el, "mousedown", dayMouseDown);
 226          addEvent(el, "mouseout", dayMouseOut);
 227          if (is_ie) {
 228              addEvent(el, "dblclick", dayMouseDblClick);
 229              el.setAttribute("unselectable", true);
 230          }
 231      }
 232  };
 233  
 234  Calendar.findMonth = function(el) {
 235      if (typeof el.month != "undefined") {
 236          return el;
 237      } else if (typeof el.parentNode.month != "undefined") {
 238          return el.parentNode;
 239      }
 240      return null;
 241  };
 242  
 243  Calendar.findYear = function(el) {
 244      if (typeof el.year != "undefined") {
 245          return el;
 246      } else if (typeof el.parentNode.year != "undefined") {
 247          return el.parentNode;
 248      }
 249      return null;
 250  };
 251  
 252  Calendar.showMonthsCombo = function () {
 253      var cal = Calendar._C;
 254      if (!cal) {
 255          return false;
 256      }
 257      var cal = cal;
 258      var cd = cal.activeDiv;
 259      var mc = cal.monthsCombo;
 260      if (cal.hilitedMonth) {
 261          Calendar.removeClass(cal.hilitedMonth, "hilite");
 262      }
 263      if (cal.activeMonth) {
 264          Calendar.removeClass(cal.activeMonth, "active");
 265      }
 266      var mon = cal.monthsCombo.getElementsByTagName("div")[cal.date.getMonth()];
 267      Calendar.addClass(mon, "active");
 268      cal.activeMonth = mon;
 269      var s = mc.style;
 270      s.display = "block";
 271      if (cd.navtype < 0)
 272          s.left = cd.offsetLeft + "px";
 273      else {
 274          var mcw = mc.offsetWidth;
 275          if (typeof mcw == "undefined")
 276              // Konqueror brain-dead techniques
 277              mcw = 50;
 278          s.left = (cd.offsetLeft + cd.offsetWidth - mcw) + "px";
 279      }
 280      s.top = (cd.offsetTop + cd.offsetHeight) + "px";
 281  };
 282  
 283  Calendar.showYearsCombo = function (fwd) {
 284      var cal = Calendar._C;
 285      if (!cal) {
 286          return false;
 287      }
 288      var cal = cal;
 289      var cd = cal.activeDiv;
 290      var yc = cal.yearsCombo;
 291      if (cal.hilitedYear) {
 292          Calendar.removeClass(cal.hilitedYear, "hilite");
 293      }
 294      if (cal.activeYear) {
 295          Calendar.removeClass(cal.activeYear, "active");
 296      }
 297      cal.activeYear = null;
 298      var Y = cal.date.getFullYear() + (fwd ? 1 : -1);
 299      var yr = yc.firstChild;
 300      var show = false;
 301      for (var i = 12; i > 0; --i) {
 302          if (Y >= cal.minYear && Y <= cal.maxYear) {
 303              yr.innerHTML = Y;
 304              yr.year = Y;
 305              yr.style.display = "block";
 306              show = true;
 307          } else {
 308              yr.style.display = "none";
 309          }
 310          yr = yr.nextSibling;
 311          Y += fwd ? cal.yearStep : -cal.yearStep;
 312      }
 313      if (show) {
 314          var s = yc.style;
 315          s.display = "block";
 316          if (cd.navtype < 0)
 317              s.left = cd.offsetLeft + "px";
 318          else {
 319              var ycw = yc.offsetWidth;
 320              if (typeof ycw == "undefined")
 321                  // Konqueror brain-dead techniques
 322                  ycw = 50;
 323              s.left = (cd.offsetLeft + cd.offsetWidth - ycw) + "px";
 324          }
 325          s.top = (cd.offsetTop + cd.offsetHeight) + "px";
 326      }
 327  };
 328  
 329  // event handlers
 330  
 331  Calendar.tableMouseUp = function(ev) {
 332      var cal = Calendar._C;
 333      if (!cal) {
 334          return false;
 335      }
 336      if (cal.timeout) {
 337          clearTimeout(cal.timeout);
 338      }
 339      var el = cal.activeDiv;
 340      if (!el) {
 341          return false;
 342      }
 343      var target = Calendar.getTargetElement(ev);
 344      ev || (ev = window.event);
 345      Calendar.removeClass(el, "active");
 346      if (target == el || target.parentNode == el) {
 347          Calendar.cellClick(el, ev);
 348      }
 349      var mon = Calendar.findMonth(target);
 350      var date = null;
 351      if (mon) {
 352          date = new Date(cal.date);
 353          if (mon.month != date.getMonth()) {
 354              date.setMonth(mon.month);
 355              cal.setDate(date);
 356              cal.dateClicked = false;
 357              cal.callHandler();
 358          }
 359      } else {
 360          var year = Calendar.findYear(target);
 361          if (year) {
 362              date = new Date(cal.date);
 363              if (year.year != date.getFullYear()) {
 364                  date.setFullYear(year.year);
 365                  cal.setDate(date);
 366                  cal.dateClicked = false;
 367                  cal.callHandler();
 368              }
 369          }
 370      }
 371      with (Calendar) {
 372          removeEvent(document, "mouseup", tableMouseUp);
 373          removeEvent(document, "mouseover", tableMouseOver);
 374          removeEvent(document, "mousemove", tableMouseOver);
 375          cal._hideCombos();
 376          _C = null;
 377          return stopEvent(ev);
 378      }
 379  };
 380  
 381  Calendar.tableMouseOver = function (ev) {
 382      var cal = Calendar._C;
 383      if (!cal) {
 384          return;
 385      }
 386      var el = cal.activeDiv;
 387      var target = Calendar.getTargetElement(ev);
 388      if (target == el || target.parentNode == el) {
 389          Calendar.addClass(el, "hilite active");
 390          Calendar.addClass(el.parentNode, "rowhilite");
 391      } else {
 392          if (typeof el.navtype == "undefined" || (el.navtype != 50 && (el.navtype == 0 || Math.abs(el.navtype) > 2)))
 393              Calendar.removeClass(el, "active");
 394          Calendar.removeClass(el, "hilite");
 395          Calendar.removeClass(el.parentNode, "rowhilite");
 396      }
 397      ev || (ev = window.event);
 398      if (el.navtype == 50 && target != el) {
 399          var pos = Calendar.getAbsolutePos(el);
 400          var w = el.offsetWidth;
 401          var x = ev.clientX;
 402          var dx;
 403          var decrease = true;
 404          if (x > pos.x + w) {
 405              dx = x - pos.x - w;
 406              decrease = false;
 407          } else
 408              dx = pos.x - x;
 409  
 410          if (dx < 0) dx = 0;
 411          var range = el._range;
 412          var current = el._current;
 413          var count = Math.floor(dx / 10) % range.length;
 414          for (var i = range.length; --i >= 0;)
 415              if (range[i] == current)
 416                  break;
 417          while (count-- > 0)
 418              if (decrease) {
 419                  if (--i < 0)
 420                      i = range.length - 1;
 421              } else if ( ++i >= range.length )
 422                  i = 0;
 423          var newval = range[i];
 424          el.innerHTML = newval;
 425  
 426          cal.onUpdateTime();
 427      }
 428      var mon = Calendar.findMonth(target);
 429      if (mon) {
 430          if (mon.month != cal.date.getMonth()) {
 431              if (cal.hilitedMonth) {
 432                  Calendar.removeClass(cal.hilitedMonth, "hilite");
 433              }
 434              Calendar.addClass(mon, "hilite");
 435              cal.hilitedMonth = mon;
 436          } else if (cal.hilitedMonth) {
 437              Calendar.removeClass(cal.hilitedMonth, "hilite");
 438          }
 439      } else {
 440          if (cal.hilitedMonth) {
 441              Calendar.removeClass(cal.hilitedMonth, "hilite");
 442          }
 443          var year = Calendar.findYear(target);
 444          if (year) {
 445              if (year.year != cal.date.getFullYear()) {
 446                  if (cal.hilitedYear) {
 447                      Calendar.removeClass(cal.hilitedYear, "hilite");
 448                  }
 449                  Calendar.addClass(year, "hilite");
 450                  cal.hilitedYear = year;
 451              } else if (cal.hilitedYear) {
 452                  Calendar.removeClass(cal.hilitedYear, "hilite");
 453              }
 454          } else if (cal.hilitedYear) {
 455              Calendar.removeClass(cal.hilitedYear, "hilite");
 456          }
 457      }
 458      return Calendar.stopEvent(ev);
 459  };
 460  
 461  Calendar.tableMouseDown = function (ev) {
 462      if (Calendar.getTargetElement(ev) == Calendar.getElement(ev)) {
 463          return Calendar.stopEvent(ev);
 464      }
 465  };
 466  
 467  Calendar.calDragIt = function (ev) {
 468      var cal = Calendar._C;
 469      if (!(cal && cal.dragging)) {
 470          return false;
 471      }
 472      var posX;
 473      var posY;
 474      if (Calendar.is_ie) {
 475          posY = window.event.clientY + document.body.scrollTop;
 476          posX = window.event.clientX + document.body.scrollLeft;
 477      } else {
 478          posX = ev.pageX;
 479          posY = ev.pageY;
 480      }
 481      cal.hideShowCovered();
 482      var st = cal.element.style;
 483      st.left = (posX - cal.xOffs) + "px";
 484      st.top = (posY - cal.yOffs) + "px";
 485      return Calendar.stopEvent(ev);
 486  };
 487  
 488  Calendar.calDragEnd = function (ev) {
 489      var cal = Calendar._C;
 490      if (!cal) {
 491          return false;
 492      }
 493      cal.dragging = false;
 494      with (Calendar) {
 495          removeEvent(document, "mousemove", calDragIt);
 496          removeEvent(document, "mouseup", calDragEnd);
 497          tableMouseUp(ev);
 498      }
 499      cal.hideShowCovered();
 500  };
 501  
 502  Calendar.dayMouseDown = function(ev) {
 503      var el = Calendar.getElement(ev);
 504      if (el.disabled) {
 505          return false;
 506      }
 507      var cal = el.calendar;
 508      cal.activeDiv = el;
 509      Calendar._C = cal;
 510      if (el.navtype != 300) with (Calendar) {
 511          if (el.navtype == 50) {
 512              el._current = el.innerHTML;
 513              addEvent(document, "mousemove", tableMouseOver);
 514          } else
 515              addEvent(document, Calendar.is_ie5 ? "mousemove" : "mouseover", tableMouseOver);
 516          addClass(el, "hilite active");
 517          addEvent(document, "mouseup", tableMouseUp);
 518      } else if (cal.isPopup) {
 519          cal._dragStart(ev);
 520      }
 521      if (el.navtype == -1 || el.navtype == 1) {
 522          if (cal.timeout) clearTimeout(cal.timeout);
 523          cal.timeout = setTimeout("Calendar.showMonthsCombo()", 250);
 524      } else if (el.navtype == -2 || el.navtype == 2) {
 525          if (cal.timeout) clearTimeout(cal.timeout);
 526          cal.timeout = setTimeout((el.navtype > 0) ? "Calendar.showYearsCombo(true)" : "Calendar.showYearsCombo(false)", 250);
 527      } else {
 528          cal.timeout = null;
 529      }
 530      return Calendar.stopEvent(ev);
 531  };
 532  
 533  Calendar.dayMouseDblClick = function(ev) {
 534      Calendar.cellClick(Calendar.getElement(ev), ev || window.event);
 535      if (Calendar.is_ie) {
 536          document.selection.empty();
 537      }
 538  };
 539  
 540  Calendar.dayMouseOver = function(ev) {
 541      var el = Calendar.getElement(ev);
 542      if (Calendar.isRelated(el, ev) || Calendar._C || el.disabled) {
 543          return false;
 544      }
 545      if (el.ttip) {
 546          if (el.ttip.substr(0, 1) == "_") {
 547              el.ttip = el.caldate.print(el.calendar.ttDateFormat) + el.ttip.substr(1);
 548          }
 549          el.calendar.tooltips.innerHTML = el.ttip;
 550      }
 551      if (el.navtype != 300) {
 552          Calendar.addClass(el, "hilite");
 553          if (el.caldate) {
 554              Calendar.addClass(el.parentNode, "rowhilite");
 555              var cal = el.calendar;
 556              if (cal && cal.getDateToolTip) {
 557                  var d = el.caldate;
 558                  window.status = d;
 559                  el.title = cal.getDateToolTip(d, d.getFullYear(), d.getMonth(), d.getDate());
 560              }
 561          }
 562      }
 563      return Calendar.stopEvent(ev);
 564  };
 565  
 566  Calendar.dayMouseOut = function(ev) {
 567      with (Calendar) {
 568          var el = getElement(ev);
 569          if (isRelated(el, ev) || _C || el.disabled)
 570              return false;
 571          removeClass(el, "hilite");
 572          if (el.caldate)
 573              removeClass(el.parentNode, "rowhilite");
 574          if (el.calendar)
 575              el.calendar.tooltips.innerHTML = _TT["SEL_DATE"];
 576          // return stopEvent(ev);
 577      }
 578  };
 579  
 580  /**
 581   *  A generic "click" handler :) handles all types of buttons defined in this
 582   *  calendar.
 583   */
 584  Calendar.cellClick = function(el, ev) {
 585      var cal = el.calendar;
 586      var closing = false;
 587      var newdate = false;
 588      var date = null;
 589      if (typeof el.navtype == "undefined") {
 590          if (cal.currentDateEl) {
 591              Calendar.removeClass(cal.currentDateEl, "selected");
 592              Calendar.addClass(el, "selected");
 593              closing = (cal.currentDateEl == el);
 594              if (!closing) {
 595                  cal.currentDateEl = el;
 596              }
 597          }
 598          cal.date.setDateOnly(el.caldate);
 599          date = cal.date;
 600          var other_month = !(cal.dateClicked = !el.otherMonth);
 601          if (!other_month && !cal.currentDateEl && cal.multiple)
 602              cal._toggleMultipleDate(new Date(date));
 603          else
 604              newdate = !el.disabled;
 605          // a date was clicked
 606          if (other_month)
 607              cal._init(cal.firstDayOfWeek, date);
 608      } else {
 609          if (el.navtype == 200) {
 610              Calendar.removeClass(el, "hilite");
 611              cal.callCloseHandler();
 612              return;
 613          }
 614          date = new Date(cal.date);
 615          if (el.navtype == 0)
 616              date.setDateOnly(new Date()); // TODAY
 617          // unless "today" was clicked, we assume no date was clicked so
 618          // the selected handler will know not to close the calenar when
 619          // in single-click mode.
 620          // cal.dateClicked = (el.navtype == 0);
 621          cal.dateClicked = false;
 622          var year = date.getFullYear();
 623          var mon = date.getMonth();
 624  		function setMonth(m) {
 625              var day = date.getDate();
 626              var max = date.getMonthDays(m);
 627              if (day > max) {
 628                  date.setDate(max);
 629              }
 630              date.setMonth(m);
 631          };
 632          switch (el.navtype) {
 633              case 400:
 634              Calendar.removeClass(el, "hilite");
 635              var text = Calendar._TT["ABOUT"];
 636              if (typeof text != "undefined") {
 637                  text += cal.showsTime ? Calendar._TT["ABOUT_TIME"] : "";
 638              } else {
 639                  // FIXME: this should be removed as soon as lang files get updated!
 640                  text = "Help and about box text is not translated into this language.\n" +
 641                      "If you know this language and you feel generous please update\n" +
 642                      "the corresponding file in \"lang\" subdir to match calendar-en.js\n" +
 643                      "and send it back to <mihai_bazon@yahoo.com> to get it into the distribution  ;-)\n\n" +
 644                      "Thank you!\n" +
 645                      "http://dynarch.com/mishoo/calendar.epl\n";
 646              }
 647              alert(text);
 648              return;
 649              case -2:
 650              if (year > cal.minYear) {
 651                  date.setFullYear(year - 1);
 652              }
 653              break;
 654              case -1:
 655              if (mon > 0) {
 656                  setMonth(mon - 1);
 657              } else if (year-- > cal.minYear) {
 658                  date.setFullYear(year);
 659                  setMonth(11);
 660              }
 661              break;
 662              case 1:
 663              if (mon < 11) {
 664                  setMonth(mon + 1);
 665              } else if (year < cal.maxYear) {
 666                  date.setFullYear(year + 1);
 667                  setMonth(0);
 668              }
 669              break;
 670              case 2:
 671              if (year < cal.maxYear) {
 672                  date.setFullYear(year + 1);
 673              }
 674              break;
 675              case 100:
 676              cal.setFirstDayOfWeek(el.fdow);
 677              return;
 678              case 50:
 679              var range = el._range;
 680              var current = el.innerHTML;
 681              for (var i = range.length; --i >= 0;)
 682                  if (range[i] == current)
 683                      break;
 684              if (ev && ev.shiftKey) {
 685                  if (--i < 0)
 686                      i = range.length - 1;
 687              } else if ( ++i >= range.length )
 688                  i = 0;
 689              var newval = range[i];
 690              el.innerHTML = newval;
 691              cal.onUpdateTime();
 692              return;
 693              case 0:
 694              // TODAY will bring us here
 695              if ((typeof cal.getDateStatus == "function") &&
 696                  cal.getDateStatus(date, date.getFullYear(), date.getMonth(), date.getDate())) {
 697                  return false;
 698              }
 699              break;
 700          }
 701          if (!date.equalsTo(cal.date)) {
 702              cal.setDate(date);
 703              newdate = true;
 704          } else if (el.navtype == 0)
 705              newdate = closing = true;
 706      }
 707      if (newdate) {
 708          ev && cal.callHandler();
 709      }
 710      if (closing) {
 711          Calendar.removeClass(el, "hilite");
 712          ev && cal.callCloseHandler();
 713      }
 714  };
 715  
 716  // END: CALENDAR STATIC FUNCTIONS
 717  
 718  // BEGIN: CALENDAR OBJECT FUNCTIONS
 719  
 720  /**
 721   *  This function creates the calendar inside the given parent.  If _par is
 722   *  null than it creates a popup calendar inside the BODY element.  If _par is
 723   *  an element, be it BODY, then it creates a non-popup calendar (still
 724   *  hidden).  Some properties need to be set before calling this function.
 725   */
 726  Calendar.prototype.create = function (_par) {
 727      var parent = null;
 728      if (! _par) {
 729          // default parent is the document body, in which case we create
 730          // a popup calendar.
 731          parent = document.getElementsByTagName("body")[0];
 732          this.isPopup = true;
 733      } else {
 734          parent = _par;
 735          this.isPopup = false;
 736      }
 737      this.date = this.dateStr ? new Date(this.dateStr) : new Date();
 738  
 739      var table = Calendar.createElement("table");
 740      this.table = table;
 741      table.cellSpacing = 0;
 742      table.cellPadding = 0;
 743      table.calendar = this;
 744      Calendar.addEvent(table, "mousedown", Calendar.tableMouseDown);
 745  
 746      var div = Calendar.createElement("div");
 747      this.element = div;
 748      div.className = "calendar";
 749      if (this.isPopup) {
 750          div.style.position = "absolute";
 751          div.style.display = "none";
 752      }
 753      div.appendChild(table);
 754  
 755      var thead = Calendar.createElement("thead", table);
 756      var cell = null;
 757      var row = null;
 758  
 759      var cal = this;
 760      var hh = function (text, cs, navtype) {
 761          cell = Calendar.createElement("td", row);
 762          cell.colSpan = cs;
 763          cell.className = "button";
 764          if (navtype != 0 && Math.abs(navtype) <= 2)
 765              cell.className += " nav";
 766          Calendar._add_evs(cell);
 767          cell.calendar = cal;
 768          cell.navtype = navtype;
 769          cell.innerHTML = "<div unselectable='on'>" + text + "</div>";
 770          return cell;
 771      };
 772  
 773      row = Calendar.createElement("tr", thead);
 774      var title_length = 6;
 775      (this.isPopup) && --title_length;
 776      (this.weekNumbers) && ++title_length;
 777  
 778      hh("?", 1, 400).ttip = Calendar._TT["INFO"];
 779      this.title = hh("", title_length, 300);
 780      this.title.className = "title";
 781      if (this.isPopup) {
 782          this.title.ttip = Calendar._TT["DRAG_TO_MOVE"];
 783          this.title.style.cursor = "move";
 784          hh("&#x00d7;", 1, 200).ttip = Calendar._TT["CLOSE"];
 785      }
 786  
 787      row = Calendar.createElement("tr", thead);
 788      row.className = "headrow";
 789  
 790      this._nav_py = hh("&#x00ab;", 1, -2);
 791      this._nav_py.ttip = Calendar._TT["PREV_YEAR"];
 792  
 793      this._nav_pm = hh("&#x2039;", 1, -1);
 794      this._nav_pm.ttip = Calendar._TT["PREV_MONTH"];
 795  
 796      this._nav_now = hh(Calendar._TT["TODAY"], this.weekNumbers ? 4 : 3, 0);
 797      this._nav_now.ttip = Calendar._TT["GO_TODAY"];
 798  
 799      this._nav_nm = hh("&#x203a;", 1, 1);
 800      this._nav_nm.ttip = Calendar._TT["NEXT_MONTH"];
 801  
 802      this._nav_ny = hh("&#x00bb;", 1, 2);
 803      this._nav_ny.ttip = Calendar._TT["NEXT_YEAR"];
 804  
 805      // day names
 806      row = Calendar.createElement("tr", thead);
 807      row.className = "daynames";
 808      if (this.weekNumbers) {
 809          cell = Calendar.createElement("td", row);
 810          cell.className = "name wn";
 811          cell.innerHTML = Calendar._TT["WK"];
 812      }
 813      for (var i = 7; i > 0; --i) {
 814          cell = Calendar.createElement("td", row);
 815          if (!i) {
 816              cell.navtype = 100;
 817              cell.calendar = this;
 818              Calendar._add_evs(cell);
 819          }
 820      }
 821      this.firstdayname = (this.weekNumbers) ? row.firstChild.nextSibling : row.firstChild;
 822      this._displayWeekdays();
 823  
 824      var tbody = Calendar.createElement("tbody", table);
 825      this.tbody = tbody;
 826  
 827      for (i = 6; i > 0; --i) {
 828          row = Calendar.createElement("tr", tbody);
 829          if (this.weekNumbers) {
 830              cell = Calendar.createElement("td", row);
 831          }
 832          for (var j = 7; j > 0; --j) {
 833              cell = Calendar.createElement("td", row);
 834              cell.calendar = this;
 835              Calendar._add_evs(cell);
 836          }
 837      }
 838  
 839      if (this.showsTime) {
 840          row = Calendar.createElement("tr", tbody);
 841          row.className = "time";
 842  
 843          cell = Calendar.createElement("td", row);
 844          cell.className = "time";
 845          cell.colSpan = 2;
 846          cell.innerHTML = Calendar._TT["TIME"] || "&nbsp;";
 847  
 848          cell = Calendar.createElement("td", row);
 849          cell.className = "time";
 850          cell.colSpan = this.weekNumbers ? 4 : 3;
 851  
 852          (function(){
 853  			function makeTimePart(className, init, range_start, range_end) {
 854                  var part = Calendar.createElement("span", cell);
 855                  part.className = className;
 856                  part.innerHTML = init;
 857                  part.calendar = cal;
 858                  part.ttip = Calendar._TT["TIME_PART"];
 859                  part.navtype = 50;
 860                  part._range = [];
 861                  if (typeof range_start != "number")
 862                      part._range = range_start;
 863                  else {
 864                      for (var i = range_start; i <= range_end; ++i) {
 865                          var txt;
 866                          if (i < 10 && range_end >= 10) txt = '0' + i;
 867                          else txt = '' + i;
 868                          part._range[part._range.length] = txt;
 869                      }
 870                  }
 871                  Calendar._add_evs(part);
 872                  return part;
 873              };
 874              var hrs = cal.date.getHours();
 875              var mins = cal.date.getMinutes();
 876              var t12 = !cal.time24;
 877              var pm = (hrs > 12);
 878              if (t12 && pm) hrs -= 12;
 879              var H = makeTimePart("hour", hrs, t12 ? 1 : 0, t12 ? 12 : 23);
 880              var span = Calendar.createElement("span", cell);
 881              span.innerHTML = ":";
 882              span.className = "colon";
 883              var M = makeTimePart("minute", mins, 0, 59);
 884              var AP = null;
 885              cell = Calendar.createElement("td", row);
 886              cell.className = "time";
 887              cell.colSpan = 2;
 888              if (t12)
 889                  AP = makeTimePart("ampm", pm ? "pm" : "am", ["am", "pm"]);
 890              else
 891                  cell.innerHTML = "&nbsp;";
 892  
 893              cal.onSetTime = function() {
 894                  var pm, hrs = this.date.getHours(),
 895                      mins = this.date.getMinutes();
 896                  if (t12) {
 897                      pm = (hrs >= 12);
 898                      if (pm) hrs -= 12;
 899                      if (hrs == 0) hrs = 12;
 900                      AP.innerHTML = pm ? "pm" : "am";
 901                  }
 902                  H.innerHTML = (hrs < 10) ? ("0" + hrs) : hrs;
 903                  M.innerHTML = (mins < 10) ? ("0" + mins) : mins;
 904              };
 905  
 906              cal.onUpdateTime = function() {
 907                  var date = this.date;
 908                  var h = parseInt(H.innerHTML, 10);
 909                  if (t12) {
 910                      if (/pm/i.test(AP.innerHTML) && h < 12)
 911                          h += 12;
 912                      else if (/am/i.test(AP.innerHTML) && h == 12)
 913                          h = 0;
 914                  }
 915                  var d = date.getDate();
 916                  var m = date.getMonth();
 917                  var y = date.getFullYear();
 918                  date.setHours(h);
 919                  date.setMinutes(parseInt(M.innerHTML, 10));
 920                  date.setFullYear(y);
 921                  date.setMonth(m);
 922                  date.setDate(d);
 923                  this.dateClicked = false;
 924                  this.callHandler();
 925              };
 926          })();
 927      } else {
 928          this.onSetTime = this.onUpdateTime = function() {};
 929      }
 930  
 931      var tfoot = Calendar.createElement("tfoot", table);
 932  
 933      row = Calendar.createElement("tr", tfoot);
 934      row.className = "footrow";
 935  
 936      cell = hh(Calendar._TT["SEL_DATE"], this.weekNumbers ? 8 : 7, 300);
 937      cell.className = "ttip";
 938      if (this.isPopup) {
 939          cell.ttip = Calendar._TT["DRAG_TO_MOVE"];
 940          cell.style.cursor = "move";
 941      }
 942      this.tooltips = cell;
 943  
 944      div = Calendar.createElement("div", this.element);
 945      this.monthsCombo = div;
 946      div.className = "combo";
 947      for (i = 0; i < Calendar._MN.length; ++i) {
 948          var mn = Calendar.createElement("div");
 949          mn.className = Calendar.is_ie ? "label-IEfix" : "label";
 950          mn.month = i;
 951          mn.innerHTML = Calendar._SMN[i];
 952          div.appendChild(mn);
 953      }
 954  
 955      div = Calendar.createElement("div", this.element);
 956      this.yearsCombo = div;
 957      div.className = "combo";
 958      for (i = 12; i > 0; --i) {
 959          var yr = Calendar.createElement("div");
 960          yr.className = Calendar.is_ie ? "label-IEfix" : "label";
 961          div.appendChild(yr);
 962      }
 963  
 964      this._init(this.firstDayOfWeek, this.date);
 965      parent.appendChild(this.element);
 966  };
 967  
 968  /** keyboard navigation, only for popup calendars */
 969  Calendar._keyEvent = function(ev) {
 970      var cal = window._dynarch_popupCalendar;
 971      if (!cal || cal.multiple)
 972          return false;
 973      (Calendar.is_ie) && (ev = window.event);
 974      var act = (Calendar.is_ie || ev.type == "keypress"),
 975          K = ev.keyCode;
 976      if (ev.ctrlKey) {
 977          switch (K) {
 978              case 37: // KEY left
 979              act && Calendar.cellClick(cal._nav_pm);
 980              break;
 981              case 38: // KEY up
 982              act && Calendar.cellClick(cal._nav_py);
 983              break;
 984              case 39: // KEY right
 985              act && Calendar.cellClick(cal._nav_nm);
 986              break;
 987              case 40: // KEY down
 988              act && Calendar.cellClick(cal._nav_ny);
 989              break;
 990              default:
 991              return false;
 992          }
 993      } else switch (K) {
 994          case 32: // KEY space (now)
 995          Calendar.cellClick(cal._nav_now);
 996          break;
 997          case 27: // KEY esc
 998          act && cal.callCloseHandler();
 999          break;
1000          case 37: // KEY left
1001          case 38: // KEY up
1002          case 39: // KEY right
1003          case 40: // KEY down
1004          if (act) {
1005              var prev, x, y, ne, el, step;
1006              prev = K == 37 || K == 38;
1007              step = (K == 37 || K == 39) ? 1 : 7;
1008  			function setVars() {
1009                  el = cal.currentDateEl;
1010                  var p = el.pos;
1011                  x = p & 15;
1012                  y = p >> 4;
1013                  ne = cal.ar_days[y][x];
1014              };setVars();
1015  			function prevMonth() {
1016                  var date = new Date(cal.date);
1017                  date.setDate(date.getDate() - step);
1018                  cal.setDate(date);
1019              };
1020  			function nextMonth() {
1021                  var date = new Date(cal.date);
1022                  date.setDate(date.getDate() + step);
1023                  cal.setDate(date);
1024              };
1025              while (1) {
1026                  switch (K) {
1027                      case 37: // KEY left
1028                      if (--x >= 0)
1029                          ne = cal.ar_days[y][x];
1030                      else {
1031                          x = 6;
1032                          K = 38;
1033                          continue;
1034                      }
1035                      break;
1036                      case 38: // KEY up
1037                      if (--y >= 0)
1038                          ne = cal.ar_days[y][x];
1039                      else {
1040                          prevMonth();
1041                          setVars();
1042                      }
1043                      break;
1044                      case 39: // KEY right
1045                      if (++x < 7)
1046                          ne = cal.ar_days[y][x];
1047                      else {
1048                          x = 0;
1049                          K = 40;
1050                          continue;
1051                      }
1052                      break;
1053                      case 40: // KEY down
1054                      if (++y < cal.ar_days.length)
1055                          ne = cal.ar_days[y][x];
1056                      else {
1057                          nextMonth();
1058                          setVars();
1059                      }
1060                      break;
1061                  }
1062                  break;
1063              }
1064              if (ne) {
1065                  if (!ne.disabled)
1066                      Calendar.cellClick(ne);
1067                  else if (prev)
1068                      prevMonth();
1069                  else
1070                      nextMonth();
1071              }
1072          }
1073          break;
1074          case 13: // KEY enter
1075          if (act)
1076              Calendar.cellClick(cal.currentDateEl, ev);
1077          break;
1078          default:
1079          return false;
1080      }
1081      return Calendar.stopEvent(ev);
1082  };
1083  
1084  /**
1085   *  (RE)Initializes the calendar to the given date and firstDayOfWeek
1086   */
1087  Calendar.prototype._init = function (firstDayOfWeek, date) {
1088      var today = new Date(),
1089          TY = today.getFullYear(),
1090          TM = today.getMonth(),
1091          TD = today.getDate();
1092      this.table.style.visibility = "hidden";
1093      var year = date.getFullYear();
1094      if (year < this.minYear) {
1095          year = this.minYear;
1096          date.setFullYear(year);
1097      } else if (year > this.maxYear) {
1098          year = this.maxYear;
1099          date.setFullYear(year);
1100      }
1101      this.firstDayOfWeek = firstDayOfWeek;
1102      this.date = new Date(date);
1103      var month = date.getMonth();
1104      var mday = date.getDate();
1105      var no_days = date.getMonthDays();
1106  
1107      // calendar voodoo for computing the first day that would actually be
1108      // displayed in the calendar, even if it's from the previous month.
1109      // WARNING: this is magic. ;-)
1110      date.setDate(1);
1111      var day1 = (date.getDay() - this.firstDayOfWeek) % 7;
1112      if (day1 < 0)
1113          day1 += 7;
1114      date.setDate(-day1);
1115      date.setDate(date.getDate() + 1);
1116  
1117      var row = this.tbody.firstChild;
1118      var MN = Calendar._SMN[month];
1119      var ar_days = this.ar_days = new Array();
1120      var weekend = Calendar._TT["WEEKEND"];
1121      var dates = this.multiple ? (this.datesCells = {}) : null;
1122      for (var i = 0; i < 6; ++i, row = row.nextSibling) {
1123          var cell = row.firstChild;
1124          if (this.weekNumbers) {
1125              cell.className = "day wn";
1126              cell.innerHTML = date.getWeekNumber();
1127              cell = cell.nextSibling;
1128          }
1129          row.className = "daysrow";
1130          var hasdays = false, iday, dpos = ar_days[i] = [];
1131          for (var j = 0; j < 7; ++j, cell = cell.nextSibling, date.setDate(iday + 1)) {
1132              iday = date.getDate();
1133              var wday = date.getDay();
1134              cell.className = "day";
1135              cell.pos = i << 4 | j;
1136              dpos[j] = cell;
1137              var current_month = (date.getMonth() == month);
1138              if (!current_month) {
1139                  if (this.showsOtherMonths) {
1140                      cell.className += " othermonth";
1141                      cell.otherMonth = true;
1142                  } else {
1143                      cell.className = "emptycell";
1144                      cell.innerHTML = "&nbsp;";
1145                      cell.disabled = true;
1146                      continue;
1147                  }
1148              } else {
1149                  cell.otherMonth = false;
1150                  hasdays = true;
1151              }
1152              cell.disabled = false;
1153              cell.innerHTML = this.getDateText ? this.getDateText(date, iday) : iday;
1154              if (dates)
1155                  dates[date.print("%Y%m%d")] = cell;
1156              if (this.getDateStatus) {
1157                  var status = this.getDateStatus(date, year, month, iday);
1158                  if (status === true) {
1159                      cell.className += " disabled";
1160                      cell.disabled = true;
1161                  } else {
1162                      if (/disabled/i.test(status))
1163                          cell.disabled = true;
1164                      cell.className += " " + status;
1165                  }
1166              }
1167              if (!cell.disabled) {
1168                  cell.caldate = new Date(date);
1169                  cell.ttip = "_";
1170                  if (!this.multiple && current_month
1171                      && iday == mday && this.hiliteToday) {
1172                      cell.className += " selected";
1173                      this.currentDateEl = cell;
1174                  }
1175                  if (date.getFullYear() == TY &&
1176                      date.getMonth() == TM &&
1177                      iday == TD) {
1178                      cell.className += " today";
1179                      cell.ttip += Calendar._TT["PART_TODAY"];
1180                  }
1181                  if (weekend.indexOf(wday.toString()) != -1)
1182                      cell.className += cell.otherMonth ? " oweekend" : " weekend";
1183              }
1184          }
1185          if (!(hasdays || this.showsOtherMonths))
1186              row.className = "emptyrow";
1187      }
1188      this.title.innerHTML = Calendar._MN[month] + ", " + year;
1189      this.onSetTime();
1190      this.table.style.visibility = "visible";
1191      this._initMultipleDates();
1192      // PROFILE
1193      // this.tooltips.innerHTML = "Generated in " + ((new Date()) - today) + " ms";
1194  };
1195  
1196  Calendar.prototype._initMultipleDates = function() {
1197      if (this.multiple) {
1198          for (var i in this.multiple) {
1199              var cell = this.datesCells[i];
1200              var d = this.multiple[i];
1201              if (!d)
1202                  continue;
1203              if (cell)
1204                  cell.className += " selected";
1205          }
1206      }
1207  };
1208  
1209  Calendar.prototype._toggleMultipleDate = function(date) {
1210      if (this.multiple) {
1211          var ds = date.print("%Y%m%d");
1212          var cell = this.datesCells[ds];
1213          if (cell) {
1214              var d = this.multiple[ds];
1215              if (!d) {
1216                  Calendar.addClass(cell, "selected");
1217                  this.multiple[ds] = date;
1218              } else {
1219                  Calendar.removeClass(cell, "selected");
1220                  delete this.multiple[ds];
1221              }
1222          }
1223      }
1224  };
1225  
1226  Calendar.prototype.setDateToolTipHandler = function (unaryFunction) {
1227      this.getDateToolTip = unaryFunction;
1228  };
1229  
1230  /**
1231   *  Calls _init function above for going to a certain date (but only if the
1232   *  date is different than the currently selected one).
1233   */
1234  Calendar.prototype.setDate = function (date) {
1235      if (!date.equalsTo(this.date)) {
1236          this._init(this.firstDayOfWeek, date);
1237      }
1238  };
1239  
1240  /**
1241   *  Refreshes the calendar.  Useful if the "disabledHandler" function is
1242   *  dynamic, meaning that the list of disabled date can change at runtime.
1243   *  Just * call this function if you think that the list of disabled dates
1244   *  should * change.
1245   */
1246  Calendar.prototype.refresh = function () {
1247      this._init(this.firstDayOfWeek, this.date);
1248  };
1249  
1250  /** Modifies the "firstDayOfWeek" parameter (pass 0 for Synday, 1 for Monday, etc.). */
1251  Calendar.prototype.setFirstDayOfWeek = function (firstDayOfWeek) {
1252      this._init(firstDayOfWeek, this.date);
1253      this._displayWeekdays();
1254  };
1255  
1256  /**
1257   *  Allows customization of what dates are enabled.  The "unaryFunction"
1258   *  parameter must be a function object that receives the date (as a JS Date
1259   *  object) and returns a boolean value.  If the returned value is true then
1260   *  the passed date will be marked as disabled.
1261   */
1262  Calendar.prototype.setDateStatusHandler = Calendar.prototype.setDisabledHandler = function (unaryFunction) {
1263      this.getDateStatus = unaryFunction;
1264  };
1265  
1266  /** Customization of allowed year range for the calendar. */
1267  Calendar.prototype.setRange = function (a, z) {
1268      this.minYear = a;
1269      this.maxYear = z;
1270  };
1271  
1272  /** Calls the first user handler (selectedHandler). */
1273  Calendar.prototype.callHandler = function () {
1274      if (this.onSelected) {
1275          this.onSelected(this, this.date.print(this.dateFormat));
1276      }
1277  };
1278  
1279  /** Calls the second user handler (closeHandler). */
1280  Calendar.prototype.callCloseHandler = function () {
1281      if (this.onClose) {
1282          this.onClose(this);
1283      }
1284      this.hideShowCovered();
1285  };
1286  
1287  /** Removes the calendar object from the DOM tree and destroys it. */
1288  Calendar.prototype.destroy = function () {
1289      var el = this.element.parentNode;
1290      el.removeChild(this.element);
1291      Calendar._C = null;
1292      window._dynarch_popupCalendar = null;
1293  };
1294  
1295  /**
1296   *  Moves the calendar element to a different section in the DOM tree (changes
1297   *  its parent).
1298   */
1299  Calendar.prototype.reparent = function (new_parent) {
1300      var el = this.element;
1301      el.parentNode.removeChild(el);
1302      new_parent.appendChild(el);
1303  };
1304  
1305  // This gets called when the user presses a mouse button anywhere in the
1306  // document, if the calendar is shown.  If the click was outside the open
1307  // calendar this function closes it.
1308  Calendar._checkCalendar = function(ev) {
1309      var calendar = window._dynarch_popupCalendar;
1310      if (!calendar) {
1311          return false;
1312      }
1313      var el = Calendar.is_ie ? Calendar.getElement(ev) : Calendar.getTargetElement(ev);
1314      for (; el != null && el != calendar.element; el = el.parentNode);
1315      if (el == null) {
1316          // calls closeHandler which should hide the calendar.
1317          window._dynarch_popupCalendar.callCloseHandler();
1318          return Calendar.stopEvent(ev);
1319      }
1320  };
1321  
1322  /** Shows the calendar. */
1323  Calendar.prototype.show = function () {
1324      var rows = this.table.getElementsByTagName("tr");
1325      for (var i = rows.length; i > 0;) {
1326          var row = rows[--i];
1327          Calendar.removeClass(row, "rowhilite");
1328          var cells = row.getElementsByTagName("td");
1329          for (var j = cells.length; j > 0;) {
1330              var cell = cells[--j];
1331              Calendar.removeClass(cell, "hilite");
1332              Calendar.removeClass(cell, "active");
1333          }
1334      }
1335      this.element.style.display = "block";
1336      this.hidden = false;
1337      if (this.isPopup) {
1338          window._dynarch_popupCalendar = this;
1339          Calendar.addEvent(document, "keydown", Calendar._keyEvent);
1340          Calendar.addEvent(document, "keypress", Calendar._keyEvent);
1341          Calendar.addEvent(document, "mousedown", Calendar._checkCalendar);
1342      }
1343      this.hideShowCovered();
1344  };
1345  
1346  /**
1347   *  Hides the calendar.  Also removes any "hilite" from the class of any TD
1348   *  element.
1349   */
1350  Calendar.prototype.hide = function () {
1351      if (this.isPopup) {
1352          Calendar.removeEvent(document, "keydown", Calendar._keyEvent);
1353          Calendar.removeEvent(document, "keypress", Calendar._keyEvent);
1354          Calendar.removeEvent(document, "mousedown", Calendar._checkCalendar);
1355      }
1356      this.element.style.display = "none";
1357      this.hidden = true;
1358      this.hideShowCovered();
1359  };
1360  
1361  /**
1362   *  Shows the calendar at a given absolute position (beware that, depending on
1363   *  the calendar element style -- position property -- this might be relative
1364   *  to the parent's containing rectangle).
1365   */
1366  Calendar.prototype.showAt = function (x, y) {
1367      var s = this.element.style;
1368      s.left = x + "px";
1369      s.top = y + "px";
1370      this.show();
1371  };
1372  
1373  /** Shows the calendar near a given element. */
1374  Calendar.prototype.showAtElement = function (el, opts) {
1375      var self = this;
1376      var p = Calendar.getAbsolutePos(el);
1377      if (!opts || typeof opts != "string") {
1378          this.showAt(p.x, p.y + el.offsetHeight);
1379          return true;
1380      }
1381  	function fixPosition(box) {
1382          if (box.x < 0)
1383              box.x = 0;
1384          if (box.y < 0)
1385              box.y = 0;
1386          var cp = document.createElement("div");
1387          var s = cp.style;
1388          s.position = "absolute";
1389          s.right = s.bottom = s.width = s.height = "0px";
1390          document.body.appendChild(cp);
1391          var br = Calendar.getAbsolutePos(cp);
1392          document.body.removeChild(cp);
1393          if (Calendar.is_ie) {
1394              br.y += document.body.scrollTop;
1395              br.x += document.body.scrollLeft;
1396          } else {
1397              br.y += window.scrollY;
1398              br.x += window.scrollX;
1399          }
1400          var tmp = box.x + box.width - br.x;
1401          if (tmp > 0) box.x -= tmp;
1402          tmp = box.y + box.height - br.y;
1403          if (tmp > 0) box.y -= tmp;
1404      };
1405      this.element.style.display = "block";
1406      Calendar.continuation_for_the_fucking_khtml_browser = function() {
1407          var w = self.element.offsetWidth;
1408          var h = self.element.offsetHeight;
1409          self.element.style.display = "none";
1410          var valign = opts.substr(0, 1);
1411          var halign = "l";
1412          if (opts.length > 1) {
1413              halign = opts.substr(1, 1);
1414          }
1415          // vertical alignment
1416          switch (valign) {
1417              case "T": p.y -= h; break;
1418              case "B": p.y += el.offsetHeight; break;
1419              case "C": p.y += (el.offsetHeight - h) / 2; break;
1420              case "t": p.y += el.offsetHeight - h; break;
1421              case "b": break; // already there
1422          }
1423          // horizontal alignment
1424          switch (halign) {
1425              case "L": p.x -= w; break;
1426              case "R": p.x += el.offsetWidth; break;
1427              case "C": p.x += (el.offsetWidth - w) / 2; break;
1428              case "l": p.x += el.offsetWidth - w; break;
1429              case "r": break; // already there
1430          }
1431          p.width = w;
1432          p.height = h + 40;
1433          self.monthsCombo.style.display = "none";
1434          fixPosition(p);
1435          self.showAt(p.x, p.y);
1436      };
1437      if (Calendar.is_khtml)
1438          setTimeout("Calendar.continuation_for_the_fucking_khtml_browser()", 10);
1439      else
1440          Calendar.continuation_for_the_fucking_khtml_browser();
1441  };
1442  
1443  /** Customizes the date format. */
1444  Calendar.prototype.setDateFormat = function (str) {
1445      this.dateFormat = str;
1446  };
1447  
1448  /** Customizes the tooltip date format. */
1449  Calendar.prototype.setTtDateFormat = function (str) {
1450      this.ttDateFormat = str;
1451  };
1452  
1453  /**
1454   *  Tries to identify the date represented in a string.  If successful it also
1455   *  calls this.setDate which moves the calendar to the given date.
1456   */
1457  Calendar.prototype.parseDate = function(str, fmt) {
1458      if (!fmt)
1459          fmt = this.dateFormat;
1460      this.setDate(Date.parseDate(str, fmt));
1461  };
1462  
1463  Calendar.prototype.hideShowCovered = function () {
1464      if (!Calendar.is_ie && !Calendar.is_opera)
1465          return;
1466  	function getVisib(obj){
1467          var value = obj.style.visibility;
1468          if (!value) {
1469              if (document.defaultView && typeof (document.defaultView.getComputedStyle) == "function") { // Gecko, W3C
1470                  if (!Calendar.is_khtml)
1471                      value = document.defaultView.
1472                          getComputedStyle(obj, "").getPropertyValue("visibility");
1473                  else
1474                      value = '';
1475              } else if (obj.currentStyle) { // IE
1476                  value = obj.currentStyle.visibility;
1477              } else
1478                  value = '';
1479          }
1480          return value;
1481      };
1482  
1483      var tags = new Array("applet", "iframe", "select");
1484      var el = this.element;
1485  
1486      var p = Calendar.getAbsolutePos(el);
1487      var EX1 = p.x;
1488      var EX2 = el.offsetWidth + EX1;
1489      var EY1 = p.y;
1490      var EY2 = el.offsetHeight + EY1;
1491  
1492      for (var k = tags.length; k > 0; ) {
1493          var ar = document.getElementsByTagName(tags[--k]);
1494          var cc = null;
1495  
1496          for (var i = ar.length; i > 0;) {
1497              cc = ar[--i];
1498  
1499              p = Calendar.getAbsolutePos(cc);
1500              var CX1 = p.x;
1501              var CX2 = cc.offsetWidth + CX1;
1502              var CY1 = p.y;
1503              var CY2 = cc.offsetHeight + CY1;
1504  
1505              if (this.hidden || (CX1 > EX2) || (CX2 < EX1) || (CY1 > EY2) || (CY2 < EY1)) {
1506                  if (!cc.__msh_save_visibility) {
1507                      cc.__msh_save_visibility = getVisib(cc);
1508                  }
1509                  cc.style.visibility = cc.__msh_save_visibility;
1510              } else {
1511                  if (!cc.__msh_save_visibility) {
1512                      cc.__msh_save_visibility = getVisib(cc);
1513                  }
1514                  cc.style.visibility = "hidden";
1515              }
1516          }
1517      }
1518  };
1519  
1520  /** Internal function; it displays the bar with the names of the weekday. */
1521  Calendar.prototype._displayWeekdays = function () {
1522      var fdow = this.firstDayOfWeek;
1523      var cell = this.firstdayname;
1524      var weekend = Calendar._TT["WEEKEND"];
1525      for (var i = 0; i < 7; ++i) {
1526          cell.className = "day name";
1527          var realday = (i + fdow) % 7;
1528          if (i) {
1529              cell.ttip = Calendar._TT["DAY_FIRST"].replace("%s", Calendar._DN[realday]);
1530              cell.navtype = 100;
1531              cell.calendar = this;
1532              cell.fdow = realday;
1533              Calendar._add_evs(cell);
1534          }
1535          if (weekend.indexOf(realday.toString()) != -1) {
1536              Calendar.addClass(cell, "weekend");
1537          }
1538          cell.innerHTML = Calendar._SDN[(i + fdow) % 7];
1539          cell = cell.nextSibling;
1540      }
1541  };
1542  
1543  /** Internal function.  Hides all combo boxes that might be displayed. */
1544  Calendar.prototype._hideCombos = function () {
1545      this.monthsCombo.style.display = "none";
1546      this.yearsCombo.style.display = "none";
1547  };
1548  
1549  /** Internal function.  Starts dragging the element. */
1550  Calendar.prototype._dragStart = function (ev) {
1551      if (this.dragging) {
1552          return;
1553      }
1554      this.dragging = true;
1555      var posX;
1556      var posY;
1557      if (Calendar.is_ie) {
1558          posY = window.event.clientY + document.body.scrollTop;
1559          posX = window.event.clientX + document.body.scrollLeft;
1560      } else {
1561          posY = ev.clientY + window.scrollY;
1562          posX = ev.clientX + window.scrollX;
1563      }
1564      var st = this.element.style;
1565      this.xOffs = posX - parseInt(st.left);
1566      this.yOffs = posY - parseInt(st.top);
1567      with (Calendar) {
1568          addEvent(document, "mousemove", calDragIt);
1569          addEvent(document, "mouseup", calDragEnd);
1570      }
1571  };
1572  
1573  // BEGIN: DATE OBJECT PATCHES
1574  
1575  /** Adds the number of days array to the Date object. */
1576  Date._MD = new Array(31,28,31,30,31,30,31,31,30,31,30,31);
1577  
1578  /** Constants used for time computations */
1579  Date.SECOND = 1000 /* milliseconds */;
1580  Date.MINUTE = 60 * Date.SECOND;
1581  Date.HOUR   = 60 * Date.MINUTE;
1582  Date.DAY    = 24 * Date.HOUR;
1583  Date.WEEK   =  7 * Date.DAY;
1584  
1585  Date.parseDate = function(str, fmt) {
1586      var today = new Date();
1587      var y = 0;
1588      var m = -1;
1589      var d = 0;
1590      var a = str.split(/\W+/);
1591      var b = fmt.match(/%./g);
1592      var i = 0, j = 0;
1593      var hr = 0;
1594      var min = 0;
1595      for (i = 0; i < a.length; ++i) {
1596          if (!a[i])
1597              continue;
1598          switch (b[i]) {
1599              case "%d":
1600              case "%e":
1601              d = parseInt(a[i], 10);
1602              break;
1603  
1604              case "%m":
1605              m = parseInt(a[i], 10) - 1;
1606              break;
1607  
1608              case "%Y":
1609              case "%y":
1610              y = parseInt(a[i], 10);
1611              (y < 100) && (y += (y > 29) ? 1900 : 2000);
1612              break;
1613  
1614              case "%b":
1615              case "%B":
1616              for (j = 0; j < 12; ++j) {
1617                  if (Calendar._MN[j].substr(0, a[i].length).toLowerCase() == a[i].toLowerCase()) { m = j; break; }
1618              }
1619              break;
1620  
1621              case "%H":
1622              case "%I":
1623              case "%k":
1624              case "%l":
1625              hr = parseInt(a[i], 10);
1626              break;
1627  
1628              case "%P":
1629              case "%p":
1630              if (/pm/i.test(a[i]) && hr < 12)
1631                  hr += 12;
1632              else if (/am/i.test(a[i]) && hr >= 12)
1633                  hr -= 12;
1634              break;
1635  
1636              case "%M":
1637              min = parseInt(a[i], 10);
1638              break;
1639          }
1640      }
1641      if (isNaN(y)) y = today.getFullYear();
1642      if (isNaN(m)) m = today.getMonth();
1643      if (isNaN(d)) d = today.getDate();
1644      if (isNaN(hr)) hr = today.getHours();
1645      if (isNaN(min)) min = today.getMinutes();
1646      if (y != 0 && m != -1 && d != 0)
1647          return new Date(y, m, d, hr, min, 0);
1648      y = 0; m = -1; d = 0;
1649      for (i = 0; i < a.length; ++i) {
1650          if (a[i].search(/[a-zA-Z]+/) != -1) {
1651              var t = -1;
1652              for (j = 0; j < 12; ++j) {
1653                  if (Calendar._MN[j].substr(0, a[i].length).toLowerCase() == a[i].toLowerCase()) { t = j; break; }
1654              }
1655              if (t != -1) {
1656                  if (m != -1) {
1657                      d = m+1;
1658                  }
1659                  m = t;
1660              }
1661          } else if (parseInt(a[i], 10) <= 12 && m == -1) {
1662              m = a[i]-1;
1663          } else if (parseInt(a[i], 10) > 31 && y == 0) {
1664              y = parseInt(a[i], 10);
1665              (y < 100) && (y += (y > 29) ? 1900 : 2000);
1666          } else if (d == 0) {
1667              d = a[i];
1668          }
1669      }
1670      if (y == 0)
1671          y = today.getFullYear();
1672      if (m != -1 && d != 0)
1673          return new Date(y, m, d, hr, min, 0);
1674      return today;
1675  };
1676  
1677  /** Returns the number of days in the current month */
1678  Date.prototype.getMonthDays = function(month) {
1679      var year = this.getFullYear();
1680      if (typeof month == "undefined") {
1681          month = this.getMonth();
1682      }
1683      if (((0 == (year%4)) && ( (0 != (year%100)) || (0 == (year%400)))) && month == 1) {
1684          return 29;
1685      } else {
1686          return Date._MD[month];
1687      }
1688  };
1689  
1690  /** Returns the number of day in the year. */
1691  Date.prototype.getDayOfYear = function() {
1692      var now = new Date(this.getFullYear(), this.getMonth(), this.getDate(), 0, 0, 0);
1693      var then = new Date(this.getFullYear(), 0, 0, 0, 0, 0);
1694      var time = now - then;
1695      return Math.floor(time / Date.DAY);
1696  };
1697  
1698  /** Returns the number of the week in year, as defined in ISO 8601. */
1699  Date.prototype.getWeekNumber = function() {
1700      var d = new Date(this.getFullYear(), this.getMonth(), this.getDate(), 0, 0, 0);
1701      var DoW = d.getDay();
1702      d.setDate(d.getDate() - (DoW + 6) % 7 + 3); // Nearest Thu
1703      var ms = d.valueOf(); // GMT
1704      d.setMonth(0);
1705      d.setDate(4); // Thu in Week 1
1706      return Math.round((ms - d.valueOf()) / (7 * 864e5)) + 1;
1707  };
1708  
1709  /** Checks date and time equality */
1710  Date.prototype.equalsTo = function(date) {
1711      return ((this.getFullYear() == date.getFullYear()) &&
1712          (this.getMonth() == date.getMonth()) &&
1713          (this.getDate() == date.getDate()) &&
1714          (this.getHours() == date.getHours()) &&
1715          (this.getMinutes() == date.getMinutes()));
1716  };
1717  
1718  /** Set only the year, month, date parts (keep existing time) */
1719  Date.prototype.setDateOnly = function(date) {
1720      var tmp = new Date(date);
1721      this.setDate(1);
1722      this.setFullYear(tmp.getFullYear());
1723      this.setMonth(tmp.getMonth());
1724      this.setDate(tmp.getDate());
1725  };
1726  
1727  /** Prints the date in a string according to the given format. */
1728  Date.prototype.print = function (str) {
1729      var m = this.getMonth();
1730      var d = this.getDate();
1731      var y = this.getFullYear();
1732      var wn = this.getWeekNumber();
1733      var w = this.getDay();
1734      var s = {};
1735      var hr = this.getHours();
1736      var pm = (hr >= 12);
1737      var ir = (pm) ? (hr - 12) : hr;
1738      var dy = this.getDayOfYear();
1739      if (ir == 0)
1740          ir = 12;
1741      var min = this.getMinutes();
1742      var sec = this.getSeconds();
1743      s["%a"] = Calendar._SDN[w]; // abbreviated weekday name [FIXME: I18N]
1744      s["%A"] = Calendar._DN[w]; // full weekday name
1745      s["%b"] = Calendar._SMN[m]; // abbreviated month name [FIXME: I18N]
1746      s["%B"] = Calendar._MN[m]; // full month name
1747      // FIXME: %c : preferred date and time representation for the current locale
1748      s["%C"] = 1 + Math.floor(y / 100); // the century number
1749      s["%d"] = (d < 10) ? ("0" + d) : d; // the day of the month (range 01 to 31)
1750      s["%e"] = d; // the day of the month (range 1 to 31)
1751      // FIXME: %D : american date style: %m/%d/%y
1752      // FIXME: %E, %F, %G, %g, %h (man strftime)
1753      s["%H"] = (hr < 10) ? ("0" + hr) : hr; // hour, range 00 to 23 (24h format)
1754      s["%I"] = (ir < 10) ? ("0" + ir) : ir; // hour, range 01 to 12 (12h format)
1755      s["%j"] = (dy < 100) ? ((dy < 10) ? ("00" + dy) : ("0" + dy)) : dy; // day of the year (range 001 to 366)
1756      s["%k"] = hr;        // hour, range 0 to 23 (24h format)
1757      s["%l"] = ir;        // hour, range 1 to 12 (12h format)
1758      s["%m"] = (m < 9) ? ("0" + (1+m)) : (1+m); // month, range 01 to 12
1759      s["%M"] = (min < 10) ? ("0" + min) : min; // minute, range 00 to 59
1760      s["%n"] = "\n";        // a newline character
1761      s["%p"] = pm ? "PM" : "AM";
1762      s["%P"] = pm ? "pm" : "am";
1763      // FIXME: %r : the time in am/pm notation %I:%M:%S %p
1764      // FIXME: %R : the time in 24-hour notation %H:%M
1765      s["%s"] = Math.floor(this.getTime() / 1000);
1766      s["%S"] = (sec < 10) ? ("0" + sec) : sec; // seconds, range 00 to 59
1767      s["%t"] = "\t";        // a tab character
1768      // FIXME: %T : the time in 24-hour notation (%H:%M:%S)
1769      s["%U"] = s["%W"] = s["%V"] = (wn < 10) ? ("0" + wn) : wn;
1770      s["%u"] = w + 1;    // the day of the week (range 1 to 7, 1 = MON)
1771      s["%w"] = w;        // the day of the week (range 0 to 6, 0 = SUN)
1772      // FIXME: %x : preferred date representation for the current locale without the time
1773      // FIXME: %X : preferred time representation for the current locale without the date
1774      s["%y"] = ('' + y).substr(2, 2); // year without the century (range 00 to 99)
1775      s["%Y"] = y;        // year with the century
1776      s["%%"] = "%";        // a literal '%' character
1777  
1778      var re = /%./g;
1779      if (!Calendar.is_ie5 && !Calendar.is_khtml) {
1780          str = str.replace(re, function (par) { return s[par]; });
1781          return str;
1782      }
1783  
1784      var a = str.match(re);
1785      for (var i = 0; i < a.length; i++) {
1786          var tmp = s[a[i]];
1787          if (tmp) {
1788              re = new RegExp(a[i], 'g');
1789              str = str.replace(re, tmp);
1790          }
1791      }
1792  
1793      return str;
1794  };
1795  
1796  Date.prototype.__msh_oldSetFullYear = Date.prototype.setFullYear;
1797  Date.prototype.setFullYear = function(y) {
1798      var d = new Date(this);
1799      d.__msh_oldSetFullYear(y);
1800      if (d.getMonth() != this.getMonth())
1801          this.setDate(28);
1802      this.__msh_oldSetFullYear(y);
1803  };
1804  
1805  // END: DATE OBJECT PATCHES
1806  
1807  
1808  // global object that remembers the calendar
1809  window._dynarch_popupCalendar = null;