httemplate/elements/calendar.js

   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,v 1.5 2006-02-09 07:18:08 ivan Exp $
  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                 }
 556         }
 557         return Calendar.stopEvent(ev);
 558 };
 559
 560 Calendar.dayMouseOut = function(ev) {
 561         with (Calendar) {
 562                 var el = getElement(ev);
 563                 if (isRelated(el, ev) || _C || el.disabled)
 564                         return false;
 565                 removeClass(el, "hilite");
 566                 if (el.caldate)
 567                         removeClass(el.parentNode, "rowhilite");
 568                 if (el.calendar)
 569                         el.calendar.tooltips.innerHTML = _TT["SEL_DATE"];
 570                 return stopEvent(ev);
 571         }
 572 };
 573
 574 /**
 575  *  A generic "click" handler :) handles all types of buttons defined in this
 576  *  calendar.
 577  */
 578 Calendar.cellClick = function(el, ev) {
 579         var cal = el.calendar;
 580         var closing = false;
 581         var newdate = false;
 582         var date = null;
 583         if (typeof el.navtype == "undefined") {
 584                 if (cal.currentDateEl) {
 585                         Calendar.removeClass(cal.currentDateEl, "selected");
 586                         Calendar.addClass(el, "selected");
 587                         closing = (cal.currentDateEl == el);
 588                         if (!closing) {
 589                                 cal.currentDateEl = el;
 590                         }
 591                 }
 592                 cal.date.setDateOnly(el.caldate);
 593                 date = cal.date;
 594                 var other_month = !(cal.dateClicked = !el.otherMonth);
 595                 if (!other_month && !cal.currentDateEl)
 596                         cal._toggleMultipleDate(new Date(date));
 597                 else
 598                         newdate = !el.disabled;
 599                 // a date was clicked
 600                 if (other_month)
 601                         cal._init(cal.firstDayOfWeek, date);
 602         } else {
 603                 if (el.navtype == 200) {
 604                         Calendar.removeClass(el, "hilite");
 605                         cal.callCloseHandler();
 606                         return;
 607                 }
 608                 date = new Date(cal.date);
 609                 if (el.navtype == 0)
 610                         date.setDateOnly(new Date()); // TODAY
 611                 // unless "today" was clicked, we assume no date was clicked so
 612                 // the selected handler will know not to close the calenar when
 613                 // in single-click mode.
 614                 // cal.dateClicked = (el.navtype == 0);
 615                 cal.dateClicked = false;
 616                 var year = date.getFullYear();
 617                 var mon = date.getMonth();
 618                 function setMonth(m) {
 619                         var day = date.getDate();
 620                         var max = date.getMonthDays(m);
 621                         if (day > max) {
 622                                 date.setDate(max);
 623                         }
 624                         date.setMonth(m);
 625                 };
 626                 switch (el.navtype) {
 627                     case 400:
 628                         Calendar.removeClass(el, "hilite");
 629                         var text = Calendar._TT["ABOUT"];
 630                         if (typeof text != "undefined") {
 631                                 text += cal.showsTime ? Calendar._TT["ABOUT_TIME"] : "";
 632                         } else {
 633                                 // FIXME: this should be removed as soon as lang files get updated!
 634                                 text = "Help and about box text is not translated into this language.\n" +
 635                                         "If you know this language and you feel generous please update\n" +
 636                                         "the corresponding file in \"lang\" subdir to match calendar-en.js\n" +
 637                                         "and send it back to <mihai_bazon@yahoo.com> to get it into the distribution  ;-)\n\n" +
 638                                         "Thank you!\n" +
 639                                         "http://dynarch.com/mishoo/calendar.epl\n";
 640                         }
 641                         alert(text);
 642                         return;
 643                     case -2:
 644                         if (year > cal.minYear) {
 645                                 date.setFullYear(year - 1);
 646                         }
 647                         break;
 648                     case -1:
 649                         if (mon > 0) {
 650                                 setMonth(mon - 1);
 651                         } else if (year-- > cal.minYear) {
 652                                 date.setFullYear(year);
 653                                 setMonth(11);
 654                         }
 655                         break;
 656                     case 1:
 657                         if (mon < 11) {
 658                                 setMonth(mon + 1);
 659                         } else if (year < cal.maxYear) {
 660                                 date.setFullYear(year + 1);
 661                                 setMonth(0);
 662                         }
 663                         break;
 664                     case 2:
 665                         if (year < cal.maxYear) {
 666                                 date.setFullYear(year + 1);
 667                         }
 668                         break;
 669                     case 100:
 670                         cal.setFirstDayOfWeek(el.fdow);
 671                         return;
 672                     case 50:
 673                         var range = el._range;
 674                         var current = el.innerHTML;
 675                         for (var i = range.length; --i >= 0;)
 676                                 if (range[i] == current)
 677                                         break;
 678                         if (ev && ev.shiftKey) {
 679                                 if (--i < 0)
 680                                         i = range.length - 1;
 681                         } else if ( ++i >= range.length )
 682                                 i = 0;
 683                         var newval = range[i];
 684                         el.innerHTML = newval;
 685                         cal.onUpdateTime();
 686                         return;
 687                     case 0:
 688                         // TODAY will bring us here
 689                         if ((typeof cal.getDateStatus == "function") &&
 690                             cal.getDateStatus(date, date.getFullYear(), date.getMonth(), date.getDate())) {
 691                                 return false;
 692                         }
 693                         break;
 694                 }
 695                 if (!date.equalsTo(cal.date)) {
 696                         cal.setDate(date);
 697                         newdate = true;
 698                 } else if (el.navtype == 0)
 699                         newdate = closing = true;
 700         }
 701         if (newdate) {
 702                 ev && cal.callHandler();
 703         }
 704         if (closing) {
 705                 Calendar.removeClass(el, "hilite");
 706                 ev && cal.callCloseHandler();
 707         }
 708 };
 709
 710 // END: CALENDAR STATIC FUNCTIONS
 711
 712 // BEGIN: CALENDAR OBJECT FUNCTIONS
 713
 714 /**
 715  *  This function creates the calendar inside the given parent.  If _par is
 716  *  null than it creates a popup calendar inside the BODY element.  If _par is
 717  *  an element, be it BODY, then it creates a non-popup calendar (still
 718  *  hidden).  Some properties need to be set before calling this function.
 719  */
 720 Calendar.prototype.create = function (_par) {
 721         var parent = null;
 722         if (! _par) {
 723                 // default parent is the document body, in which case we create
 724                 // a popup calendar.
 725                 parent = document.getElementsByTagName("body")[0];
 726                 this.isPopup = true;
 727         } else {
 728                 parent = _par;
 729                 this.isPopup = false;
 730         }
 731         this.date = this.dateStr ? new Date(this.dateStr) : new Date();
 732
 733         var table = Calendar.createElement("table");
 734         this.table = table;
 735         table.cellSpacing = 0;
 736         table.cellPadding = 0;
 737         table.calendar = this;
 738         Calendar.addEvent(table, "mousedown", Calendar.tableMouseDown);
 739
 740         var div = Calendar.createElement("div");
 741         this.element = div;
 742         div.className = "calendar";
 743         if (this.isPopup) {
 744                 div.style.position = "absolute";
 745                 div.style.display = "none";
 746         }
 747         div.appendChild(table);
 748
 749         var thead = Calendar.createElement("thead", table);
 750         var cell = null;
 751         var row = null;
 752
 753         var cal = this;
 754         var hh = function (text, cs, navtype) {
 755                 cell = Calendar.createElement("td", row);
 756                 cell.colSpan = cs;
 757                 cell.className = "button";
 758                 if (navtype != 0 && Math.abs(navtype) <= 2)
 759                         cell.className += " nav";
 760                 Calendar._add_evs(cell);
 761                 cell.calendar = cal;
 762                 cell.navtype = navtype;
 763                 cell.innerHTML = "<div unselectable='on'>" + text + "</div>";
 764                 return cell;
 765         };
 766
 767         row = Calendar.createElement("tr", thead);
 768         var title_length = 6;
 769         (this.isPopup) && --title_length;
 770         (this.weekNumbers) && ++title_length;
 771
 772         hh("?", 1, 400).ttip = Calendar._TT["INFO"];
 773         this.title = hh("", title_length, 300);
 774         this.title.className = "title";
 775         if (this.isPopup) {
 776                 this.title.ttip = Calendar._TT["DRAG_TO_MOVE"];
 777                 this.title.style.cursor = "move";
 778                 hh("&#x00d7;", 1, 200).ttip = Calendar._TT["CLOSE"];
 779         }
 780
 781         row = Calendar.createElement("tr", thead);
 782         row.className = "headrow";
 783
 784         this._nav_py = hh("&#x00ab;", 1, -2);
 785         this._nav_py.ttip = Calendar._TT["PREV_YEAR"];
 786
 787         this._nav_pm = hh("&#x2039;", 1, -1);
 788         this._nav_pm.ttip = Calendar._TT["PREV_MONTH"];
 789
 790         this._nav_now = hh(Calendar._TT["TODAY"], this.weekNumbers ? 4 : 3, 0);
 791         this._nav_now.ttip = Calendar._TT["GO_TODAY"];
 792
 793         this._nav_nm = hh("&#x203a;", 1, 1);
 794         this._nav_nm.ttip = Calendar._TT["NEXT_MONTH"];
 795
 796         this._nav_ny = hh("&#x00bb;", 1, 2);
 797         this._nav_ny.ttip = Calendar._TT["NEXT_YEAR"];
 798
 799         // day names
 800         row = Calendar.createElement("tr", thead);
 801         row.className = "daynames";
 802         if (this.weekNumbers) {
 803                 cell = Calendar.createElement("td", row);
 804                 cell.className = "name wn";
 805                 cell.innerHTML = Calendar._TT["WK"];
 806         }
 807         for (var i = 7; i > 0; --i) {
 808                 cell = Calendar.createElement("td", row);
 809                 if (!i) {
 810                         cell.navtype = 100;
 811                         cell.calendar = this;
 812                         Calendar._add_evs(cell);
 813                 }
 814         }
 815         this.firstdayname = (this.weekNumbers) ? row.firstChild.nextSibling : row.firstChild;
 816         this._displayWeekdays();
 817
 818         var tbody = Calendar.createElement("tbody", table);
 819         this.tbody = tbody;
 820
 821         for (i = 6; i > 0; --i) {
 822                 row = Calendar.createElement("tr", tbody);
 823                 if (this.weekNumbers) {
 824                         cell = Calendar.createElement("td", row);
 825                 }
 826                 for (var j = 7; j > 0; --j) {
 827                         cell = Calendar.createElement("td", row);
 828                         cell.calendar = this;
 829                         Calendar._add_evs(cell);
 830                 }
 831         }
 832
 833         if (this.showsTime) {
 834                 row = Calendar.createElement("tr", tbody);
 835                 row.className = "time";
 836
 837                 cell = Calendar.createElement("td", row);
 838                 cell.className = "time";
 839                 cell.colSpan = 2;
 840                 cell.innerHTML = Calendar._TT["TIME"] || "&nbsp;";
 841
 842                 cell = Calendar.createElement("td", row);
 843                 cell.className = "time";
 844                 cell.colSpan = this.weekNumbers ? 4 : 3;
 845
 846                 (function(){
 847                         function makeTimePart(className, init, range_start, range_end) {
 848                                 var part = Calendar.createElement("span", cell);
 849                                 part.className = className;
 850                                 part.innerHTML = init;
 851                                 part.calendar = cal;
 852                                 part.ttip = Calendar._TT["TIME_PART"];
 853                                 part.navtype = 50;
 854                                 part._range = [];
 855                                 if (typeof range_start != "number")
 856                                         part._range = range_start;
 857                                 else {
 858                                         for (var i = range_start; i <= range_end; ++i) {
 859                                                 var txt;
 860                                                 if (i < 10 && range_end >= 10) txt = '0' + i;
 861                                                 else txt = '' + i;
 862                                                 part._range[part._range.length] = txt;
 863                                         }
 864                                 }
 865                                 Calendar._add_evs(part);
 866                                 return part;
 867                         };
 868                         var hrs = cal.date.getHours();
 869                         var mins = cal.date.getMinutes();
 870                         var t12 = !cal.time24;
 871                         var pm = (hrs > 12);
 872                         if (t12 && pm) hrs -= 12;
 873                         var H = makeTimePart("hour", hrs, t12 ? 1 : 0, t12 ? 12 : 23);
 874                         var span = Calendar.createElement("span", cell);
 875                         span.innerHTML = ":";
 876                         span.className = "colon";
 877                         var M = makeTimePart("minute", mins, 0, 59);
 878                         var AP = null;
 879                         cell = Calendar.createElement("td", row);
 880                         cell.className = "time";
 881                         cell.colSpan = 2;
 882                         if (t12)
 883                                 AP = makeTimePart("ampm", pm ? "pm" : "am", ["am", "pm"]);
 884                         else
 885                                 cell.innerHTML = "&nbsp;";
 886
 887                         cal.onSetTime = function() {
 888                                 var pm, hrs = this.date.getHours(),
 889                                         mins = this.date.getMinutes();
 890                                 if (t12) {
 891                                         pm = (hrs >= 12);
 892                                         if (pm) hrs -= 12;
 893                                         if (hrs == 0) hrs = 12;
 894                                         AP.innerHTML = pm ? "pm" : "am";
 895                                 }
 896                                 H.innerHTML = (hrs < 10) ? ("0" + hrs) : hrs;
 897                                 M.innerHTML = (mins < 10) ? ("0" + mins) : mins;
 898                         };
 899
 900                         cal.onUpdateTime = function() {
 901                                 var date = this.date;
 902                                 var h = parseInt(H.innerHTML, 10);
 903                                 if (t12) {
 904                                         if (/pm/i.test(AP.innerHTML) && h < 12)
 905                                                 h += 12;
 906                                         else if (/am/i.test(AP.innerHTML) && h == 12)
 907                                                 h = 0;
 908                                 }
 909                                 var d = date.getDate();
 910                                 var m = date.getMonth();
 911                                 var y = date.getFullYear();
 912                                 date.setHours(h);
 913                                 date.setMinutes(parseInt(M.innerHTML, 10));
 914                                 date.setFullYear(y);
 915                                 date.setMonth(m);
 916                                 date.setDate(d);
 917                                 this.dateClicked = false;
 918                                 this.callHandler();
 919                         };
 920                 })();
 921         } else {
 922                 this.onSetTime = this.onUpdateTime = function() {};
 923         }
 924
 925         var tfoot = Calendar.createElement("tfoot", table);
 926
 927         row = Calendar.createElement("tr", tfoot);
 928         row.className = "footrow";
 929
 930         cell = hh(Calendar._TT["SEL_DATE"], this.weekNumbers ? 8 : 7, 300);
 931         cell.className = "ttip";
 932         if (this.isPopup) {
 933                 cell.ttip = Calendar._TT["DRAG_TO_MOVE"];
 934                 cell.style.cursor = "move";
 935         }
 936         this.tooltips = cell;
 937
 938         div = Calendar.createElement("div", this.element);
 939         this.monthsCombo = div;
 940         div.className = "combo";
 941         for (i = 0; i < Calendar._MN.length; ++i) {
 942                 var mn = Calendar.createElement("div");
 943                 mn.className = Calendar.is_ie ? "label-IEfix" : "label";
 944                 mn.month = i;
 945                 mn.innerHTML = Calendar._SMN[i];
 946                 div.appendChild(mn);
 947         }
 948
 949         div = Calendar.createElement("div", this.element);
 950         this.yearsCombo = div;
 951         div.className = "combo";
 952         for (i = 12; i > 0; --i) {
 953                 var yr = Calendar.createElement("div");
 954                 yr.className = Calendar.is_ie ? "label-IEfix" : "label";
 955                 div.appendChild(yr);
 956         }
 957
 958         this._init(this.firstDayOfWeek, this.date);
 959         parent.appendChild(this.element);
 960 };
 961
 962 /** keyboard navigation, only for popup calendars */
 963 Calendar._keyEvent = function(ev) {
 964         var cal = window._dynarch_popupCalendar;
 965         if (!cal || cal.multiple)
 966                 return false;
 967         (Calendar.is_ie) && (ev = window.event);
 968         var act = (Calendar.is_ie || ev.type == "keypress"),
 969                 K = ev.keyCode;
 970         if (ev.ctrlKey) {
 971                 switch (K) {
 972                     case 37: // KEY left
 973                         act && Calendar.cellClick(cal._nav_pm);
 974                         break;
 975                     case 38: // KEY up
 976                         act && Calendar.cellClick(cal._nav_py);
 977                         break;
 978                     case 39: // KEY right
 979                         act && Calendar.cellClick(cal._nav_nm);
 980                         break;
 981                     case 40: // KEY down
 982                         act && Calendar.cellClick(cal._nav_ny);
 983                         break;
 984                     default:
 985                         return false;
 986                 }
 987         } else switch (K) {
 988             case 32: // KEY space (now)
 989                 Calendar.cellClick(cal._nav_now);
 990                 break;
 991             case 27: // KEY esc
 992                 act && cal.callCloseHandler();
 993                 break;
 994             case 37: // KEY left
 995             case 38: // KEY up
 996             case 39: // KEY right
 997             case 40: // KEY down
 998                 if (act) {
 999                         var prev, x, y, ne, el, step;
1000                         prev = K == 37 || K == 38;
1001                         step = (K == 37 || K == 39) ? 1 : 7;
1002                         function setVars() {
1003                                 el = cal.currentDateEl;
1004                                 var p = el.pos;
1005                                 x = p & 15;
1006                                 y = p >> 4;
1007                                 ne = cal.ar_days[y][x];
1008                         };setVars();
1009                         function prevMonth() {
1010                                 var date = new Date(cal.date);
1011                                 date.setDate(date.getDate() - step);
1012                                 cal.setDate(date);
1013                         };
1014                         function nextMonth() {
1015                                 var date = new Date(cal.date);
1016                                 date.setDate(date.getDate() + step);
1017                                 cal.setDate(date);
1018                         };
1019                         while (1) {
1020                                 switch (K) {
1021                                     case 37: // KEY left
1022                                         if (--x >= 0)
1023                                                 ne = cal.ar_days[y][x];
1024                                         else {
1025                                                 x = 6;
1026                                                 K = 38;
1027                                                 continue;
1028                                         }
1029                                         break;
1030                                     case 38: // KEY up
1031                                         if (--y >= 0)
1032                                                 ne = cal.ar_days[y][x];
1033                                         else {
1034                                                 prevMonth();
1035                                                 setVars();
1036                                         }
1037                                         break;
1038                                     case 39: // KEY right
1039                                         if (++x < 7)
1040                                                 ne = cal.ar_days[y][x];
1041                                         else {
1042                                                 x = 0;
1043                                                 K = 40;
1044                                                 continue;
1045                                         }
1046                                         break;
1047                                     case 40: // KEY down
1048                                         if (++y < cal.ar_days.length)
1049                                                 ne = cal.ar_days[y][x];
1050                                         else {
1051                                                 nextMonth();
1052                                                 setVars();
1053                                         }
1054                                         break;
1055                                 }
1056                                 break;
1057                         }
1058                         if (ne) {
1059                                 if (!ne.disabled)
1060                                         Calendar.cellClick(ne);
1061                                 else if (prev)
1062                                         prevMonth();
1063                                 else
1064                                         nextMonth();
1065                         }
1066                 }
1067                 break;
1068             case 13: // KEY enter
1069                 if (act)
1070                         Calendar.cellClick(cal.currentDateEl, ev);
1071                 break;
1072             default:
1073                 return false;
1074         }
1075         return Calendar.stopEvent(ev);
1076 };
1077
1078 /**
1079  *  (RE)Initializes the calendar to the given date and firstDayOfWeek
1080  */
1081 Calendar.prototype._init = function (firstDayOfWeek, date) {
1082         var today = new Date(),
1083                 TY = today.getFullYear(),
1084                 TM = today.getMonth(),
1085                 TD = today.getDate();
1086         this.table.style.visibility = "hidden";
1087         var year = date.getFullYear();
1088         if (year < this.minYear) {
1089                 year = this.minYear;
1090                 date.setFullYear(year);
1091         } else if (year > this.maxYear) {
1092                 year = this.maxYear;
1093                 date.setFullYear(year);
1094         }
1095         this.firstDayOfWeek = firstDayOfWeek;
1096         this.date = new Date(date);
1097         var month = date.getMonth();
1098         var mday = date.getDate();
1099         var no_days = date.getMonthDays();
1100
1101         // calendar voodoo for computing the first day that would actually be
1102         // displayed in the calendar, even if it's from the previous month.
1103         // WARNING: this is magic. ;-)
1104         date.setDate(1);
1105         var day1 = (date.getDay() - this.firstDayOfWeek) % 7;
1106         if (day1 < 0)
1107                 day1 += 7;
1108         date.setDate(-day1);
1109         date.setDate(date.getDate() + 1);
1110
1111         var row = this.tbody.firstChild;
1112         var MN = Calendar._SMN[month];
1113         var ar_days = this.ar_days = new Array();
1114         var weekend = Calendar._TT["WEEKEND"];
1115         var dates = this.multiple ? (this.datesCells = {}) : null;
1116         for (var i = 0; i < 6; ++i, row = row.nextSibling) {
1117                 var cell = row.firstChild;
1118                 if (this.weekNumbers) {
1119                         cell.className = "day wn";
1120                         cell.innerHTML = date.getWeekNumber();
1121                         cell = cell.nextSibling;
1122                 }
1123                 row.className = "daysrow";
1124                 var hasdays = false, iday, dpos = ar_days[i] = [];
1125                 for (var j = 0; j < 7; ++j, cell = cell.nextSibling, date.setDate(iday + 1)) {
1126                         iday = date.getDate();
1127                         var wday = date.getDay();
1128                         cell.className = "day";
1129                         cell.pos = i << 4 | j;
1130                         dpos[j] = cell;
1131                         var current_month = (date.getMonth() == month);
1132                         if (!current_month) {
1133                                 if (this.showsOtherMonths) {
1134                                         cell.className += " othermonth";
1135                                         cell.otherMonth = true;
1136                                 } else {
1137                                         cell.className = "emptycell";
1138                                         cell.innerHTML = "&nbsp;";
1139                                         cell.disabled = true;
1140                                         continue;
1141                                 }
1142                         } else {
1143                                 cell.otherMonth = false;
1144                                 hasdays = true;
1145                         }
1146                         cell.disabled = false;
1147                         cell.innerHTML = this.getDateText ? this.getDateText(date, iday) : iday;
1148                         if (dates)
1149                                 dates[date.print("%Y%m%d")] = cell;
1150                         if (this.getDateStatus) {
1151                                 var status = this.getDateStatus(date, year, month, iday);
1152                                 if (this.getDateToolTip) {
1153                                         var toolTip = this.getDateToolTip(date, year, month, iday);
1154                                         if (toolTip)
1155                                                 cell.title = toolTip;
1156                                 }
1157                                 if (status === true) {
1158                                         cell.className += " disabled";
1159                                         cell.disabled = true;
1160                                 } else {
1161                                         if (/disabled/i.test(status))
1162                                                 cell.disabled = true;
1163                                         cell.className += " " + status;
1164                                 }
1165                         }
1166                         if (!cell.disabled) {
1167                                 cell.caldate = new Date(date);
1168                                 cell.ttip = "_";
1169                                 if (!this.multiple && current_month
1170                                     && iday == mday && this.hiliteToday) {
1171                                         cell.className += " selected";
1172                                         this.currentDateEl = cell;
1173                                 }
1174                                 if (date.getFullYear() == TY &&
1175                                     date.getMonth() == TM &&
1176                                     iday == TD) {
1177                                         cell.className += " today";
1178                                         cell.ttip += Calendar._TT["PART_TODAY"];
1179                                 }
1180                                 if (weekend.indexOf(wday.toString()) != -1)
1181                                         cell.className += cell.otherMonth ? " oweekend" : " weekend";
1182                         }
1183                 }
1184                 if (!(hasdays || this.showsOtherMonths))
1185                         row.className = "emptyrow";
1186         }
1187         this.title.innerHTML = Calendar._MN[month] + ", " + year;
1188         this.onSetTime();
1189         this.table.style.visibility = "visible";
1190         this._initMultipleDates();
1191         // PROFILE
1192         // this.tooltips.innerHTML = "Generated in " + ((new Date()) - today) + " ms";
1193 };
1194
1195 Calendar.prototype._initMultipleDates = function() {
1196         if (this.multiple) {
1197                 for (var i in this.multiple) {
1198                         var cell = this.datesCells[i];
1199                         var d = this.multiple[i];
1200                         if (!d)
1201                                 continue;
1202                         if (cell)
1203                                 cell.className += " selected";
1204                 }
1205         }
1206 };
1207
1208 Calendar.prototype._toggleMultipleDate = function(date) {
1209         if (this.multiple) {
1210                 var ds = date.print("%Y%m%d");
1211                 var cell = this.datesCells[ds];
1212                 if (cell) {
1213                         var d = this.multiple[ds];
1214                         if (!d) {
1215                                 Calendar.addClass(cell, "selected");
1216                                 this.multiple[ds] = date;
1217                         } else {
1218                                 Calendar.removeClass(cell, "selected");
1219                                 delete this.multiple[ds];
1220                         }
1221                 }
1222         }
1223 };
1224
1225 Calendar.prototype.setDateToolTipHandler = function (unaryFunction) {
1226         this.getDateToolTip = unaryFunction;
1227 };
1228
1229 /**
1230  *  Calls _init function above for going to a certain date (but only if the
1231  *  date is different than the currently selected one).
1232  */
1233 Calendar.prototype.setDate = function (date) {
1234         if (!date.equalsTo(this.date)) {
1235                 this._init(this.firstDayOfWeek, date);
1236         }
1237 };
1238
1239 /**
1240  *  Refreshes the calendar.  Useful if the "disabledHandler" function is
1241  *  dynamic, meaning that the list of disabled date can change at runtime.
1242  *  Just * call this function if you think that the list of disabled dates
1243  *  should * change.
1244  */
1245 Calendar.prototype.refresh = function () {
1246         this._init(this.firstDayOfWeek, this.date);
1247 };
1248
1249 /** Modifies the "firstDayOfWeek" parameter (pass 0 for Synday, 1 for Monday, etc.). */
1250 Calendar.prototype.setFirstDayOfWeek = function (firstDayOfWeek) {
1251         this._init(firstDayOfWeek, this.date);
1252         this._displayWeekdays();
1253 };
1254
1255 /**
1256  *  Allows customization of what dates are enabled.  The "unaryFunction"
1257  *  parameter must be a function object that receives the date (as a JS Date
1258  *  object) and returns a boolean value.  If the returned value is true then
1259  *  the passed date will be marked as disabled.
1260  */
1261 Calendar.prototype.setDateStatusHandler = Calendar.prototype.setDisabledHandler = function (unaryFunction) {
1262         this.getDateStatus = unaryFunction;
1263 };
1264
1265 /** Customization of allowed year range for the calendar. */
1266 Calendar.prototype.setRange = function (a, z) {
1267         this.minYear = a;
1268         this.maxYear = z;
1269 };
1270
1271 /** Calls the first user handler (selectedHandler). */
1272 Calendar.prototype.callHandler = function () {
1273         if (this.onSelected) {
1274                 this.onSelected(this, this.date.print(this.dateFormat));
1275         }
1276 };
1277
1278 /** Calls the second user handler (closeHandler). */
1279 Calendar.prototype.callCloseHandler = function () {
1280         if (this.onClose) {
1281                 this.onClose(this);
1282         }
1283         this.hideShowCovered();
1284 };
1285
1286 /** Removes the calendar object from the DOM tree and destroys it. */
1287 Calendar.prototype.destroy = function () {
1288         var el = this.element.parentNode;
1289         el.removeChild(this.element);
1290         Calendar._C = null;
1291         window._dynarch_popupCalendar = null;
1292 };
1293
1294 /**
1295  *  Moves the calendar element to a different section in the DOM tree (changes
1296  *  its parent).
1297  */
1298 Calendar.prototype.reparent = function (new_parent) {
1299         var el = this.element;
1300         el.parentNode.removeChild(el);
1301         new_parent.appendChild(el);
1302 };
1303
1304 // This gets called when the user presses a mouse button anywhere in the
1305 // document, if the calendar is shown.  If the click was outside the open
1306 // calendar this function closes it.
1307 Calendar._checkCalendar = function(ev) {
1308         var calendar = window._dynarch_popupCalendar;
1309         if (!calendar) {
1310                 return false;
1311         }
1312         var el = Calendar.is_ie ? Calendar.getElement(ev) : Calendar.getTargetElement(ev);
1313         for (; el != null && el != calendar.element; el = el.parentNode);
1314         if (el == null) {
1315                 // calls closeHandler which should hide the calendar.
1316                 window._dynarch_popupCalendar.callCloseHandler();
1317                 return Calendar.stopEvent(ev);
1318         }
1319 };
1320
1321 /** Shows the calendar. */
1322 Calendar.prototype.show = function () {
1323         var rows = this.table.getElementsByTagName("tr");
1324         for (var i = rows.length; i > 0;) {
1325                 var row = rows[--i];
1326                 Calendar.removeClass(row, "rowhilite");
1327                 var cells = row.getElementsByTagName("td");
1328                 for (var j = cells.length; j > 0;) {
1329                         var cell = cells[--j];
1330                         Calendar.removeClass(cell, "hilite");
1331                         Calendar.removeClass(cell, "active");
1332                 }
1333         }
1334         this.element.style.display = "block";
1335         this.hidden = false;
1336         if (this.isPopup) {
1337                 window._dynarch_popupCalendar = this;
1338                 Calendar.addEvent(document, "keydown", Calendar._keyEvent);
1339                 Calendar.addEvent(document, "keypress", Calendar._keyEvent);
1340                 Calendar.addEvent(document, "mousedown", Calendar._checkCalendar);
1341         }
1342         this.hideShowCovered();
1343 };
1344
1345 /**
1346  *  Hides the calendar.  Also removes any "hilite" from the class of any TD
1347  *  element.
1348  */
1349 Calendar.prototype.hide = function () {
1350         if (this.isPopup) {
1351                 Calendar.removeEvent(document, "keydown", Calendar._keyEvent);
1352                 Calendar.removeEvent(document, "keypress", Calendar._keyEvent);
1353                 Calendar.removeEvent(document, "mousedown", Calendar._checkCalendar);
1354         }
1355         this.element.style.display = "none";
1356         this.hidden = true;
1357         this.hideShowCovered();
1358 };
1359
1360 /**
1361  *  Shows the calendar at a given absolute position (beware that, depending on
1362  *  the calendar element style -- position property -- this might be relative
1363  *  to the parent's containing rectangle).
1364  */
1365 Calendar.prototype.showAt = function (x, y) {
1366         var s = this.element.style;
1367         s.left = x + "px";
1368         s.top = y + "px";
1369         this.show();
1370 };
1371
1372 /** Shows the calendar near a given element. */
1373 Calendar.prototype.showAtElement = function (el, opts) {
1374         var self = this;
1375         var p = Calendar.getAbsolutePos(el);
1376         if (!opts || typeof opts != "string") {
1377                 this.showAt(p.x, p.y + el.offsetHeight);
1378                 return true;
1379         }
1380         function fixPosition(box) {
1381                 if (box.x < 0)
1382                         box.x = 0;
1383                 if (box.y < 0)
1384                         box.y = 0;
1385                 var cp = document.createElement("div");
1386                 var s = cp.style;
1387                 s.position = "absolute";
1388                 s.right = s.bottom = s.width = s.height = "0px";
1389                 document.body.appendChild(cp);
1390                 var br = Calendar.getAbsolutePos(cp);
1391                 document.body.removeChild(cp);
1392                 if (Calendar.is_ie) {
1393                         br.y += document.body.scrollTop;
1394                         br.x += document.body.scrollLeft;
1395                 } else {
1396                         br.y += window.scrollY;
1397                         br.x += window.scrollX;
1398                 }
1399                 var tmp = box.x + box.width - br.x;
1400                 if (tmp > 0) box.x -= tmp;
1401                 tmp = box.y + box.height - br.y;
1402                 if (tmp > 0) box.y -= tmp;
1403         };
1404         this.element.style.display = "block";
1405         Calendar.continuation_for_the_fucking_khtml_browser = function() {
1406                 var w = self.element.offsetWidth;
1407                 var h = self.element.offsetHeight;
1408                 self.element.style.display = "none";
1409                 var valign = opts.substr(0, 1);
1410                 var halign = "l";
1411                 if (opts.length > 1) {
1412                         halign = opts.substr(1, 1);
1413                 }
1414                 // vertical alignment
1415                 switch (valign) {
1416                     case "T": p.y -= h; break;
1417                     case "B": p.y += el.offsetHeight; break;
1418                     case "C": p.y += (el.offsetHeight - h) / 2; break;
1419                     case "t": p.y += el.offsetHeight - h; break;
1420                     case "b": break; // already there
1421                 }
1422                 // horizontal alignment
1423                 switch (halign) {
1424                     case "L": p.x -= w; break;
1425                     case "R": p.x += el.offsetWidth; break;
1426                     case "C": p.x += (el.offsetWidth - w) / 2; break;
1427                     case "l": p.x += el.offsetWidth - w; break;
1428                     case "r": break; // already there
1429                 }
1430                 p.width = w;
1431                 p.height = h + 40;
1432                 self.monthsCombo.style.display = "none";
1433                 fixPosition(p);
1434                 self.showAt(p.x, p.y);
1435         };
1436         if (Calendar.is_khtml)
1437                 setTimeout("Calendar.continuation_for_the_fucking_khtml_browser()", 10);
1438         else
1439                 Calendar.continuation_for_the_fucking_khtml_browser();
1440 };
1441
1442 /** Customizes the date format. */
1443 Calendar.prototype.setDateFormat = function (str) {
1444         this.dateFormat = str;
1445 };
1446
1447 /** Customizes the tooltip date format. */
1448 Calendar.prototype.setTtDateFormat = function (str) {
1449         this.ttDateFormat = str;
1450 };
1451
1452 /**
1453  *  Tries to identify the date represented in a string.  If successful it also
1454  *  calls this.setDate which moves the calendar to the given date.
1455  */
1456 Calendar.prototype.parseDate = function(str, fmt) {
1457         if (!fmt)
1458                 fmt = this.dateFormat;
1459         this.setDate(Date.parseDate(str, fmt));
1460 };
1461
1462 Calendar.prototype.hideShowCovered = function () {
1463         if (!Calendar.is_ie && !Calendar.is_opera)
1464                 return;
1465         function getVisib(obj){
1466                 var value = obj.style.visibility;
1467                 if (!value) {
1468                         if (document.defaultView && typeof (document.defaultView.getComputedStyle) == "function") { // Gecko, W3C
1469                                 if (!Calendar.is_khtml)
1470                                         value = document.defaultView.
1471                                                 getComputedStyle(obj, "").getPropertyValue("visibility");
1472                                 else
1473                                         value = '';
1474                         } else if (obj.currentStyle) { // IE
1475                                 value = obj.currentStyle.visibility;
1476                         } else
1477                                 value = '';
1478                 }
1479                 return value;
1480         };
1481
1482         var tags = new Array("applet", "iframe", "select");
1483         var el = this.element;
1484
1485         var p = Calendar.getAbsolutePos(el);
1486         var EX1 = p.x;
1487         var EX2 = el.offsetWidth + EX1;
1488         var EY1 = p.y;
1489         var EY2 = el.offsetHeight + EY1;
1490
1491         for (var k = tags.length; k > 0; ) {
1492                 var ar = document.getElementsByTagName(tags[--k]);
1493                 var cc = null;
1494
1495                 for (var i = ar.length; i > 0;) {
1496                         cc = ar[--i];
1497
1498                         p = Calendar.getAbsolutePos(cc);
1499                         var CX1 = p.x;
1500                         var CX2 = cc.offsetWidth + CX1;
1501                         var CY1 = p.y;
1502                         var CY2 = cc.offsetHeight + CY1;
1503
1504                         if (this.hidden || (CX1 > EX2) || (CX2 < EX1) || (CY1 > EY2) || (CY2 < EY1)) {
1505                                 if (!cc.__msh_save_visibility) {
1506                                         cc.__msh_save_visibility = getVisib(cc);
1507                                 }
1508                                 cc.style.visibility = cc.__msh_save_visibility;
1509                         } else {
1510                                 if (!cc.__msh_save_visibility) {
1511                                         cc.__msh_save_visibility = getVisib(cc);
1512                                 }
1513                                 cc.style.visibility = "hidden";
1514                         }
1515                 }
1516         }
1517 };
1518
1519 /** Internal function; it displays the bar with the names of the weekday. */
1520 Calendar.prototype._displayWeekdays = function () {
1521         var fdow = this.firstDayOfWeek;
1522         var cell = this.firstdayname;
1523         var weekend = Calendar._TT["WEEKEND"];
1524         for (var i = 0; i < 7; ++i) {
1525                 cell.className = "day name";
1526                 var realday = (i + fdow) % 7;
1527                 if (i) {
1528                         cell.ttip = Calendar._TT["DAY_FIRST"].replace("%s", Calendar._DN[realday]);
1529                         cell.navtype = 100;
1530                         cell.calendar = this;
1531                         cell.fdow = realday;
1532                         Calendar._add_evs(cell);
1533                 }
1534                 if (weekend.indexOf(realday.toString()) != -1) {
1535                         Calendar.addClass(cell, "weekend");
1536                 }
1537                 cell.innerHTML = Calendar._SDN[(i + fdow) % 7];
1538                 cell = cell.nextSibling;
1539         }
1540 };
1541
1542 /** Internal function.  Hides all combo boxes that might be displayed. */
1543 Calendar.prototype._hideCombos = function () {
1544         this.monthsCombo.style.display = "none";
1545         this.yearsCombo.style.display = "none";
1546 };
1547
1548 /** Internal function.  Starts dragging the element. */
1549 Calendar.prototype._dragStart = function (ev) {
1550         if (this.dragging) {
1551                 return;
1552         }
1553         this.dragging = true;
1554         var posX;
1555         var posY;
1556         if (Calendar.is_ie) {
1557                 posY = window.event.clientY + document.body.scrollTop;
1558                 posX = window.event.clientX + document.body.scrollLeft;
1559         } else {
1560                 posY = ev.clientY + window.scrollY;
1561                 posX = ev.clientX + window.scrollX;
1562         }
1563         var st = this.element.style;
1564         this.xOffs = posX - parseInt(st.left);
1565         this.yOffs = posY - parseInt(st.top);
1566         with (Calendar) {
1567                 addEvent(document, "mousemove", calDragIt);
1568                 addEvent(document, "mouseup", calDragEnd);
1569         }
1570 };
1571
1572 // BEGIN: DATE OBJECT PATCHES
1573
1574 /** Adds the number of days array to the Date object. */
1575 Date._MD = new Array(31,28,31,30,31,30,31,31,30,31,30,31);
1576
1577 /** Constants used for time computations */
1578 Date.SECOND = 1000 /* milliseconds */;
1579 Date.MINUTE = 60 * Date.SECOND;
1580 Date.HOUR   = 60 * Date.MINUTE;
1581 Date.DAY    = 24 * Date.HOUR;
1582 Date.WEEK   =  7 * Date.DAY;
1583
1584 Date.parseDate = function(str, fmt) {
1585         var today = new Date();
1586         var y = 0;
1587         var m = -1;
1588         var d = 0;
1589         var a = str.split(/\W+/);
1590         var b = fmt.match(/%./g);
1591         var i = 0, j = 0;
1592         var hr = 0;
1593         var min = 0;
1594         for (i = 0; i < a.length; ++i) {
1595                 if (!a[i])
1596                         continue;
1597                 switch (b[i]) {
1598                     case "%d":
1599                     case "%e":
1600                         d = parseInt(a[i], 10);
1601                         break;
1602
1603                     case "%m":
1604                         m = parseInt(a[i], 10) - 1;
1605                         break;
1606
1607                     case "%Y":
1608                     case "%y":
1609                         y = parseInt(a[i], 10);
1610                         (y < 100) && (y += (y > 29) ? 1900 : 2000);
1611                         break;
1612
1613                     case "%b":
1614                     case "%B":
1615                         for (j = 0; j < 12; ++j) {
1616                                 if (Calendar._MN[j].substr(0, a[i].length).toLowerCase() == a[i].toLowerCase()) { m = j; break; }
1617                         }
1618                         break;
1619
1620                     case "%H":
1621                     case "%I":
1622                     case "%k":
1623                     case "%l":
1624                         hr = parseInt(a[i], 10);
1625                         break;
1626
1627                     case "%P":
1628                     case "%p":
1629                         if (/pm/i.test(a[i]) && hr < 12)
1630                                 hr += 12;
1631                         else if (/am/i.test(a[i]) && hr >= 12)
1632                                 hr -= 12;
1633                         break;
1634
1635                     case "%M":
1636                         min = parseInt(a[i], 10);
1637                         break;
1638
1639                     case "%r":
1640                         hr = parseInt(a[i], 10);
1641                         min = parseInt(a[++i], 10);
1642                         var sec = parseInt(a[++i], 10);
1643                         if (/pm/i.test(a[++i]) && hr < 12)
1644                                 hr += 12;
1645                         else if (/am/i.test(a[i]) && hr >= 12)
1646                                 hr -= 12;
1647                         break;
1648
1649                 }
1650         }
1651         if (isNaN(y)) y = today.getFullYear();
1652         if (isNaN(m)) m = today.getMonth();
1653         if (isNaN(d)) d = today.getDate();
1654         if (isNaN(hr)) hr = today.getHours();
1655         if (isNaN(min)) min = today.getMinutes();
1656         if (y != 0 && m != -1 && d != 0)
1657                 return new Date(y, m, d, hr, min, 0);
1658         y = 0; m = -1; d = 0;
1659         for (i = 0; i < a.length; ++i) {
1660                 if (a[i].search(/[a-zA-Z]+/) != -1) {
1661                         var t = -1;
1662                         for (j = 0; j < 12; ++j) {
1663                                 if (Calendar._MN[j].substr(0, a[i].length).toLowerCase() == a[i].toLowerCase()) { t = j; break; }
1664                         }
1665                         if (t != -1) {
1666                                 if (m != -1) {
1667                                         d = m+1;
1668                                 }
1669                                 m = t;
1670                         }
1671                 } else if (parseInt(a[i], 10) <= 12 && m == -1) {
1672                         m = a[i]-1;
1673                 } else if (parseInt(a[i], 10) > 31 && y == 0) {
1674                         y = parseInt(a[i], 10);
1675                         (y < 100) && (y += (y > 29) ? 1900 : 2000);
1676                 } else if (d == 0) {
1677                         d = a[i];
1678                 }
1679         }
1680         if (y == 0)
1681                 y = today.getFullYear();
1682         if (m != -1 && d != 0)
1683                 return new Date(y, m, d, hr, min, 0);
1684         return today;
1685 };
1686
1687 /** Returns the number of days in the current month */
1688 Date.prototype.getMonthDays = function(month) {
1689         var year = this.getFullYear();
1690         if (typeof month == "undefined") {
1691                 month = this.getMonth();
1692         }
1693         if (((0 == (year%4)) && ( (0 != (year%100)) || (0 == (year%400)))) && month == 1) {
1694                 return 29;
1695         } else {
1696                 return Date._MD[month];
1697         }
1698 };
1699
1700 /** Returns the number of day in the year. */
1701 Date.prototype.getDayOfYear = function() {
1702         var now = new Date(this.getFullYear(), this.getMonth(), this.getDate(), 0, 0, 0);
1703         var then = new Date(this.getFullYear(), 0, 0, 0, 0, 0);
1704         var time = now - then;
1705         return Math.floor(time / Date.DAY);
1706 };
1707
1708 /** Returns the number of the week in year, as defined in ISO 8601. */
1709 Date.prototype.getWeekNumber = function() {
1710         var d = new Date(this.getFullYear(), this.getMonth(), this.getDate(), 0, 0, 0);
1711         var DoW = d.getDay();
1712         d.setDate(d.getDate() - (DoW + 6) % 7 + 3); // Nearest Thu
1713         var ms = d.valueOf(); // GMT
1714         d.setMonth(0);
1715         d.setDate(4); // Thu in Week 1
1716         return Math.round((ms - d.valueOf()) / (7 * 864e5)) + 1;
1717 };
1718
1719 /** Checks date and time equality */
1720 Date.prototype.equalsTo = function(date) {
1721         return ((this.getFullYear() == date.getFullYear()) &&
1722                 (this.getMonth() == date.getMonth()) &&
1723                 (this.getDate() == date.getDate()) &&
1724                 (this.getHours() == date.getHours()) &&
1725                 (this.getMinutes() == date.getMinutes()));
1726 };
1727
1728 /** Set only the year, month, date parts (keep existing time) */
1729 Date.prototype.setDateOnly = function(date) {
1730         var tmp = new Date(date);
1731         this.setDate(1);
1732         this.setFullYear(tmp.getFullYear());
1733         this.setMonth(tmp.getMonth());
1734         this.setDate(tmp.getDate());
1735 };
1736
1737 /** Prints the date in a string according to the given format. */
1738 Date.prototype.print = function (str) {
1739         var m = this.getMonth();
1740         var d = this.getDate();
1741         var y = this.getFullYear();
1742         var wn = this.getWeekNumber();
1743         var w = this.getDay();
1744         var s = {};
1745         var hr = this.getHours();
1746         var pm = (hr >= 12);
1747         var ir = (pm) ? (hr - 12) : hr;
1748         var dy = this.getDayOfYear();
1749         if (ir == 0)
1750                 ir = 12;
1751         var min = this.getMinutes();
1752         var sec = this.getSeconds();
1753         s["%a"] = Calendar._SDN[w]; // abbreviated weekday name [FIXME: I18N]
1754         s["%A"] = Calendar._DN[w]; // full weekday name
1755         s["%b"] = Calendar._SMN[m]; // abbreviated month name [FIXME: I18N]
1756         s["%B"] = Calendar._MN[m]; // full month name
1757         // FIXME: %c : preferred date and time representation for the current locale
1758         s["%C"] = 1 + Math.floor(y / 100); // the century number
1759         s["%d"] = (d < 10) ? ("0" + d) : d; // the day of the month (range 01 to 31)
1760         s["%e"] = d; // the day of the month (range 1 to 31)
1761         // FIXME: %D : american date style: %m/%d/%y
1762         // FIXME: %E, %F, %G, %g, %h (man strftime)
1763         s["%H"] = (hr < 10) ? ("0" + hr) : hr; // hour, range 00 to 23 (24h format)
1764         s["%I"] = (ir < 10) ? ("0" + ir) : ir; // hour, range 01 to 12 (12h format)
1765         s["%j"] = (dy < 100) ? ((dy < 10) ? ("00" + dy) : ("0" + dy)) : dy; // day of the year (range 001 to 366)
1766         s["%k"] = hr;           // hour, range 0 to 23 (24h format)
1767         s["%l"] = ir;           // hour, range 1 to 12 (12h format)
1768         s["%m"] = (m < 9) ? ("0" + (1+m)) : (1+m); // month, range 01 to 12
1769         s["%M"] = (min < 10) ? ("0" + min) : min; // minute, range 00 to 59
1770         s["%n"] = "\n";         // a newline character
1771         s["%p"] = pm ? "PM" : "AM";
1772         s["%P"] = pm ? "pm" : "am";
1773
1774         // %r : the time in am/pm notation %I:%M:%S %p
1775         s["%r"] = ( (ir  < 10) ? ("0" + ir ) : ir  ) + ':'
1776                 + ( (min < 10) ? ("0" + min) : min ) + ':'
1777                 + ( (sec < 10) ? ("0" + sec) : sec ) + ' '
1778                 + (pm ? "PM" : "AM" );
1779
1780         // FIXME: %R : the time in 24-hour notation %H:%M
1781         s["%s"] = Math.floor(this.getTime() / 1000);
1782         s["%S"] = (sec < 10) ? ("0" + sec) : sec; // seconds, range 00 to 59
1783         s["%t"] = "\t";         // a tab character
1784         // FIXME: %T : the time in 24-hour notation (%H:%M:%S)
1785         s["%U"] = s["%W"] = s["%V"] = (wn < 10) ? ("0" + wn) : wn;
1786         s["%u"] = w + 1;        // the day of the week (range 1 to 7, 1 = MON)
1787         s["%w"] = w;            // the day of the week (range 0 to 6, 0 = SUN)
1788         // FIXME: %x : preferred date representation for the current locale without the time
1789         // FIXME: %X : preferred time representation for the current locale without the date
1790         s["%y"] = ('' + y).substr(2, 2); // year without the century (range 00 to 99)
1791         s["%Y"] = y;            // year with the century
1792         s["%%"] = "%";          // a literal '%' character
1793
1794         var re = /%./g;
1795         if (!Calendar.is_ie5 && !Calendar.is_khtml)
1796                 return str.replace(re, function (par) { return s[par] || par; });
1797
1798         var a = str.match(re);
1799         for (var i = 0; i < a.length; i++) {
1800                 var tmp = s[a[i]];
1801                 if (tmp) {
1802                         re = new RegExp(a[i], 'g');
1803                         str = str.replace(re, tmp);
1804                 }
1805         }
1806
1807         return str;
1808 };
1809
1810 if ( !Date.prototype.__msh_oldSetFullYear ) {
1811 Date.prototype.__msh_oldSetFullYear = Date.prototype.setFullYear;
1812 Date.prototype.setFullYear = function(y) {
1813         var d = new Date(this);
1814         d.__msh_oldSetFullYear(y);
1815         if (d.getMonth() != this.getMonth())
1816                 this.setDate(28);
1817         this.__msh_oldSetFullYear(y);
1818 };
1819 }
1820
1821 // END: DATE OBJECT PATCHES
1822
1823
1824 // global object that remembers the calendar
1825 window._dynarch_popupCalendar = null;