Metacat

// *****************************************************************************

//      Simple Calendar Widget - Cross-Browser Javascript pop-up calendar.

//

//   Copyright (C) 2005-2007  Anthony Garrett

//

//   This library is free software; you can redistribute it and/or

//   modify it under the terms of the GNU Lesser General Public

//   License as published by the Free Software Foundation; either

//   version 2.1 of the License, or (at your option) any later version.

//

//   This library is distributed in the hope that it will be useful,

//   but WITHOUT ANY WARRANTY; without even the implied warranty of

//   MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the GNU

//   Lesser General Public License for more details.

//

//   You should have received a copy of the GNU Lesser General Public

//   License along with this library; if not, it is available at

//   the GNU web site (http://www.gnu.org/) or by writing to the

//   Free Software Foundation, Inc., 51 Franklin St, Fifth Floor,

//   Boston, MA  02110-1301  USA

//

// *****************************************************************************

//

// Contact:   Sorry, I can't offer support for this but if you find a problem

//            (or just want to tell me how useful you find it), please send

//            me an email at scwfeedback@tarrget.info (Note the two Rs in

//            tarrget).  I will try to fix problems quickly but this is a

//            spare time thing for me.

//

// Credits:   I wrote this from scratch myself but I couldn't have done it

//            without the superb "JavaScript The Definitive Guide" by David

//            Flanagan (Pub. O'Reilly ISBN 0-596-00048-0).  I also recognise

//            a contribution from my experience with PopCalendar 4.1 by

//            Liming(Victor) Weng.

//

// Link back: Please give me credit and link back to my page.  To ensure that

//            search engines give my page a higher ranking you can add the

//            following HTML to any indexed page on your web site:

//

//            <A HREF="http://www.tarrget.info/calendar/scw.htm">

//              Simple Calendar Widget by Anthony Garrett

//            </A>

//

// Features:  Easily customised

//                  (output date format, colours, language, year range and

//                   week start day)

//            Accepts a date as input

//                  (see comments below for formats).

//            Cross-browser code tested against;

//                  Internet Explorer 6.0.28     Mozilla  1.7.1

//                  Opera             7.52+      Firefox  0.9.1+

//                  Konqueror         3.4.0      Flock    0.4.9

//

// How to add the Calendar to your page:

//            This script needs to be defined for your page so, immediately

//            after the BODY tag add the following line;

//

//                  <script type='Text/JavaScript' src='scw.js'></script>

//

//            Your root directory of the web site should also contain an empty

//            file called "scwblank.html". See

//                  http://www.tarrget.info/calendar/IEnightmare.html

//            for a full explanation.

//

// How to use the Calendar once it is defined for your page:

//

//            Simply choose an event to trigger the calendar (like an onClick

//            or an onMouseOver) and an element to work on (for the calendar

//            to take its initial date from and write its output date to) then

//            write it like this;

//

//                  <<event>>="scwShow(<<element>>,event);"

//

//            e.g. onClick="scwShow(scwID('myElement'),event);"

//            or   onMouseOver="scwShow(this,event);"

//

//            NOTE: If you wish to use the calendar with an Anchor tag, do

//                  not use the syntax:   href="javascript:scwShow(...)"

//                  Instead you should use the following;

//

//                  <a href="#" onclick="scwShow(<<element>>,event);return false;">

//                      <<your text>>

//                  </a>

//

//            If you are using a text node then specify the text's parent node

//            in the function call. The date should be the only text under that

//            node;

//

//            e.g.  <p onclick="scwShow(this,event);"><<date>></p>

//

//            You can also disable days of the week by adding arguments to the

//            call to scwShow.  The values should be Sunday = 0 through to

//            Saturday = 6.  A call to scwShow with Friday and Monday disabled

//            would look something like this;

//

//                  scwShow(<<element>>,event,5,1);

//

//            Finally you can use the following technique to run a function

//            when the calendar closes:

//

//                  scwNextAction=<<function>>.runsAfterSCW(this,<<arguments>>);

