开通博客赚积分
发布资源赚积分
分类

源码开发语言/平台
当前位置：首页 > 源码/资料 > Linux/Unix编程 > 网络 > 查看源码
calendardateinput.js
资源名称：com_comprofiler.zip　[点击查看]
上传用户：stephen_wu
上传日期：2008-07-05
资源大小：1757k
文件大小：42k
源码类别：

网络

开发平台：

Unix_Linux

calendardateinput.js：源码内容
  1. /***********************************************
  2.  Fool-Proof Date Input Script with DHTML Calendar
  3.  by Jason Moon - calendar@moonscript.com
  4.  ************************************************/
  5. /***********************************************
  6. * Jason's Date Input Calendar- By Jason Moon http://calendar.moonscript.com/dateinput.cfm
  7. * Script featured on and available at http://www.dynamicdrive.com
  8. * Keep this notice intact for use.
  9. ***********************************************/
  11. // CB: changed a few customizations below and search for 'CB' for changes below.
  12. // Customizable variables
  13. var cbcalDefaultDateFormat = 'MM/DD/YYYY'; // If no date format is supplied, this will be used instead
  14. var cbcalHideWait = 4; // Number of seconds before the calendar will disappear
  15. var cbcalY2kPivotPoint = 76; // 2-digit years before this point will be created in the 21st century
  16. var cbcalUnselectedMonthText = ''; // Text to display in the 1st month list item when the date isn't required
  17. var cbcalFontSize = 11; // In pixels
  18. var cbcalFontSizeDay = 14; // In pixels
  19. var cbcalFontFamily = 'Tahoma';
  20. var cbcalCellWidth = 26; //18
  21. var cbcalCellHeight = 24; //16
  22. var cbcalImageURL = cbTemplateDir + 'calendar_icon.jpg';
  23. var cbcalNextURL = cbTemplateDir + 'calendar_next.gif';
  24. var cbcalPrevURL = cbTemplateDir + 'calendar_prev.gif';
  25. var cbcalCalBGColor = '#F4F4F4';
  26. var cbcalTopRowBGColor = '#DDD';
  27. var cbcalDayBGColor = '#CCCCFF';
  29. // Global variables
  30. var cbcalZCounter = 100;
  31. var cbcalToday = new Date();
  32. // var cbcalWeekDays = new Array('S','M','T','W','T','F','S');
  33. var cbcalWeekDays = Calendar._SDN;
  34. var cbcalMonthDays = new Array(31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31);
  35. // var cbcalMonthNames = new Array('January','February','March','April','May','June','July','August','September','October','November','December');
  36. var cbcalMonthNames = Calendar._MN;
  38. // Write out the stylesheet definition for the calendar
  39. with (document) {
  40.    writeln('<style>');
  41.    writeln('td.calendarDateInput {letter-spacing:normal;line-height:normal;font-family:' + cbcalFontFamily + ',Sans-Serif;font-size:' + cbcalFontSize + 'px;text-align:center;vertical-align:middle;margin:0px;padding:0px;}');
  42.    writeln('td.calendarDayInput {letter-spacing:normal;line-height:normal;font-family:' + cbcalFontFamily + ',Sans-Serif;font-size:' + cbcalFontSizeDay + 'px;text-align:center;vertical-align:middle;}');
  43.    writeln('select.calendarDateInput {letter-spacing:.06em;font-family:Verdana,Sans-Serif;font-size:11px;}');
  44.    writeln('input.calendarDateInput {letter-spacing:.06em;font-family:Verdana,Sans-Serif;font-size:11px;}');
  45.    writeln('#cb_datetestb_Current_ID {text-align:center;}');
  46.    writeln('</style>');
  47. }
  49. // Only allows certain keys to be used in the date field
  50. function cbcalYearDigitsOnly(e) {
  51.    var KeyCode = (e.keyCode) ? e.keyCode : e.which;
  52.    return ((KeyCode == 8) // backspace
  53.         || (KeyCode == 9) // tab
  54.         || (KeyCode == 37) // left arrow
  55.         || (KeyCode == 39) // right arrow
  56.         || (KeyCode == 46) // delete
  57.         || ((KeyCode > 47) && (KeyCode < 58)) // 0 - 9
  58.    );
  59. }
  61. // Gets the absolute pixel position of the supplied element
  62. function cbcalGetTagPixels(StartTag, Direction) {
  63.    var PixelAmt = (Direction == 'LEFT') ? StartTag.offsetLeft : StartTag.offsetTop;
  64.    while ((StartTag.tagName != 'BODY') && (StartTag.tagName != 'HTML')) {
  65.       StartTag = StartTag.offsetParent;
  66.       PixelAmt += (Direction == 'LEFT') ? StartTag.offsetLeft : StartTag.offsetTop;
  67.    }
  68.    return PixelAmt;
  69. }
  71. // Is the specified select-list behind the calendar?
  72. function cbcalBehindCal(SelectList, CalLeftX, CalRightX, CalTopY, CalBottomY, ListTopY) {
  73.    var ListLeftX = cbcalGetTagPixels(SelectList, 'LEFT');
  74.    var ListRightX = ListLeftX + SelectList.offsetWidth;
  75.    var ListBottomY = ListTopY + SelectList.offsetHeight;
  76.    return (((ListTopY < CalBottomY) && (ListBottomY > CalTopY)) && ((ListLeftX < CalRightX) && (ListRightX > CalLeftX)));
  77. }
  79. // For IE, hides any select-lists that are behind the calendar
  80. function cbcalFixSelectLists(Over) {
  81.    if (navigator.appName == 'Microsoft Internet Explorer') {
  82.       var CalDiv = this.getCalendar();
  83.       var CalLeftX = CalDiv.offsetLeft;
  84.       var CalRightX = CalLeftX + CalDiv.offsetWidth;
  85.       var CalTopY = CalDiv.offsetTop;
  86.       var CalBottomY = CalTopY + (cbcalCellHeight * 9);
  87.       var FoundCalInput = false;
  88.       formLoop :
  89.       for (var j=this.formNumber;j<document.forms.length;j++) {
  90.          for (var i=0;i<document.forms[j].elements.length;i++) {
  91.             if (typeof document.forms[j].elements[i].type == 'string') {
  92.                if ((document.forms[j].elements[i].type == 'hidden') && (document.forms[j].elements[i].name == this.hiddenFieldName)) {
  93.                   FoundCalInput = true;
  94.                   i += 3; // 3 elements between the 1st hidden field and the last year input field
  95.                }
  96.                if (FoundCalInput) {
  97.                   if (document.forms[j].elements[i].type.substr(0,6) == 'select') {
  98.                      ListTopY = cbcalGetTagPixels(document.forms[j].elements[i], 'TOP');
  99.                      if (ListTopY < CalBottomY) {
  100.                         if (cbcalBehindCal(document.forms[j].elements[i], CalLeftX, CalRightX, CalTopY, CalBottomY, ListTopY)) {
  101.                            document.forms[j].elements[i].style.visibility = (Over) ? 'hidden' : 'visible';
  102.                         }
  103.                      }
  104.                      else break formLoop;
  105.                   }
  106.                }
  107.             }
  108.          }
  109.       }
  110.    }
  111. }
  113. // Displays a message in the status bar when hovering over the calendar days
  114. function cbcalDayCellHover(Cell, Over, Color, HoveredDay) {
  115.    Cell.style.backgroundColor = (Over) ? cbcalDayBGColor : Color;
  116.    if (Over) {
  117.       if ((this.yearValue == cbcalToday.getFullYear()) && (this.monthIndex == cbcalToday.getMonth()) && (HoveredDay == cbcalToday.getDate())) self.status = 'Click to select today';
  118.       else {
  119.          var Suffix = HoveredDay.toString();
  120.          switch (Suffix.substr(Suffix.length - 1, 1)) {
  121.             case '1' : Suffix += (HoveredDay == 11) ? 'th' : 'st'; break;
  122.             case '2' : Suffix += (HoveredDay == 12) ? 'th' : 'nd'; break;
  123.             case '3' : Suffix += (HoveredDay == 13) ? 'th' : 'rd'; break;
  124.             default : Suffix += 'th'; break;
  125.          }
  126.          self.status = 'Click to select ' + this.monthName + ' ' + Suffix;
  127.       }
  128.    }
  129.    else self.status = '';
  130.    return true;
  131. }
  133. // Sets the form elements after a day has been picked from the calendar
  134. function cbcalPickDisplayDay(ClickedDay) {
  135.    this.show();
  136.    var MonthList = this.getMonthList();
  137.    var DayList = this.getDayList();
  138.    var YearField = this.getYearField();
  139.    var SpaceForBlank = ( ( DayList.options[0].value == '' ) ? 1 : 0 );
  140.    cbcalFixDayList(DayList, cbcalGetDayCount(this.displayed.yearValue, this.displayed.monthIndex));
  141.    // Select the month and day in the lists
  142.    for (var i=0;i<MonthList.length;i++) {
  143.       if (MonthList.options[i].value == this.displayed.monthIndex) MonthList.options[i].selected = true;
  144.    }
  145.    for (var j=1;j<=(DayList.length-SpaceForBlank);j++) {
  146.       if (j == ClickedDay) DayList.options[j-1+SpaceForBlank].selected = true;
  147.    }
  148.    this.setPicked(this.displayed.yearValue, this.displayed.monthIndex, ClickedDay);
  149.    // Change the year, if necessary
  150.    YearField.value = this.picked.yearPad;
  151.    YearField.defaultValue = YearField.value;
  152.    this.hideElements(false); //CBB added
  153. }
  155. // Builds the HTML for the calendar days
  156. function cbcalBuildCalendarDays() {
  157.    var Rows = 5;
  158.    if (((this.displayed.dayCount == 31) && (this.displayed.firstDay > 4)) || ((this.displayed.dayCount == 30) && (this.displayed.firstDay == 6))) Rows = 6;
  159.    else if ((this.displayed.dayCount == 28) && (this.displayed.firstDay == 0)) Rows = 4;
  160.    var HTML = '<table width="' + (cbcalCellWidth * 7) + '" cellspacing="0" cellpadding="1" style="cursor:default">';
  161.    for (var j=0;j<Rows;j++) {
  162.       HTML += '<tr>';
  163.       for (var i=1;i<=7;i++) {
  164.          Day = (j * 7) + (i - this.displayed.firstDay);
  165.          if ((Day >= 1) && (Day <= this.displayed.dayCount)) {
  166.             if ((this.displayed.yearValue == this.picked.yearValue) && (this.displayed.monthIndex == this.picked.monthIndex) && (Day == this.picked.day)) {
  167.                TextStyle = 'color:white;font-weight:bold;';
  168.                BackColor = cbcalDayBGColor;
  169.             }
  170.             else {
  171.                TextStyle = 'color:black;';
  172.                BackColor = cbcalCalBGColor;
  173.             }
  174.             if ((this.displayed.yearValue == cbcalToday.getFullYear()) && (this.displayed.monthIndex == cbcalToday.getMonth()) && (Day == cbcalToday.getDate())) TextStyle += 'border:1px solid darkred;padding:0px;';
  175.             HTML += '<td align="center" class="calendarDayInput" style="cursor:default;height:' + cbcalCellHeight + 'px;width:' + cbcalCellWidth + 'px;' + TextStyle + ';background-color:' + BackColor + '" onClick="' + this.objName + '.pickDay(' + Day + ')" onMouseOver="return ' + this.objName + '.displayed.dayHover(this,true,'' + BackColor + '',' + Day + ')" onMouseOut="return ' + this.objName + '.displayed.dayHover(this,false,'' + BackColor + '')">' + Day + '</td>';
  176.          }
  177.          else HTML += '<td class="calendarDateInput" style="height:' + cbcalCellHeight + '">&nbsp;</td>';
  178.       }
  179.       HTML += '</tr>';
  180.    }
  181.    return HTML += '</table>';
  182. }
  184. // Determines which century to use (20th or 21st) when dealing with 2-digit years
  185. function cbcalGetGoodYear(YearDigits) {
  186.    if (YearDigits > 100 ) {
  187.     return YearDigits;
  188.    } else {
  189.       var YearLastDigits = parseInt(YearDigits,10) % 100;
  190.       var Millennium = (YearLastDigits < cbcalY2kPivotPoint) ? 2000 : 1900;
  191.       return Millennium + YearLastDigits;
  192.    }
  193. }
  195. // Returns the number of days in a month (handles leap-years)
  196. function cbcalGetDayCount(SomeYear, SomeMonth) {
  197.    return ((SomeMonth == 1) && ((SomeYear % 400 == 0) || ((SomeYear % 4 == 0) && (SomeYear % 100 != 0)))) ? 29 : cbcalMonthDays[SomeMonth];
  198. }
  200. // Highlights the buttons
  201. function cbcalVirtualButton(Cell, ButtonDown) {
  202.    if (ButtonDown) {
  203.       Cell.style.borderLeft = 'buttonshadow 1px solid';
  204.       Cell.style.borderTop = 'buttonshadow 1px solid';
  205.       Cell.style.borderBottom = 'buttonhighlight 1px solid';
  206.       Cell.style.borderRight = 'buttonhighlight 1px solid';
  207.    }
  208.    else {
  209.       Cell.style.borderLeft = 'buttonhighlight 1px solid';
  210.       Cell.style.borderTop = 'buttonhighlight 1px solid';
  211.       Cell.style.borderBottom = 'buttonshadow 1px solid';
  212.       Cell.style.borderRight = 'buttonshadow 1px solid';
  213.    }
  214. }
  216. // Mouse-over for the previous/next month buttons
  217. function cbcalNeighborHover(Cell, Over, DateObj) {
  218.    if (Over) {
  219.       cbcalVirtualButton(Cell, false);
  220.       self.status = 'Click to view ' + DateObj.fullName;
  221.    }
  222.    else {
  223.       Cell.style.border = 'buttonface 1px solid';
  224.       self.status = '';
  225.    }
  226.    return true;
  227. }
  229. // Adds/removes days from the day list, depending on the month/year
  230. function cbcalFixDayList(DayList, NewDays) {
  231.    var SpaceForBlank = ( ( DayList.options[0].value == '' ) ? 1 : 0 );
  232.    var DayPick = DayList.selectedIndex + 1 - SpaceForBlank;
  233.    if (DayPick == 0) {
  234.       DayPick = 1;
  235.       DayList.options[DayPick-1+SpaceForBlank].selected = true;
  236.    }
  237.    if (NewDays != ( DayList.length - SpaceForBlank )) {
  238.       var OldSize = DayList.length - SpaceForBlank;
  239.       for (var k=Math.min(NewDays,OldSize);k<Math.max(NewDays,OldSize);k++) {
  240.          (k >= NewDays) ? DayList.options[NewDays+SpaceForBlank] = null : DayList.options[k+SpaceForBlank] = new Option(k+1, k+1);
  241.       }
  242.       DayPick = Math.min(DayPick, NewDays);
  243.       DayList.options[DayPick-1+SpaceForBlank].selected = true;
  244.    }
  245.    return DayPick;
  246. }
  248. // Adds/removes days from the day list, depending on the month/year
  249. function cbcalFixYearList(YearList, pickedYearValue) {
  250. var SpaceForBlank = ( ( YearList.options[0].value == '' ) ? 1 : 0 );
  251. if ( YearList.options[1].value < 100 ) {
  252. pickedYearValue = pickedYearValue % 100;
  253. }
  254. var YearPick = YearList.options[YearList.selectedIndex].value;
  255. for (var k=SpaceForBlank;k<YearList.options.length;k++) {
  256. if ( YearList.options[k].value == pickedYearValue ) {
  257. YearPick = pickedYearValue;
  258. break;
  259. }
  260. }
  261. if ( k < YearList.options.length ) {
  262. YearList.options[k].selected = true;
  263. }
  264. return YearPick;
  265. }
  267. // Resets the year to its previous valid value when something invalid is entered
  268. function FixYearInput(YearField) {
  269.    var YearRE = new RegExp('\d{' + YearField.defaultValue.length + '}');
  270.    if (!YearRE.test(YearField.value)) YearField.value = YearField.defaultValue;
  271. }
  273. // Displays a message in the status bar when hovering over the calendar icon
  274. function cbcalCalIconHover(Over) {
  275.    var Message = (this.isShowing()) ? 'hide' : 'show';
  276.    self.status = (Over) ? 'Click to ' + Message + ' the calendar' : '';
  277.    return true;
  278. }
  280. // Starts the timer over from scratch
  281. function cbcalCalTimerReset() {
  282.    eval('clearTimeout(' + this.timerID + ')');
  283.    eval(this.timerID + '=setTimeout('' + this.objName + '.show()',' + (cbcalHideWait * 1000) + ')');
  284. }
  286. // The timer for the calendar
  287. function cbcalDoTimer(CancelTimer) {
  288.    if (CancelTimer) eval('clearTimeout(' + this.timerID + ')');
  289.    else {
  290.       eval(this.timerID + '=null');
  291.       this.resetTimer();
  292.    }
  293. }
  295. // Show or hide the calendar
  296. function cbcalShowCalendar() {
  297.    if (this.isShowing()) {
  298.       var StopTimer = true;
  299.       this.getCalendar().style.zIndex = --cbcalZCounter;
  300.       this.getCalendar().style.visibility = 'hidden';
  301.       this.fixSelects(false);
  302.    }
  303.    else {
  304.       var StopTimer = false;
  305.       this.fixSelects(true);
  306.       this.getCalendar().style.zIndex = ++cbcalZCounter;
  307.       this.getCalendar().style.visibility = 'visible';
  308.    }
  309.    this.handleTimer(StopTimer);
  310.    self.status = '';
  311. }
  313. // Hides the input elements when the "blank" month is selected
  314. function cbcalSetElementStatus(Hide) {
  315.    // this.getDayList().style.visibility = (Hide) ? 'hidden' : 'visible';
  316.    if ( this.yeardropdownstop == '' ) {
  317.    this.getYearField().style.visibility = (Hide) ? 'hidden' : 'visible';
  318.    }
  319. /*
  320.    if (Hide) {
  321.       this.getYearField().value = '';
  322.    } else {
  323.       this.getYearField().style.visibility = (Hide) ? 'hidden' : 'visible';
  324.    }
  325. */
  326.    // this.getCalendarLink().style.visibility = (Hide) ? 'hidden' : 'visible';
  327. }
  329. // Sets the date, based on the year selected (in case year is a drop-down)
  330. function cbcalCheckYearChange(YearList) {
  331.    var DayList = this.getDayList();
  332.    var MonthList = this.getMonthList();
  334.    if (YearList.options[YearList.selectedIndex].value == '') {
  335.       var DayPick = cbcalFixDayList(DayList, 31);
  336.       DayList.selectedIndex = 0;
  337.       MonthList.selectedIndex = 0;
  338.       this.hideElements(true);
  339.       this.setHidden('');
  340.    } else {
  341.       this.hideElements(false);
  342.       if (this.isShowing()) {
  343.          this.resetTimer(); // Gives the user more time to view the calendar with the newly-selected month
  344.          this.getCalendar().style.zIndex = ++cbcalZCounter; // Make sure this calendar is on top of any other calendars
  345.       }
  346.       if ( MonthList.selectedIndex == 0 ) {
  347.         MonthList.selectedIndex = 1;
  348.       }
  349.       var DayPick = cbcalFixDayList(DayList, cbcalGetDayCount(cbcalGetGoodYear(YearList.options[YearList.selectedIndex].value), MonthList.options[MonthList.selectedIndex].value));
  350.       this.setPicked(YearList.options[YearList.selectedIndex].value, MonthList.options[MonthList.selectedIndex].value, DayPick);
  351.    }
  352. }
  354. // Sets the date, based on the month selected
  355. function cbcalCheckMonthChange(MonthList) {
  356.    var DayList = this.getDayList();
  357.    var YearList = this.getYearField();
  358.    if (MonthList.options[MonthList.selectedIndex].value == '') {
  359.       var DayPick = cbcalFixDayList(DayList, 31);
  360.       if (this.yeardropdownstop != '') {
  361.       YearList.selectedIndex = 0;
  362.       }
  363.       MonthList.selectedIndex = 0;
  364.       DayList.selectedIndex = 0;
  365.       this.hideElements(true);
  366.       this.setHidden('');
  367.    } else {
  368.       this.hideElements(false);
  369.       if (this.isShowing()) {
  370.          this.resetTimer(); // Gives the user more time to view the calendar with the newly-selected month
  371.          this.getCalendar().style.zIndex = ++cbcalZCounter; // Make sure this calendar is on top of any other calendars
  372.       }
  373.       var DayPick = cbcalFixDayList(DayList, cbcalGetDayCount(this.picked.yearValue, MonthList.options[MonthList.selectedIndex].value));
  374.       this.setPicked(this.picked.yearValue, MonthList.options[MonthList.selectedIndex].value, DayPick);
  375.       if ((this.yeardropdownstop != '') && (YearList.selectedIndex == 0)) {
  376.         var YearPick = cbcalFixYearList(YearList, this.picked.yearValue);
  377.       }
  378.    }
  379. }
  381. // Sets the date, based on the day selected
  382. function cbcalCheckDayChange(DayList) {
  383.    var SpaceForBlank = ( ( DayList.options[0].value == '' ) ? 1 : 0 );
  385.    var MonthList = this.getMonthList();
  386.    var YearList = this.getYearField();
  387.    if (DayList.options[DayList.selectedIndex].value == '') {
  388.       var DayPick = cbcalFixDayList(DayList, 31);
  389.       if (this.yeardropdownstop != '') {
  390.       YearList.selectedIndex = 0;
  391.       }
  392.       MonthList.selectedIndex = 0;
  393.       DayList.selectedIndex = 0;
  394.       this.hideElements(true);
  395.       this.setHidden('');
  396.    } else {
  397.       this.hideElements(false);
  398.       if (this.isShowing()) {
  399.          this.resetTimer(); // Gives the user more time to view the calendar with the newly-selected month
  400.          this.getCalendar().style.zIndex = ++cbcalZCounter; // Make sure this calendar is on top of any other calendars
  401.          // this.show();
  402.       }
  403.       if ( MonthList.selectedIndex == 0 ) {
  404.         MonthList.selectedIndex = 1;
  405.       }
  406. //   if (this.isShowing()) this.show();
  407.       var DayPick = cbcalFixDayList(DayList, cbcalGetDayCount(this.picked.yearValue, MonthList.options[MonthList.selectedIndex].value));
  408.       this.setPicked(this.picked.yearValue, this.picked.monthIndex, DayList.options[DayList.selectedIndex].value); //DayList.selectedIndex + 1 - SpaceForBlank);
  409.       if ((this.yeardropdownstop != '') && (YearList.selectedIndex == 0)) {
  410.         var YearPick = cbcalFixYearList(YearList, this.picked.yearValue);
  411.       }
  412.    }
  413. }
  415. // Changes the date when a valid year has been entered
  416. function cbcalCheckYearInput(YearField) {
  417.    if ((YearField.value.length == YearField.defaultValue.length) && (YearField.defaultValue != YearField.value)) {
  418.       if (this.isShowing()) {
  419.          this.resetTimer(); // Gives the user more time to view the calendar with the newly-entered year
  420.          this.getCalendar().style.zIndex = ++cbcalZCounter; // Make sure this calendar is on top of any other calendars
  421.       }
  422.       var NewYear = cbcalGetGoodYear(YearField.value);
  423.       var MonthList = this.getMonthList();
  424.       var NewDay = cbcalFixDayList(this.getDayList(), cbcalGetDayCount(NewYear, MonthList.options[MonthList.selectedIndex].value));
  425.       this.setPicked(NewYear, MonthList.options[MonthList.selectedIndex].value, NewDay);
  426.       YearField.defaultValue = YearField.value;
  427.    }
  428. }
  430. // OBJECTS:
  431. // ========
  433. // Holds characteristics about a date
  434. function cbcalDateObject() {
  435.    if (Function.call) { // Used when 'call' method of the Function object is supported
  436.       var ParentObject = this;
  437.       var ArgumentStart = 0;
  438.    }
  439.    else { // Used with 'call' method of the Function object is NOT supported
  440.       var ParentObject = arguments[0];
  441.       var ArgumentStart = 1;
  442.    }
  443.    ParentObject.date = (arguments.length == (ArgumentStart+1)) ? new Date(arguments[ArgumentStart+0]) : new Date(cbcalGetGoodYear(arguments[ArgumentStart+0]), arguments[ArgumentStart+1], arguments[ArgumentStart+2]);
  444.    ParentObject.yearValue = ParentObject.date.getFullYear();
  445.    ParentObject.monthIndex = ParentObject.date.getMonth();
  446.    ParentObject.monthName = cbcalMonthNames[ParentObject.monthIndex];
  447.    ParentObject.fullName = ParentObject.monthName + ' ' + ParentObject.yearValue;
  448.    ParentObject.day = ParentObject.date.getDate();
  449.    ParentObject.dayCount = cbcalGetDayCount(ParentObject.yearValue, ParentObject.monthIndex);
  450.    var FirstDate = new Date(ParentObject.yearValue, ParentObject.monthIndex, 1);
  451.    ParentObject.firstDay = FirstDate.getDay();
  452. }
  454. // Keeps track of the date that goes into the hidden field
  455. function cbcalStoredMonthObject(DateFormat, DateYear, DateMonth, DateDay) {
  456.    (Function.call) ? cbcalDateObject.call(this, DateYear, DateMonth, DateDay) : cbcalDateObject(this, DateYear, DateMonth, DateDay);
  457.    this.yearPad = this.yearValue.toString();
  458.    this.monthPad = (this.monthIndex < 9) ? '0' + String(this.monthIndex + 1) : this.monthIndex + 1;
  459.    this.dayPad = (this.day < 10) ? '0' + this.day.toString() : this.day;
  460.    this.monthShort = this.monthName.substr(0,3).toUpperCase();
  461.    // Formats the year with 2 digits instead of 4
  462.    if (DateFormat.indexOf('YYYY') == -1) this.yearPad = this.yearPad.substr(2);
  463.    // Define the date-part delimiter
  464.    if (DateFormat.indexOf('/') >= 0) var Delimiter = '/';
  465.    else if (DateFormat.indexOf('-') >= 0) var Delimiter = '-';
  466.    else if (DateFormat.indexOf('.') >= 0) var Delimiter = '.'; // CB: added line
  467.    else var Delimiter = '';
  468.    // Determine the order of the months and days
  469.    if (/DD?.?((MON)|(MM?M?))/.test(DateFormat)) {
  470.       this.formatted = this.dayPad + Delimiter;
  471.       this.formatted += (RegExp.$1.length == 3) ? this.monthShort : this.monthPad;
  472.    }
  473.    else if (/((MON)|(MM?M?))?.?DD?/.test(DateFormat)) {
  474.       this.formatted = (RegExp.$1.length == 3) ? this.monthShort : this.monthPad;
  475.       this.formatted += Delimiter + this.dayPad;
  476.    }
  477.    // Either prepend or append the year to the formatted date
  478.    this.formatted = (DateFormat.substr(0,2) == 'YY') ? this.yearPad + Delimiter + this.formatted : this.formatted + Delimiter + this.yearPad;
  479. }
  481. // Object for the current displayed month
  482. function cbcalDisplayMonthObject(ParentObject, DateYear, DateMonth, DateDay) {
  483.    (Function.call) ? cbcalDateObject.call(this, DateYear, DateMonth, DateDay) : cbcalDateObject(this, DateYear, DateMonth, DateDay);
  484.    this.displayID = ParentObject.hiddenFieldName + '_Current_ID';
  485.    this.getDisplay = new Function('return document.getElementById(this.displayID)');
  486.    this.dayHover = cbcalDayCellHover;
  487.    this.goCurrent = new Function(ParentObject.objName + '.getCalendar().style.zIndex=++cbcalZCounter;' + ParentObject.objName + '.setDisplayed(cbcalToday.getFullYear(),cbcalToday.getMonth());');
  488.    if (ParentObject.formNumber >= 0) this.getDisplay().innerHTML = this.fullName;
  489. }
  491. // Object for the previous/next buttons
  492. function cbcalNeighborMonthObject(ParentObject, IDText, DateMS) {
  493.    (Function.call) ? cbcalDateObject.call(this, DateMS) : cbcalDateObject(this, DateMS);
  494.    this.buttonID = ParentObject.hiddenFieldName + '_' + IDText + '_ID';
  495.    this.hover = new Function('C','O','cbcalNeighborHover(C,O,this)');
  496.    this.getButton = new Function('return document.getElementById(this.buttonID)');
  497.    this.go = new Function(ParentObject.objName + '.getCalendar().style.zIndex=++cbcalZCounter;' + ParentObject.objName + '.setDisplayed(this.yearValue,this.monthIndex);');
  498.    if (ParentObject.formNumber >= 0) this.getButton().title = this.monthName;
  499. }
  501. // Sets the currently-displayed month object
  502. function cbcalSetDisplayedMonth(DispYear, DispMonth) {
  503.    this.displayed = new cbcalDisplayMonthObject(this, DispYear, DispMonth, 1);
  504.    // Creates the previous and next month objects
  505.    this.previous = new cbcalNeighborMonthObject(this, 'Previous', this.displayed.date.getTime() - 86400000);
  506.    this.next = new cbcalNeighborMonthObject(this, 'Next', this.displayed.date.getTime() + (86400000 * (this.displayed.dayCount + 1)));
  507.    // Creates the HTML for the calendar
  508.    if (this.formNumber >= 0) this.getDayTable().innerHTML = this.buildCalendar();
  509. }
  511. // Sets the current selected date
  512. function cbcalSetPickedMonth(PickedYear, PickedMonth, PickedDay) {
  513.    this.picked = new cbcalStoredMonthObject(this.format, PickedYear, PickedMonth, PickedDay);
  514.    this.setHidden(this.picked.formatted);
  515.    this.setDisplayed(PickedYear, PickedMonth);
  516. }
  518. // The calendar object
  519. function cbcalCalendarObject(DateName, DateFormat, DefaultDate, YearDropDownStop) {
  521.    /* Properties */
  522.    this.hiddenFieldName = DateName;
  523.    this.monthListID = DateName + '_Month_ID';
  524.    this.dayListID = DateName + '_Day_ID';
  525.    this.yearFieldID = DateName + '_Year_ID';
  526.    this.monthDisplayID = DateName + '_Current_ID';
  527.    this.calendarID = DateName + '_ID';
  528.    this.dayTableID = DateName + '_DayTable_ID';
  529.    this.calendarLinkID = this.calendarID + '_Link';
  530.    this.timerID = this.calendarID + '_Timer';
  531.    this.objName = DateName + '_Object';
  532.    this.format = DateFormat;
  533.    this.formNumber = -1;
  534.    this.picked = null;
  535.    this.displayed = null;
  536.    this.previous = null;
  537.    this.next = null;
  538.    this.yeardropdownstop = YearDropDownStop;
  540.    /* Methods */
  541.    this.setPicked = cbcalSetPickedMonth;
  542.    this.setDisplayed = cbcalSetDisplayedMonth;
  543.    this.checkYear = cbcalCheckYearInput;
  544.    this.fixYear = FixYearInput;
  545.    this.changeYear = cbcalCheckYearChange;
  546.    this.changeMonth = cbcalCheckMonthChange;
  547.    this.changeDay = cbcalCheckDayChange;
  548.    this.resetTimer = cbcalCalTimerReset;
  549.    this.hideElements = cbcalSetElementStatus;
  550.    this.show = cbcalShowCalendar;
  551.    this.handleTimer = cbcalDoTimer;
  552.    this.iconHover = cbcalCalIconHover;
  553.    this.buildCalendar = cbcalBuildCalendarDays;
  554.    this.pickDay = cbcalPickDisplayDay;
  555.    this.fixSelects = cbcalFixSelectLists;
  556.    this.setHidden = new Function('D','if (this.formNumber >= 0) this.getHiddenField().value=D');
  557.    // Returns a reference to these elements
  558.    this.getHiddenField = new Function('return document.forms[this.formNumber].elements[this.hiddenFieldName]');
  559.    this.getMonthList = new Function('return document.getElementById(this.monthListID)');
  560.    this.getDayList = new Function('return document.getElementById(this.dayListID)');
  561.    this.getYearField = new Function('return document.getElementById(this.yearFieldID)');
  562.    this.getCalendar = new Function('return document.getElementById(this.calendarID)');
  563.    this.getDayTable = new Function('return document.getElementById(this.dayTableID)');
  564.    this.getCalendarLink = new Function('return document.getElementById(this.calendarLinkID)');
  565.    this.getMonthDisplay = new Function('return document.getElementById(this.monthDisplayID)');
  566.    this.isShowing = new Function('return !(this.getCalendar().style.visibility != 'visible')');
  568.    /* Constructor */
  569.    // Functions used only by the constructor
  570.    function getMonthIndex(MonthAbbr) { // Returns the index (0-11) of the supplied month abbreviation
  571.       for (var MonPos=0;MonPos<cbcalMonthNames.length;MonPos++) {
  572.          if (cbcalMonthNames[MonPos].substr(0,3).toUpperCase() == MonthAbbr.toUpperCase()) break;
  573.       }
  574.       return MonPos;
  575.    }
  576.    function SetGoodDate(CalObj, Notify) { // Notifies the user about their bad default date, and sets the current system date
  577.       CalObj.setPicked(cbcalToday.getFullYear(), cbcalToday.getMonth(), cbcalToday.getDate());
  578.       if (Notify) alert('WARNING: The supplied date is not in valid '' + DateFormat + '' format: ' + DefaultDate + '.nTherefore, the current system date will be used instead: ' + CalObj.picked.formatted);
  579.    }
  580.    // Main part of the constructor
  581.    if (DefaultDate != '') {
  582.       if ((this.format == 'YYYYMMDD') && (/^(d{4})(d{2})(d{2})$/.test(DefaultDate))) this.setPicked(RegExp.$1, parseInt(RegExp.$2,10)-1, RegExp.$3);
  583.       else {
  584.          // Get the year
  585.          if ((this.format.substr(0,2) == 'YY') && (/^(d{2,4})(-|/|.)/.test(DefaultDate))) { // Year is at the beginning
  586.             var YearPart = cbcalGetGoodYear(RegExp.$1);
  587.             // Determine the order of the months and days
  588.             if (/(-|/|.)(w{1,3})(-|/|.)(w{1,3})$/.test(DefaultDate)) {
  589.                var MidPart = RegExp.$2;
  590.                var EndPart = RegExp.$4;
  591.                if (/D$/.test(this.format)) { // Ends with days
  592.                   var DayPart = EndPart;
  593.                   var MonthPart = MidPart;
  594.                }
  595.                else {
  596.                   var DayPart = MidPart;
  597.                   var MonthPart = EndPart;
  598.                }
  599.                MonthPart = (/d{1,2}/i.test(MonthPart)) ? parseInt(MonthPart,10)-1 : getMonthIndex(MonthPart);
  600.                this.setPicked(YearPart, MonthPart, DayPart);
  601.             }
  602.             else SetGoodDate(this, true);
  603.          }
  604.          else if (/(-|/|.)(d{2,4})$/.test(DefaultDate)) { // Year is at the end
  605.             var YearPart = cbcalGetGoodYear(RegExp.$2);
  606.             // Determine the order of the months and days
  607.             if (/^(w{1,3})(-|/|.)(w{1,3})(-|/|.)/.test(DefaultDate)) {
  608.                if (this.format.substr(0,1) == 'D') { // Starts with days
  609.                   var DayPart = RegExp.$1;
  610.                   var MonthPart = RegExp.$3;
  611.                }
  612.                else { // Starts with months
  613.                   var MonthPart = RegExp.$1;
  614.                   var DayPart = RegExp.$3;
  615.                }
  616.                MonthPart = (/d{1,2}/i.test(MonthPart)) ? parseInt(MonthPart,10)-1 : getMonthIndex(MonthPart);
  617.                this.setPicked(YearPart, MonthPart, DayPart);
  618.             }
  619.             else SetGoodDate(this, true);
  620.          }
  621.          else SetGoodDate(this, true);
  622.       }
  623.    }
  624. }
  625. // CB: added month, day, year functions:
  626. function cbcalHtmlMonth( DateName, Required, DefaultDate, InitialStatus ) {
  627. // var r = '<span>';
  628. var r = '';
  629. r += '<select class="inputbox" id="' + DateName + '_Month_ID" onChange="' + DateName + '_Object.changeMonth(this)">'; // changed class from calendarDateInput to inputbox
  630. if (!Required) {
  631. var NoneSelected = (DefaultDate == '') ? ' selected' : '';
  632. r += '<option value=""' + NoneSelected + '>' + cbcalUnselectedMonthText + '</option>';
  633. }
  634. for (var i=0;i<12;i++) {
  635. var MonthSelected = ((DefaultDate != '') && (eval(DateName + '_Object.picked.monthIndex') == i)) ? ' selected' : '';
  636. r += '<option value="' + i + '"' + MonthSelected + '>' + cbcalMonthNames[i] /* .substr(0,3) */ + '</option>';
  637. }
  638. // r += '</select></span>';
  639. r += '</select>';
  640. return r;
  641. }
  642. function cbcalHtmlDay( DateName, Required, DefaultDate, InitialStatus ) {
  643. // var r = '<span><select' /*CBB uncomment this to hide select by default: + InitialStatus */ + ' class="inputbox" id="' + DateName + '_Day_ID" onChange="' + DateName + '_Object.changeDay(this)">'; // changed class from calendarDateInput to inputbox
  644. var r = '<select' /*CBB uncomment this to hide select by default: + InitialStatus */ + ' class="inputbox" id="' + DateName + '_Day_ID" onChange="' + DateName + '_Object.changeDay(this)">'; // changed class from calendarDateInput to inputbox
  645. if (!Required) {
  646. var NoneSelected = (DefaultDate == '') ? ' selected' : '';
  647. r += '<option value=""' + NoneSelected + '>' + cbcalUnselectedMonthText + '</option>';
  648. }
  649. for (var j=1;j<=eval(DateName + '_Object.picked.dayCount');j++) {
  650. var DaySelected = ((DefaultDate != '') && (eval(DateName + '_Object.picked.day') == j)) ? ' selected' : '';
  651. r += '<option value="' + j + '"' + DaySelected + '>' + j + '</option>';
  652. }
  653. // r += '</select></span>';
  654. r += '</select>';
  655. return r;
  656. }
  657. function cbcalHtmlYearDropDown( DateName, Required, DefaultDate, InitialStatus, YearDropDownStop, YearMin, YearMax ) {
  658. // var r = '<span><select' /*CBB uncomment this to hide select by default: + InitialStatus */ + ' class="inputbox" id="' + DateName + '_Year_ID" onChange="' + DateName + '_Object.changeYear(this)">'; // changed class from calendarDateInput to inputbox
  659. var r = '<select' /*CBB uncomment this to hide select by default: + InitialStatus */ + ' class="inputbox" id="' + DateName + '_Year_ID" onChange="' + DateName + '_Object.changeYear(this)">'; // changed class from calendarDateInput to inputbox
  660. if (!Required) {
  661. var NoneSelected = (DefaultDate == '') ? ' selected' : '';
  662. r += '<option value=""' + NoneSelected + '>' + cbcalUnselectedMonthText + '</option>';
  663. }
  664. var digits = eval(DateName + '_Object.picked.yearPad.length');
  665. var defaultYear = eval(DateName + '_Object.picked.yearPad');
  666. var yearsToShow, modulo,y;
  667. modulo = 10000;
  668. if ( YearMin === null && YearMax === null ) {
  669. yearsToShow = 220;
  670. y = defaultYear - 107;
  671. } else {
  672. yearsToShow = YearMax - YearMin + 1;
  673. y = YearMin;
  674. }
  675. if (digits == 2) {
  676. if ( yearsToShow > 100 ) {
  677. yearsToShow = 100;
  678. }
  679. modulo = 100;
  680. if ( YearMin === null && YearMax === null ) {
  681. y = cbcalY2kPivotPoint;
  682. } else {
  683. y = YearMin % modulo;
  684. }
  685. }
  687. for (var j=0;j<yearsToShow;j++) {
  688. var YearSelected = ((DefaultDate != '') && (eval(DateName + '_Object.picked.yearPad') == y)) ? ' selected' : '';
  689. var yy = (y < 10 ? '0':'') + y;
  690. r += '<option value="' + yy + '"' + YearSelected + '>' + yy + '</option>';
  691. y = (y + 1) % modulo;
  692. }
  693. // r += '</select></span>';
  694. r += '</select>';
  695. return r;
  696. }
  698. function cbcalHtmlYear( DateName, Required, DefaultDate, InitialStatus ) {
  699. // return '<span><input' + InitialStatus + ' class="inputbox" type="text" id="' + DateName + '_Year_ID" size="' + eval(DateName + '_Object.picked.yearPad.length') + '" maxlength="' + eval(DateName + '_Object.picked.yearPad.length') + '" title="Year" value="' + eval(DateName + '_Object.picked.yearPad') + '" onKeyPress="return cbcalYearDigitsOnly(event)" onKeyUp="' + DateName + '_Object.checkYear(this)" onBlur="' + DateName + '_Object.fixYear(this)" /></span>';
  700. return '<input' + InitialStatus + ' class="inputbox" type="text" id="' + DateName + '_Year_ID" size="' + eval(DateName + '_Object.picked.yearPad.length') + '" maxlength="' + eval(DateName + '_Object.picked.yearPad.length') + '" title="Year" value="' + eval(DateName + '_Object.picked.yearPad') + '" onKeyPress="return cbcalYearDigitsOnly(event)" onKeyUp="' + DateName + '_Object.checkYear(this)" onBlur="' + DateName + '_Object.fixYear(this)" />';
  701. // changed class from calendarDateInput to inputbox
  702. }
  703. function cbcalHtmlYmdReplace( DateName, Required, DateFormat, DefaultDate, InitialStatus, YearDropDownStop, YearMin, YearMax ) {
  704. var m = cbcalHtmlMonth( DateName, Required, DefaultDate, InitialStatus );
  705. var d = cbcalHtmlDay(   DateName, Required, DefaultDate, InitialStatus );
  706. if ( YearDropDownStop == '' ) {
  707. var y = cbcalHtmlYear(  DateName, Required, DefaultDate, InitialStatus );
  708. } else {
  709. var y = cbcalHtmlYearDropDown(  DateName, Required, DefaultDate, InitialStatus, YearDropDownStop, YearMin, YearMax );
  710. }
  711. var c = 0;
  712. var formatted = DateFormat.replace(/(Y{2,4})|((MON)|(MM?M?))|(DD?)/g,
  713. function(thematch) {
  714. var r = '';
  715. if (/(Y{2,4})/g.test(thematch) ) {
  716. r = y;
  717. } else if (/((MON)|(MM?M?))/.test(thematch) ) {
  718. r = m;
  719. } else if (/(DD?)/.test(thematch) ) {
  720. r = d;
  721. }
  722. if (c++) {
  723. r = '&nbsp;&nbsp;' + r;
  724. }
  725. r += '&nbsp;';
  726. return r;
  727. }
  728. );
  729. return formatted;
  730. }
  731. // Main function that creates the form elements: CB: added last optional argument to handle arrays
  732. function cbcalDateInput(DateName, Required, DateFormat, DefaultDate, DateFieldName, AdditionalInputAttributes, YearDropDownStop, YearMin, YearMax) {
  733.    if (arguments.length == 0) document.writeln('<span style="color:red;font-size:' + cbcalFontSize + 'px;font-family:' + cbcalFontFamily + ';">ERROR: Missing required parameter in call to 'DateInput': [name of hidden date field].</span>');
  734.    else {
  735.       // Handle DateFormat
  736.       if (arguments.length < 3) { // The format wasn't passed in, so use default
  737.          DateFormat = cbcalDefaultDateFormat;
  738.          if (arguments.length < 2) Required = false;
  739.       }
  740.       else if (/^(Y{2,4}(-|/|.)?)?((MON)|(MM?M?)|(DD?))(-|/|.)?((MON)|(MM?M?)|(DD?))((-|/|.)Y{2,4})?$/i.test(DateFormat)) DateFormat = DateFormat.toUpperCase(); // CB: added '.'
  741.       else { // Passed-in DateFormat was invalid, use default format instead
  742.          var AlertMessage = 'WARNING: The supplied date format for the '' + DateName + '' field is not valid: ' + DateFormat + 'nTherefore, the default date format will be used instead: ' + cbcalDefaultDateFormat;
  743.          DateFormat = cbcalDefaultDateFormat;
  744.          if (arguments.length == 4) { // DefaultDate was passed in with an invalid date format
  745.             var CurrentDate = new cbcalStoredMonthObject(DateFormat, cbcalToday.getFullYear(), cbcalToday.getMonth(), cbcalToday.getDate());
  746.             AlertMessage += 'nnThe supplied date (' + DefaultDate + ') cannot be interpreted with the invalid format.nTherefore, the current system date will be used instead: ' + CurrentDate.formatted;
  747.             DefaultDate = CurrentDate.formatted;
  748.          }
  749.          alert(AlertMessage);
  750.       }
  751.       // Define the current date if it wasn't set already
  752.       if (!CurrentDate) var CurrentDate = new cbcalStoredMonthObject(DateFormat, cbcalToday.getFullYear(), cbcalToday.getMonth(), cbcalToday.getDate());
  753.       // Handle DefaultDate
  754.       if ((arguments.length < 4) || (DefaultDate=='') ) { // The date wasn't passed in   CB: added the or statement to allow also empty string as default
  755.          DefaultDate = (Required) ? CurrentDate.formatted : ''; // If required, use today's date
  756.       }
  757.       // CB 6 lines: Handle DateFieldName and Attrs:
  758.       if (arguments.length < 5) { // The DateFieldName wasn't passed in
  759.          DateFieldName = DateName;
  760.       }
  761.       if (arguments.length < 6) { // The AdditionalInputAttributes wasn't passed in
  762.          AdditionalInputAttributes = '';
  763.       }
  764.       if (arguments.length < 7) { // The YearDropDownStop wasn't passed in
  765.          YearDropDownStop = '1';
  766.       }
  767.       if (arguments.length < 8) { // The YearMin wasn't passed in
  768.          YearMin = '1';
  769.       }
  770.       if (arguments.length < 9) { // The YearMax wasn't passed in
  771.          YearMax = '1';
  772.       }
  773.       // Creates the calendar object!
  774.       eval(DateName + '_Object=new cbcalCalendarObject('' + DateName + '','' + DateFormat + '','' + DefaultDate + '','' + YearDropDownStop + '')');
  775.       // Determine initial viewable state of day, year, and calendar icon
  776.       if ((Required) || ( (arguments.length >= 4) && (DefaultDate!=''))) {
  777.          var InitialStatus = '';
  778.          var InitialDate = eval(DateName + '_Object.picked.formatted');
  779.       }
  780.       else {
  781.          var InitialStatus = ' style="visibility:hidden"';
  782.          var InitialDate = '';
  783.          eval(DateName + '_Object.setPicked(' + cbcalToday.getFullYear() + ',' + cbcalToday.getMonth() + ',' + cbcalToday.getDate() + ')');
  784.       }
  785.       // Create the form elements
  786.       with (document) {
  787.          write('<input type="hidden" name="' + DateFieldName + '" id="' + DateName + '" value="' + InitialDate + '" ' + AdditionalInputAttributes + ' />'); //CB: Changed DateName to DateFieldName and added id and AdditionalInputAttributes.
  788.          // Find this form number
  789.          for (var f=0;f<forms.length;f++) {
  790.             for (var e=0;e<forms[f].elements.length;e++) {
  791.                if (typeof forms[f].elements[e].type == 'string') {
  792.                   if ((forms[f].elements[e].type == 'hidden') && (forms[f].elements[e].id == DateName)) { //CB: changed .name to .id
  793.                      eval(DateName + '_Object.formNumber='+f);
  794.                      break;
  795.                   }
  796.                }
  797.             }
  798.          }
  799.          // CB: changed below table to spans and added ordering:
  800.          write( cbcalHtmlYmdReplace( DateName, Required, DateFormat, DefaultDate, InitialStatus, YearDropDownStop, YearMin, YearMax ) );
  801.  // calendar icon:
  802.          write('<span style="white-space:nowrap;">' + '<a' /*CBB uncomment to hide calendar icon by default: + InitialStatus */ + ' id="' + DateName + '_ID_Link" href="javascript:' + DateName + '_Object.show()" onMouseOver="return ' + DateName + '_Object.iconHover(true)" onMouseOut="return ' + DateName + '_Object.iconHover(false)"><img src="' + cbcalImageURL + '" align="baseline" title="Calendar" border="0" width="16px" height="15px" /></a>&nbsp;');
  803.          writeln('<span style="position:absolute;"><span id="' + DateName + '_ID" style="position:absolute;visibility:hidden;width:' + (cbcalCellWidth * 7) + 'px;background-color:' + cbcalCalBGColor + ';border:1px solid dimgray;" onMouseOver="' + DateName + '_Object.handleTimer(true)" onMouseOut="' + DateName + '_Object.handleTimer(false)">');
  804.          writeln('<table width="' + (cbcalCellWidth * 7) + '" cellspacing="0" cellpadding="1">' + String.fromCharCode(13) + '<tr style="background-color:' + cbcalTopRowBGColor + ';">');
  805.          writeln('<td id="' + DateName + '_Previous_ID" style="cursor:default" align="center" class="calendarDateInput" style="height:' + cbcalCellHeight + '" onClick="' + DateName + '_Object.previous.go()" onMouseDown="cbcalVirtualButton(this,true)" onMouseUp="cbcalVirtualButton(this,false)" onMouseOver="return ' + DateName + '_Object.previous.hover(this,true)" onMouseOut="return ' + DateName + '_Object.previous.hover(this,false)" title="' + eval(DateName + '_Object.previous.monthName') + '"><img src="' + cbcalPrevURL + '" /></td>');
  806.          writeln('<td id="' + DateName + '_Current_ID" style="cursor:pointer" align="center" class="calendarDateInput" style="height:' + cbcalCellHeight + '" colspan="5" onClick="' + DateName + '_Object.displayed.goCurrent()" onMouseOver="self.status='Click to view ' + CurrentDate.fullName + '';return true;" onMouseOut="self.status='';return true;" title="Show Current Month">' + eval(DateName + '_Object.displayed.fullName') + '</td>');
  807.          writeln('<td id="' + DateName + '_Next_ID" style="cursor:default" align="center" class="calendarDateInput" style="height:' + cbcalCellHeight + '" onClick="' + DateName + '_Object.next.go()" onMouseDown="cbcalVirtualButton(this,true)" onMouseUp="cbcalVirtualButton(this,false)" onMouseOver="return ' + DateName + '_Object.next.hover(this,true)" onMouseOut="return ' + DateName + '_Object.next.hover(this,false)" title="' + eval(DateName + '_Object.next.monthName') + '"><img src="' + cbcalNextURL + '" /></td></tr>' + String.fromCharCode(13) + '<tr>');
  808.          for (var w=0;w<7;w++) writeln('<td width="' + cbcalCellWidth + '" align="center" class="calendarDateInput" style="height:' + cbcalCellHeight + ';width:' + cbcalCellWidth + 'px;font-weight:bold;border-top:1px solid dimgray;border-bottom:1px solid dimgray;">' + cbcalWeekDays[w] + '</td>');
  809.          writeln('</tr>' + String.fromCharCode(13) + '</table>' + String.fromCharCode(13) + '<span id="' + DateName + '_DayTable_ID">' + eval(DateName + '_Object.buildCalendar()') + '</span>' + String.fromCharCode(13) + '</span></span>' + String.fromCharCode(13) + '</span>');
  810.       }
  811.    }
  812. }