<!-- ---------------------------------------------------------------------////  Copyright 2000 Microsoft Corporation.  All Rights Reserved.////  File:         calendar.htc////  Description:  The calendar behavior provides an easy, declarative way//                to add a standard calendar control to web pages and html//                based applications.  It provides a variety of properties//                to customize the look and feel along with a strong set //                events and functionality.////-------------------------------------------------------------------- --><script language="javascript">//------------------------------------------------------------------------// Attach to element events//------------------------------------------------------------------------element.attachEvent("onselectstart", fnOnSelectStart)element.attachEvent("onclick", fnOnClick)element.attachEvent("onpropertychange", fnOnPropertyChange)element.attachEvent("onreadystatechange", fnOnReadyStateChange)//------------------------------------------------------------------------// Create the arrays of days & months for different languages//------------------------------------------------------------------------var gaMonthNames = new Array(  new Array('Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun',             'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'),  new Array('January', 'February', 'March', 'April', 'May', 'June', 'July',             'August', 'September', 'October', 'November', 'December')  );var gaDayNames = new Array(   new Array('S', 'M', 'T', 'W', 'T', 'F', 'S'),  new Array('Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'),  new Array('Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday')  );var gaMonthDays = new Array(    /* Jan */ 31,     /* Feb */ 29, /* Mar */ 31,     /* Apr */ 30,    /* May */ 31,     /* Jun */ 30, /* Jul */ 31,     /* Aug */ 31,    /* Sep */ 30,     /* Oct */ 31, /* Nov */ 30,     /* Dec */ 31 )var StyleInfo            = null            // Style sheet with rules for this calendarvar goStyle              = new Object()    // A hash of style sheet rules that apply to this calendarvar gaDayCell            = new Array()     // an array of the table cells for daysvar goDayTitleRow        = null            // The table row containing days of the weekvar goYearSelect         = null            // The year select control var goMonthSelect        = null            // The month select controlvar goCurrentDayCell     = null            // The cell for the currently selected dayvar giStartDayIndex      = 0               // The index in gaDayCell for the first day of the monthvar gbLoading            = true            // Flag for if the behavior is loadingvar giDay                                  // day of the month (1 to 31)var giMonth                                // month of the year (1 to 12)var giYear                                 // year (1900 to 2099)var giMonthLength        = 1               // month length (0,1)var giDayLength          = 1               // day length (0 to 2)var giFirstDay           = 0               // first day of the week (0 to 6)var gsGridCellEffect     = 'raised'        // Grid cell effectvar gsGridLinesColor     = 'black'         // Grid line colorvar gbShowDateSelectors  = true            // Show date selectors (0,1)var gbShowDays           = true            // Show the days of the week titles (0,1)var gbShowTitle          = true            // Show the title (0,1)var gbShowHorizontalGrid = true            // Show the horizontal grid (0,1)var gbShowVerticalGrid   = true            // Show the vertical grid (0,1)var gbValueIsNull        = false           // There is no value selected (0,1)var gbReadOnly           = false           // The user can not interact with the controlvar giMinYear            = 1900            // Minimum year (1 is the lowest possible value)var giMaxYear            = 2099            // Maximum year // Load the property values defined on the element to replace defaultsfnGetPropertyDefaults()// Create the style sheets needed for the calendar displayfnCreateStyleSheets()// Insert the HTML elements needed for the calendar displayfnCreateCalendarHTML()// Update the title with the month and yearfnUpdateTitle()// Fill in the days of the weekfnUpdateDayTitles()// Build the month select controlfnBuildMonthSelect()// Build the year select controlfnBuildYearSelect()// Fill in the cells with the days of the month and set style valuesfnFillInCells()// **********************************************************************//                       PROPERTY GET/SET FUNCTIONS// **********************************************************************//------------------------------------------------------------------------////  Function:  fnGetDay / fnPutDay////  Synopsis:  The day property is used to set the day of the month.  The//             valid range is from 1 to the maximum day of the selected//             month & year.  If a number is given outside that range, it//             is set to the closest valid value.  Invalid input will cause//             an exception.////  Arguments: The put method requires an integer value for the day////  Returns:   The get method will return the selected day of the month//             If the valueIsNull property is set, null is returned////  Notes:     none////------------------------------------------------------------------------function fnGetDay(){  return (gbValueIsNull) ? null : giDay}function fnPutDay(iDay){  if (gbLoading) return  // return if the behavior is loading    iDay = parseInt(iDay)  if (isNaN(iDay)) throw 450  fnSetDate(iDay, giMonth, giYear)}//------------------------------------------------------------------------////  Function:  fnGetMonth / fnPutMonth////  Synopsis:  The month property is used to set the month of the year.//             The valid range is from 1 to 12.  If a value is given //             outside that range, it is set to the closest valid value.//             Invalid input will cause an exception.////  Arguments: The put method requires an integer value for the month////  Returns:   The get method will return the selected month value//             If the valueIsNull property is set, null is returned////  Notes:     Setting the year can cause the selected "day" value to be//             reduced to the highest day in the selected month if needed.////------------------------------------------------------------------------function fnGetMonth(){  return (gbValueIsNull) ? null : giMonth}function fnPutMonth(iMonth){  if (gbLoading) return  // return if the behavior is loading  iMonth = parseInt(iMonth)  if (isNaN(iMonth)) throw 450  fnSetDate(giDay, iMonth, giYear)}//------------------------------------------------------------------------////  Function:  fnGetYear / fnPutYear////  Synopsis:  The year property is used to set the current year.  //             The valid range is from minYear to maxYear.  If a value is given //             outside that range, it is set to the closest valid value.//             Invalid input will cause an exception.////  Arguments: The put method requires an integer value for the year////  Returns:   The get method will return the selected year value//             If the valueIsNull property is set, null is returned.////  Notes:     Setting the year can cause the selected "day" value to be//             reduced to the highest day in the selected month if needed.////------------------------------------------------------------------------function fnGetYear(){  return (gbValueIsNull) ? null : giYear}function fnPutYear(iYear){  if (gbLoading) return  // return if the behavior is loading  iYear = parseInt(iYear)  if (isNaN(iYear)) throw 450  fnSetDate(giDay, giMonth, iYear)}//------------------------------------------------------------------------////  Function:  fnGetMonthLength / fnPutMonthLength////  Synopsis:  The monthLength property is used to adjust the length of //             the month name used in the title and month selection control.  ////  Arguments: The put method requires a value of 'short' or 'long'////  Returns:   The get method will return a value of 'short' or 'long'////  Notes:     none////------------------------------------------------------------------------function fnGetMonthLength(){  if (giMonthLength == 0) return "short"  if (giMonthLength == 1) return "long"}function fnPutMonthLength(sLength){  if (gbLoading) return  // return if the behavior is loading  switch (sLength.toLowerCase())  {    case "short" :      if (giMonthLength == 0) return      giMonthLength = 0      break;    case "long" :       if (giMonthLength == 1) return      giMonthLength = 1      break;    default :      throw 450      return  }  fnUpdateTitle()  fnBuildMonthSelect()}//------------------------------------------------------------------------////  Function:  fnGetDayLength / fnPutDayLength////  Synopsis:  The dayLength property is used to adjust the length of //             the day names in the calendar grid.  ////  Arguments: The put method requires a value of 'short', 'medium', //             or 'long'////  Returns:   The get method will return a value of 'short', 'medium', //             or 'long'////  Notes:     none////------------------------------------------------------------------------function fnGetDayLength(){  if (giDayLength == 0) return "short"  if (giDayLength == 1) return "medium"  if (giDayLength == 2) return "long"}function fnPutDayLength(sLength){  if (gbLoading) return  // return if the behavior is loading  switch (sLength.toLowerCase())  {    case "short" :      if (giDayLength == 0) return      giDayLength = 0      break;    case "medium" :       if (giDayLength == 1) return      giDayLength = 1      break;    case "long" :       if (giDayLength == 2) return      giDayLength = 2      break;    default :      throw 450      return  }  fnUpdateDayTitles()  // Used to force a table resize if needed  goStyle['DaySelected'].borderStyle = 'solid'  }//------------------------------------------------------------------------////  Function:  fnGetFirstDay / fnPutFirstDay////  Synopsis:  The firstDay property is used to adjust the first day of //             the week on the calendar grid.  Valid values are 1 to 7//             where 1 is Sunday and 7 is Saturday.  Setting to an invalid //             value will cause an exception.////  Arguments: The put method requires a value from 1 to 7////  Returns:   The get method will return a value from 1 to 7////  Notes:     none////------------------------------------------------------------------------function fnGetFirstDay(){  return giFirstDay}function fnPutFirstDay(iFirstDay){  if (gbLoading) return  // return if the behavior is loading  if ((iFirstDay < 0) || (iFirstDay > 6)) throw 450  if (giFirstDay == iFirstDay) return  giFirstDay = iFirstDay  fnUpdateDayTitles()  fnFillInCells()}//------------------------------------------------------------------------////  Function:  fnGetGridCellEffect / fnPutGridCellEffect////  Synopsis:  The gridCellEffect property is used to modify the 3D effect//             in the calendar grid (excluding day titles).  It can take//             values of 'raised', 'flat', or 'sunken'.  Other values will//             cause an exception.//             //  Arguments: The put method requires a value of 'raised', 'flat', or //             'sunken'. ////  Returns:   The get method will return a value of 'raised', 'flat', or //             'sunken'. ////  Notes:     none////------------------------------------------------------------------------function fnGetGridCellEffect(){  return gsGridCellEffect}function fnPutGridCellEffect(sEffect){  if (gbLoading) return  // return if the behavior is loading  switch (sEffect.toLowerCase())  {    case "raised" :      if (gsGridCellEffect == 'raised') return      gsGridCellEffect = 'raised'      fnUpdateGridColors()      break    case "flat" :       if (gsGridCellEffect == 'flat') return      gsGridCellEffect = 'flat'      fnUpdateGridColors()      break    case "sunken" :       if (gsGridCellEffect == 'sunken') return      gsGridCellEffect = 'sunken'      fnUpdateGridColors()      break    default :      throw 450  }}//------------------------------------------------------------------------////  Function:  fnGetGridLinesColor / fnPutGridLinesColor////  Synopsis:  The gridLinesColor property is used to change the color of //             the calendar grid when the gridCellEffect property is set //             to 'flat'.  It can be any valid HTML color value.  //             //  Arguments: The put method requires a HTML color value////  Returns:   The get method will return a HTML color value////  Notes:     No error checking is performed.  Invalid values may result//             in unexpected rendering.////------------------------------------------------------------------------function fnGetGridLinesColor(){  return gsGridLinesColor}function fnPutGridLinesColor(sGridLinesColor){  if (gbLoading) return  // return if the behavior is loading  gsGridLinesColor = sGridLinesColor  fnUpdateGridColors()}//------------------------------------------------------------------------////  Function:  fnGetShowVerticalGrid / fnPutShowVerticalGrid////  Synopsis:  The showVerticalGrid property is used to toggle the //             visibility of vertical lines in the calendar grid.//             //  Arguments: The put method requires true or false value for visibility////  Returns:   The get method will return a true or false value////  Notes:     none////------------------------------------------------------------------------function fnGetShowVerticalGrid(){  return gbShowVerticalGrid}function fnPutShowVerticalGrid(bShowVerticalGrid){  if (gbLoading) return  // return if the behavior is loading  if ((bShowVerticalGrid) != gbShowVerticalGrid)  {    gbShowVerticalGrid = (bShowVerticalGrid) ? true : false    fnFireOnPropertyChange("propertyName", "showVerticalGrid")    fnUpdateGridColors()  }}//------------------------------------------------------------------------////  Function:  fnGetShowHorizontalGrid / fnPutShowHorizontalGrid//