//                  scwShow(<<element>>,event <<,optional arguments above>>);

//

//            Where <<function>> is a function defined on the calling page

//            and <<arguments>> is the list of arguments being passed to that

//            function.

//

//      No event? No problem!

//

//            Normally the calendar will be triggered by an event but if you wish to

//            control it in code and the event is not available to you, simply pass

//            an element as the second parameter;

//

//            E.G.  scwShow(<<target element>>,<<source element>>);

//                  as in: scwShow(this,this);

//

//            ------------------------------------------------------------------

//            Here's an extremely trivial but fully functioning example page

//            showing two of the ways to trigger the calendar;

//

//            <html>

//                <head><title>Basic Example</title></head>

//                <body>

//                    <script type='text/JavaScript' src='scw.js'></script>

//                    <p onclick='scwShow(this,event);'>06-Dec-2006</p>

//                    <input onclick='scwShow(this,event);' value='07-Dec-2006' />

//                    <br/><br/>

//                    <a href='#' onclick='scwShow(this,event);return false;'>

//                        08-Dec-2006

//                    </a>

//                </body>

//            </html>

//

// *****************************************************************************

//

// See http://www.tarrget.info/calendar/scw.htm for a complete version history

//

// Version   Date        By               Description

// =======   ====        ===============  ===========

//   3.58    2007-04-04  Anthony Garrett  Resolved an error caused when the date

//                                         range does not include the current year.

//                                         Thanks to Steve Davis for letting me know.

//

//                                        Fixed "Today" selector display which

//                                         was incorrectly visible when year range

//                                         ended last year. (Also the result of

//                                         investigations based on Steve Davis'

//                                         feedback).

//

//   3.59    2007-06-13  Anthony Garrett  Added Verdana to font list of

//                                         calendar's CSS.  Resolves rendering

//                                         bug in Safari Beta 3 for Windows.

//

//   3.60    2007-07-31  Anthony Garrett  Fixed javascript error that occurred

//                                         when the target element had no value

//                                         attribute.  The error had no impact

//                                         on the behaviour of the script.  Thanks

//                                         to John Phelps for reporting this bug.

//

//   3.70    2007-09-21  Anthony Garrett  Updated the event trapping to make it

//                                         less intrusive on the page body.

//                                         NOTE: This requires that a calendar's

//                                         second parameter should be the calling

//                                         event (not the calling object as in

//                                         previous versions).

//                                         Thanks to Steve Davis for the bug report

//                                         that led to this change.

//

//                                        Fixed a bug that caused undelimited

//                                         dates to be handled incorrectly. They

//                                         are now parsed against the full date

//                                         output format then checked for validity.

//                                         Thanks to Dan Wood for raising this bug.

//

//                                        Replaced the date input sequence user

//                                         configuration setting with parsing the

//                                         sequence from the full format. New users

//                                         are often confused by the sequence and

//                                         in practice (to allow the calendar's date

//                                         output to be used for input) the sequence

//                                         must always match the full format element

//                                         order.

//

//                                        Extended IFRAME backing to all calendar objects

//                                         in order to improve calendar display over

//                                         some embedded applets and objects.  Thanks to

//                                         Stanko Kupcevic for his feedback on this.

//                                         NOTE: It is not possible to protect any

//                                         JavaScript object displayed over an

//                                         embedded DYNAMIC (and, therefore refreshed)

//                                         object because browsers usually do not

//                                         directly control the screen handling within

//                                         the object.  The best advice therefore remains

//                                         to design pages in such a way that the calendar

//                                         does not overlap embedded objects.

//

//  3.71     2008-12-14  Anthony Garrett  Restored the ability to use an element

//                                         as the second parameter when opening a

//                                         calendar while retaining the option

//                                         of passing an event. Thanks to Thierry Blind

//                                         and Sergey Snovsky for the feedback.

//

//  3.72     2008-02-24  Anthony Garrett  Trapped calls to script with only a

//                                         NAME attribute is set for the target

//                                         element when the script really requires

//                                         an ID attribute.  This is the most

//                                         frequent mistake reported to me.

//

//  3.73     2008-04-11  Anthony Garrett  Corrected the input month name parsing

//                                         so that it set the calendar to the

//                                         right month when long month names used.

//                                         Thanks to Ben Diamand for this bug report.

//

//  3.80     2008-04-29  Anthony Garrett  Added optional auto-positioning of the

//                                         calendar when its normal position would

//                                         go off the visible area.

//                                         Thanks to Chandramouli Iyer for this

//                                         suggestion.

//

//  3.90     2008-05-05  Anthony Garrett  Added an optional "Clear" button for

//                                         use when handling a read-only text

//                                         input element. Thanks to Sanjay Gangwal

//                                         for his suggestion.

// *****************************************************************************

// ************************************

// Start of Simple Calendar Widget Code

// ************************************

// This date is used throughout to determine today's date.

    var scwDateNow = new Date(Date.parse(new Date().toDateString()));

//******************************************************************************

//------------------------------------------------------------------------------

// Customisation section

//------------------------------------------------------------------------------

//******************************************************************************

    // Set the bounds for the calendar here...

    // If you want the year to roll forward you can use something like this...

    //      var scwBaseYear = scwDateNow.getFullYear()-5;

    // alternatively, hard code a date like this...

    //      var scwBaseYear = 1990;

    var scwBaseYear        = scwDateNow.getFullYear()-10;

    // How many years do want to be valid and to show in the drop-down list?

    var scwDropDownYears   = 20;

    // All language-dependent changes can be made here...

    // If you wish to work in a single language (other than English) then

    // just replace the English (in the function scwSetLanguage below) with

    // your own text.

    // Using multiple languages:

    // In order to keep this script to a resonable size I have not included

    // languages here.  You can set language fields in a function that you

    // should call  scwSetLanguage  the script will use your languages.

    // I have included all the translations that have been sent to me in

    // such a function on the demonstration page.

    var scwLanguage;

    function scwSetDefaultLanguage()

        {try

            {scwSetLanguage();}

         catch (exception)

            {// English

             scwToday               = 'Today:';

             scwClear               = 'Clear';

             scwDrag                = 'click here to drag';

             scwArrMonthNames       = ['Jan','Feb','Mar','Apr','May','Jun',

                                       'Jul','Aug','Sep','Oct','Nov','Dec'];

             scwArrWeekInits        = ['S','M','T','W','T','F','S'];

             scwInvalidDateMsg      = 'The entered date is invalid.\n';

             scwOutOfRangeMsg       = 'The entered date is out of range.';

             scwDoesNotExistMsg     = 'The entered date does not exist.';

             scwInvalidAlert        = ['Invalid date (',') ignored.'];

             scwDateDisablingError  = ['Error ',' is not a Date object.'];

             scwRangeDisablingError = ['Error ',

                                       ' should consist of two elements.'];

            }

        };

    // Note:  Always start the scwArrWeekInits array with your string for

    //        Sunday whatever scwWeekStart (below) is set to.

    // scwWeekStart determines the start of the week in the display

    // Set it to: 0 (Zero) for Sunday, 1 (One) for Monday etc..

    var scwWeekStart       =    1;

    // The week start day for the display is taken as the week start

    // for week numbering.  This ensures that only one week number

    // applies to one line of the calendar table.

    // [ISO 8601 begins the week with Day 1 = Monday.]

    // If you want to see week numbering on the calendar, set

    // this to true.  If not, false.

    var scwWeekNumberDisplay    = false;

    // Week numbering rules are generally based on a day in the week

    // that determines the first week of the year.  ISO 8601 uses

    // Thursday (day four when Sunday is day zero).  You can alter

    // the base day here.

    // See http://www.cl.cam.ac.uk/~mgk25/iso-time.html for more information

    var scwWeekNumberBaseDay    = 4;

    // Each of the calendar's alert message types can be disabled

    // independently here.

    var scwShowInvalidDateMsg       = true,

        scwShowOutOfRangeMsg        = true,

        scwShowDoesNotExistMsg      = true,

        scwShowInvalidAlert         = true,

        scwShowDateDisablingError   = true,

        scwShowRangeDisablingError  = true;

    // Set the allowed input date delimiters here...

    // E.g. To set the rising slash, hyphen, full-stop (aka stop or point),

    //      comma and space as delimiters use

    //              var scwArrDelimiters   = ['/','-','.',',',' '];

    var scwArrDelimiters   = ['/','-','.',',',' '];

    // Set the format for the displayed 'Today' date and for the output

    // date here.

    //

    // The format is described using delimiters of your choice (as set

    // in scwArrDelimiters above) and case insensitive letters D, M and Y.

    //

    // NOTE: If no delimiters are input then the date output format is used

    //       to parse the value.  This allows less flexiblility in the input

    //       value than using delimiters but an accurately entered date

    //       remains parsable.

    //

    // Definition               Returns

    // ----------               -------

    // D            date in the month without zero filling

    // DD           date in the month left zero filled

    // M            month number without zero filling

    // MM           month number left zero filled

    // MMM          month string from scwArrMonthNames

    // YY           year number in two digits

    // YYYY         year number in four digits

    // Displayed "Today" date format

    var scwDateDisplayFormat = 'dd-mm-yy';     // e.g. 'MMM-DD-YYYY' for the US

    // Output date format

    var scwDateOutputFormat  = 'DD MMM YYYY'; // e.g. 'MMM-DD-YYYY' for the US

    // Note: The delimiters used should be in scwArrDelimiters.

    // scwZindex controls how the pop-up calendar interacts with the rest

    // of the page.  It is usually adequate to leave it as 1 (One) but I

    // have made it available here to help anyone who needs to alter the

    // level in order to ensure that the calendar displays correctly in

    // relation to all other elements on the page.

    var scwZindex          = 1;

    // Personally I like the fact that entering 31-Sep-2005 displays

    // 1-Oct-2005, however you may want that to be an error.  If so,

    // set scwBlnStrict = true.  That will cause an error message to

    // display and the selected month is displayed without a selected

    // day. Thanks to Brad Allan for his feedback prompting this feature.

    var scwBlnStrict       = false;

    // If you are using ReadOnly or Disabled fields to return the date

    // value into, it can be useful to show a button on the calendar

    // that allows the value to be cleared.  If you want to do that,

    // set scwClearButton = true;

    var scwClearButton     = true;

    // The calendar will position itself aligned with the bottom left

    // corner of the target element.  If automatic positioning is turned

    // on  with  scwAutoPosition = true  then if that would cause the

    // calendar to display off the visible screen, it is shifted to

    // a position that is visible.

    var scwAutoPosition    = true;

    // If you wish to disable any displayed day, e.g. Every Monday,

    // you can do it by setting the following array.  The array elements

    // match the displayed cells.

    //

    // You could put something like the following in your calling page

    // to disable all weekend days;

    //

    //  for (var i=0;i<scwEnabledDay.length;i++)

    //      {if (i%7%6==0) scwEnabledDay[i] = false;}

    //

    // The above approach will allow you to disable days of the week

    // for the whole of your page easily.  If you need to set different

    // disabled days for a number of date input fields on your page

    // there is an easier way: You can pass additional arguments to

    // scwShow. The syntax is described at the top of this script in

    // the section:

    //    "How to use the Calendar once it is defined for your page:"

    //

    // It is possible to use these two approaches in combination.

    var scwEnabledDay      = [true, true, true, true, true, true, true,

                              true, true, true, true, true, true, true,

                              true, true, true, true, true, true, true,

                              true, true, true, true, true, true, true,

                              true, true, true, true, true, true, true,

                              true, true, true, true, true, true, true];

    // You can disable any specific date (e.g. 24-Jan-2006 or Today) by

    // creating an element of the array scwDisabledDates as a date object

    // with the value you want to disable.  Date ranges can be disabled

    // by placing an array of two values (Start and End) into an element

    // of this array.

    var scwDisabledDates   = new Array();

    // e.g. To disable 10-Dec-2005:

    //          scwDisabledDates[0] = new Date(2005,11,10);

    //

    //      or a range from 2004-Dec-25 to 2005-Jan-01:

    //          scwDisabledDates[1] = [new Date(2004,11,25),new Date(2005,0,1)];

    //

    // Remember that Javascript months are Zero-based.

    // The disabling by date and date range does prevent the current day

    // from being selected.  Disabling days of the week does not so you can set

    // the scwActiveToday value to false to prevent selection.

    var scwActiveToday = true;

    // Dates that are out of the displayed month are shown at the start

    // (unless the month starts on the first day of the week) and end of each

    // month.

    //

    // Set scwOutOfMonthDisable to  true  to disable these dates (or  false

    // to allow their selection).

    //

    // Set scwOutOfMonthHide    to  true  to hide    these dates (or  false

    // to make them visible).

    var scwOutOfMonthDisable = false;

    var scwOutOfMonthHide    = false;

    // Dates that are out of the specified range can be displayed at the start

    // of the very first month and end of the very last.  Set

    // scwOutOfRangeDisable to  true  to disable these dates (or  false  to

    // allow their selection).

    var scwOutOfRangeDisable = true;

    // If you want a special format for the cell that contains the current day

    // set this to true.  This sets a thin border around the cell in the colour

    // set by scwTodayCellBorderColour.

    var scwFormatTodayCell = false;

    var scwTodayCellBorderColour = 'red';

    // You can allow the calendar to be dragged around the screen by

    // using the setting scwAllowDrag to true.

    // I can't say I recommend it because of the danger of the user

    // forgetting which date field the calendar will update when there

    // are multiple date fields on a page.

    var scwAllowDrag = false;

    // Closing the calendar by clicking on it (rather than elsewhere on the

    // main page) can be inconvenient.  The scwClickToHide boolean value

    // controls this feature.

    var scwClickToHide = false;

    // I have made every effort to isolate the pop-up script from any

    // CSS defined on the main page but if you have anything set that

    // affects the pop-up (or you may want to change the way it looks)

    // then you can address it in the following style sheets.

    document.writeln(

        '<style type="text/css">'                                       +

            '.scw           {padding:1px;vertical-align:middle;}'       +

            'iframe.scw     {position:absolute;z-index:' + scwZindex    +

                            ';top:0px;left:0px;visibility:hidden;'      +

                            'width:1px;height:1px;}'                    +

            'table.scw      {padding:0px;visibility:hidden;'            +

                            'position:absolute;cursor:default;'         +

                            'width:200px;top:0px;left:0px;'             +

                            'z-index:' + (scwZindex+1)                  +

                            ';text-align:center;}'                      +

        '</style>'  );

    // This style sheet can be extracted from the script and edited into regular

    // CSS (by removing all occurrences of + and '). That can be used as the

    // basis for themes. Classes are described in comments within the style

    // sheet.

    document.writeln(

        '<style type="text/css">'                                       +

            '/* IMPORTANT:  The SCW calendar script requires all '      +

            '               the classes defined here.'                  +

            '*/'                                                        +

            'table.scw      {padding:       1px;'                       +

                            'vertical-align:middle;'                    +

                            'border:        ridge 2px;'                 +

                            'font-size:     10pt;'                      +

                            'font-family:   ' +

                                   'Verdana,Arial,Helvetica,Sans-Serif;'+

                            'font-weight:   bold;}'                     +

            'td.scwDrag,'                                               +

            'td.scwHead                 {padding:       0px 0px;'       +

                                        'text-align:    center;}'       +

            'td.scwDrag                 {font-size:     8pt;}'          +

            'select.scwHead             {margin:        3px 1px;'       +

                                        'text-align:    center;}'       +

            'input.scwHead              {height:        22px;'          +

                                        'width:         22px;'          +

                                        'vertical-align:middle;'        +

                                        'text-align:    center;'        +

                                        'margin:        2px 1px;'       +

                                        'font-weight:   bold;'          +

                                        'font-size:     10pt;'          +

                                        'font-family:   fixedSys;}'     +

            'td.scwWeekNumberHead,'                                     +

            'td.scwWeek                 {padding:       0px;'           +

                                        'text-align:    center;'        +

                                        'font-weight:   bold;}'         +

            'td.scwNow,'                                                +

            'td.scwNowHover,'                                           +

            'td.scwNow:hover,'                                          +

            'td.scwNowDisabled          {padding:       0px;'           +

                                        'text-align:    center;'        +

                                        'vertical-align:middle;'        +

                                        'font-weight:   normal;}'       +

            'table.scwCells             {text-align:    right;'         +

                                        'font-size:     8pt;'           +

                                        'width:         96%;}'          +

            'td.scwCells,'                  +

            'td.scwCellsHover,'             +

            'td.scwCells:hover,'            +

            'td.scwCellsDisabled,'          +

            'td.scwCellsExMonth,'           +

            'td.scwCellsExMonthHover,'      +

            'td.scwCellsExMonth:hover,'     +

            'td.scwCellsExMonthDisabled,'   +

            'td.scwCellsWeekend,'           +

            'td.scwCellsWeekendHover,'      +

            'td.scwCellsWeekend:hover,'     +

            'td.scwCellsWeekendDisabled,'   +

            'td.scwInputDate,'              +

            'td.scwInputDateHover,'         +

            'td.scwInputDate:hover,'        +

            'td.scwInputDateDisabled,'      +

            'td.scwWeekNo,'                 +

            'td.scwWeeks                {padding:           3px;'       +

                                        'width:             16px;'      +

                                        'height:            16px;'      +

                                        'border-width:      1px;'       +

                                        'border-style:      solid;'     +

                                        'font-weight:       bold;'      +

                                        'vertical-align:    middle;}'   +

            '/* Blend the colours into your page here...    */'         +

            '/* Calendar background */'                                 +

            'table.scw                  {background-color:  #6666CC;}'  +

            '/* Drag Handle */'                                         +

            'td.scwDrag                 {background-color:  #9999CC;'   +

                                        'color:             #CCCCFF;}'  +

            '/* Week number heading */'                                 +

            'td.scwWeekNumberHead       {color:             #6666CC;}'  +

            '/* Week day headings */'                                   +

            'td.scwWeek                 {color:             #CCCCCC;}'  +

            '/* Week numbers */'                                        +

            'td.scwWeekNo               {background-color:  #776677;'   +

                                        'color:             #CCCCCC;}'  +

            '/* Enabled Days */'                                        +

            '/* Week Day */'                                            +

            'td.scwCells                {background-color:  #CCCCCC;'   +

                                        'color:             #000000;}'  +

            '/* Day matching the input date */'                         +

            'td.scwInputDate            {background-color:  #CC9999;'   +

                                        'color:             #FF0000;}'  +

            '/* Weekend Day */'                                         +

            'td.scwCellsWeekend         {background-color:  #CCCCCC;'   +

                                        'color:             #CC6666;}'  +

            '/* Day outside the current month */'                       +

            'td.scwCellsExMonth         {background-color:  #CCCCCC;'   +

                                        'color:             #666666;}'  +

            '/* Today selector */'                                      +

            'td.scwNow                  {background-color:  #6666CC;'   +

                                        'color:             #FFFFFF;}'  +

            '/* Clear Button */'                                        +

            'td.scwClear                {padding:           0px;}'      +

            'input.scwClear             {padding:           0px;'       +

                                        'text-align:        center;'    +

                                        'font-size:         8pt;}'      +

            '/* MouseOver/Hover formatting '                            +

            '       If you want to "turn off" any of the formatting '   +

            '       then just set to the same as the standard format'   +

            '       above.'                                             +

            ' '                                                         +

            '       Note: The reason that the following are'            +

            '       implemented using both a class and a :hover'        +

            '       pseudoclass is because Opera handles the rendering' +

            '       involved in the class swap very poorly and IE6 '    +

            '       (and below) only implements pseudoclasses on the'   +

            '       anchor tag.'                                        +

            '*/'                                                        +

            '/* Active cells */'                                        +

            'td.scwCells:hover,'                                        +

            'td.scwCellsHover           {background-color:  #FFFF00;'   +

                                        'cursor:            pointer;'   +

                                        'color:             #000000;}'  +

            '/* Day matching the input date */'                         +

            'td.scwInputDate:hover,'                                    +

            'td.scwInputDateHover       {background-color:  #FFFF00;'   +

                                        'cursor:            pointer;'   +

                                        'color:             #000000;}'  +

            '/* Weekend cells */'                                       +

            'td.scwCellsWeekend:hover,'                                 +

            'td.scwCellsWeekendHover    {background-color:  #FFFF00;'   +

                                        'cursor:            pointer;'   +

                                        'color:             #000000;}'  +

            '/* Day outside the current month */'                       +

            'td.scwCellsExMonth:hover,'                                 +

            'td.scwCellsExMonthHover    {background-color:  #FFFF00;'   +

                                        'cursor:            pointer;'   +

                                        'color:             #000000;}'  +

            '/* Today selector */'                                      +

            'td.scwNow:hover,'                                          +

            'td.scwNowHover             {color:             #FFFF00;'   +

                                        'cursor:            pointer;'   +

                                        'font-weight:       bold;}'     +

            '/* Disabled cells */'                                      +

            '/* Week Day */'                                            +

            '/* Day matching the input date */'                         +

            'td.scwInputDateDisabled    {background-color:  #999999;'   +

                                        'color:             #000000;}'  +

            'td.scwCellsDisabled        {background-color:  #999999;'   +

                                        'color:             #000000;}'  +

            '/* Weekend Day */'                                         +

            'td.scwCellsWeekendDisabled {background-color:  #999999;'   +

                                        'color:             #CC6666;}'  +

            '/* Day outside the current month */'                       +

            'td.scwCellsExMonthDisabled {background-color:  #999999;'   +

                                        'color:             #666666;}'  +

            'td.scwNowDisabled          {background-color:  #6666CC;'   +

                                        'color:             #FFFFFF;}'  +

        '</style>'

                    );

//******************************************************************************

//------------------------------------------------------------------------------

// End of customisation section

//------------------------------------------------------------------------------

//******************************************************************************

//  Variables required by both scwShow and scwShowMonth

    var scwTargetEle,

        scwTriggerEle,

        scwMonthSum            = 0,

        scwBlnFullInputDate    = false,

        scwPassEnabledDay      = new Array(),

        scwSeedDate            = new Date(),

        scwParmActiveToday     = true,

        scwWeekStart           = scwWeekStart%7,

        scwToday,

        scwClear,

        scwDrag,

        scwArrMonthNames,

        scwArrWeekInits,

        scwInvalidDateMsg,

        scwOutOfRangeMsg,

        scwDoesNotExistMsg,

        scwInvalidAlert,

        scwDateDisablingError,

        scwRangeDisablingError;

    // Add a method to format a date into the required pattern

    Date.prototype.scwFormat =

        function(scwFormat)

            {var charCount = 0,

                 codeChar  = '',

                 result    = '';

             for (var i=0;i<=scwFormat.length;i++)

                {if (i<scwFormat.length && scwFormat.charAt(i)==codeChar)

                        {// If we haven't hit the end of the string and

                         // the format string character is the same as

                         // the previous one, just clock up one to the

                         // length of the current element definition

                         charCount++;

                        }

                 else   {switch (codeChar)

                            {case 'y': case 'Y':

                                result += (this.getFullYear()%Math.

                                            pow(10,charCount)).toString().

                                            scwPadLeft(charCount);

                                break;

                             case 'm': case 'M':

                                // If we find an M, check the number of them to

                                // determine whether to get the month number or

                                // the month name.

                                result += (charCount<3)

                                            ?(this.getMonth()+1).

                                                toString().scwPadLeft(charCount)

                                            :scwArrMonthNames[this.getMonth()];

                                break;

                             case 'd': case 'D':

                                // If we find a D, get the date and format it

                                result += this.getDate().toString().

                                            scwPadLeft(charCount);

                                break;

                             default:

                                // Copy any unrecognised characters across

                                while (charCount-- > 0) {result += codeChar;}

                            }

                         if (i<scwFormat.length)

                            {// Store the character we have just worked on

                             codeChar  = scwFormat.charAt(i);

                             charCount = 1;

                            }

                        }

                }

             return result;

            };

    // Add a method to left pad zeroes

    String.prototype.scwPadLeft =

        function(padToLength)

            {var result = '';

             for (var i=0;i<(padToLength - this.length);i++) {result += '0';}

             return (result + this);

            };

    // Set up a closure so that any next function can be triggered

    // after the calendar has been closed AND that function can take

    // arguments.

    Function.prototype.runsAfterSCW =

        function()  {var func = this,

                         args = new Array(arguments.length);

                     for (var i=0;i<args.length;++i) {args[i] = arguments[i];}

                     return function()

                        {// concat/join the two argument arrays

                         for (var i=0;i<arguments.length;++i) {args[args.length] = arguments[i];}

                         return (args.shift()==scwTriggerEle)?func.apply(this, args):null;

                        };

                    };

    // Set up some shortcuts

    function scwID(id)

        {if (document.getElementById(id) || (!document.getElementById(id) && document.getElementsByName(id).length==0))

                                    // IF   An ID attribute is assigned

                                    // OR   No ID attribute is assigned but using IE and Opera

                                    //          (which will find the NAME attribute value using getElementById)

                                    // OR   No element has this ID or NAME attribute value

                                    //          (used internally by the script)

                                    // THEN Return the required element.

                {return document.getElementById(id);}

         else   {if (document.getElementsByName(id).length==1)

                                // IF   No ID attribute is assigned

                                // AND  Using a standards-based browser

                                // AND  Only one element has the NAME attribute set to the value

                                // THEN Return the required element (using the NAME attribute value).

                        {return document.getElementsByName(id)[0];}

                 else   {if (document.getElementsByName(id).length>1)

                            {   // IF   No ID attribute is assigned

                                // AND  using a standards-based browser

                                // AND  more than one element has the NAME attribute set to the value

                                // THEN alert developer to fix the fault.

                             alert( 'SCW' +

                                    ' \nCannot uniquely identify element named: ' + id +

                                    '.\nMore than one identical NAME attribute defined' +

                                    '.\nSolution: Assign the required element a unique ID attribute value.');

                            }

                        }

                }

        };

    // Use a global variable for the return value from the next action

    // IE fails to pass the function through if the target element is in

    // a form and scwNextAction is not defined.

    var scwNextActionReturn, scwNextAction;

// ****************************************************************************

// Start of Function Library

//

//  Exposed functions:

//

//      scwShow             Entry point for display of calendar,

//                              called in main page.

//      showCal             Legacy name of scwShow:

//                              Passes only legacy arguments,

//                              not the optional day disabling arguments.

//

//      scwShowMonth        Displays a month on the calendar,

//                              Called when a month is set or changed.

//

//      scwBeginDrag        Controls calendar dragging.

//

//      scwCancel           Called when the calendar background is clicked:

//                              Calls scwStopPropagation and may call scwHide.

//      scwHide             Hides the calendar, called on various events.

//      scwStopPropagation  Stops the propagation of an event.

//

// ****************************************************************************

    function showCal(scwEle,scwSource) {scwShow(scwEle,scwSource);};

    function scwShow(scwEle,scwSource)

        {if (!scwSource) {scwSource = window.event;}