EVCSEARCH = {

    data: {
        cal: 'EVCSEARCH_cal',
        label: 'EVCSEARCH_label',
        d1: null,
        d2: null,
        field1: 'EVCSEARCH_field_d1',
        field2: 'EVCSEARCH_field_d2'
    },

    init: function () {

        this.init_calendar();

    },

    init_calendar: function () {

        var selDate = new Date();

          // This was changed here due to jQuery shadowing $ with
          // it's own jQuery object wrapper function at the time.
        this.data.label = document.getElementById(this.data.label);
        this.data.field1 = document.getElementById(this.data.field1);
        this.data.field2 = document.getElementById(this.data.field2);

        this.data.field1.value = '';
        this.data.field2.value = '';

        this.data.cal = new YAHOO.widget.CalendarGroup(this.data.cal, {
            multi_select: true,
            navigator: true
        });

        this.data.cal.render();

        this.data.cal.selectEvent.subscribe(this.doSelect, this, true);
        this.data.cal.deselectEvent.subscribe(this.doDeSelect, this, true);

    },



    /** Formats a date according to the supplied string.
    *  String defaults to 'mmmm d, yyyy'
    *  List of characters for the string:
    *  <table>
    *  <tr><td> m     </td><td> Months as 1-12             </td></tr>
    *  <tr><td> mm    </td><td> Months as 01-12            </td></tr>
    *  <tr><td> mmm   </td><td> Months as Jan-Dec          </td></tr>
    *  <tr><td> mmmm  </td><td> Months as January-December </td></tr>
    *  <tr><td> d     </td><td> Days as 1-31               </td></tr>
    *  <tr><td> dd    </td><td> Days as 01-31              </td></tr>
    *  <tr><td> ddd   </td><td> Days as Sun-Sat            </td></tr>
    *  <tr><td> dddd  </td><td> Days as Sunday-Saturday    </td></tr>
    *  <tr><td> y     </td><td> Years as 0-99              </td></tr>
    *  <tr><td> yy    </td><td> Years as 00-99             </td></tr>
    *  <tr><td> yyyy  </td><td> Years as 1900-9999         </td></tr>
    *  <tr><td> h     </td><td> Hours as  1 - 12           </td></tr>
    *  <tr><td> hh    </td><td> Hours as 01 - 12           </td></tr>
    *  <tr><td> H     </td><td> Hours as  0 - 23           </td></tr>
    *  <tr><td> HH    </td><td> Hours as 00 - 23           </td></tr>
    *  <tr><td> nn    </td><td> Minutes as 0 - 59          </td></tr>
    *  <tr><td> ss    </td><td> Seconds as 0 - 59          </td></tr>
    *  <tr><td> t     </td><td> A/P                        </td></tr>
    *  <tr><td> tt    </td><td> AM/PM                      </td></tr>
    *  </table>
    */
    formatDate: function (date, s) {
        s = (s) ? s : 'mmmm d, yyyy';
        if (isNaN(date) || date === null) {
            return '';
        }

        function pad(d) {
            var s = d.toString();
            return (d < 10) ? '0' + s : s;
        }

        var re = /\b(?:m{1,4}|d{1,4}|yyyy|yy?|hh?|nn?|ss?|tt?)\b/g,
		h = date.getHours(),
		mmm = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"],
		mmmm = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"],
		ddd = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"],
		dddd = ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"];

        h = (h === 0) ? 12 : (h < 13) ? h : h - 12;

        return s.replace(re, function (match, pos, source) {
            switch (match) {
                case 'm':
                    return date.getMonth() + 1;

                case 'mm':
                    return pad(date.getMonth() + 1);

                case 'mmm':
                    return mmm[date.getMonth()];

                case 'mmmm':
                    return mmmm[date.getMonth()];

                case 'd':
                    return date.getDate();

                case 'dd':
                    return pad(date.getDate());

                case 'ddd':
                    return ddd[date.getDay()];

                case 'dddd':
                    return dddd[date.getDay()];

                case 'ddT':
                    return pad(date.getDate()) + 'T';

                case 'y':
                    return (date.getFullYear().toString().substring(2, 4) * 1).toString();

                case 'yy':
                    return date.getFullYear().toString().substring(2, 4);

                case 'yyyy':
                    return date.getFullYear().toString();

                case 'h':
                    return h;

                case 'hh':
                    return pad(h);

                case 'H':
                    return date.getHours();

                case 'HH':
                    return pad(date.getHours());

                case 'n':
                    return date.getMinutes();

                case 'nn':
                    return pad(date.getMinutes());

                case 's':
                    return date.getSeconds();

                case 'ss':
                    return pad(date.getSeconds());

                case 't':
                    return (date.getHours() < 12) ? 'A' : 'P';

                case 'tt':
                    return (date.getHours() < 12) ? 'AM' : 'PM';
            }
        });
    },




    doSelect: function (e, d) {
        var selDate = new Date(d[0][0][0], d[0][0][1] - 1, d[0][0][2]);
        var label = '';

        // First click
        if (this.data.d1 === null) {
            this.data.d1 = selDate;
            label = 'On or after ' + this.formatDate(selDate, 'dddd, mmm d, yyyy');

            // Second click
        } else if (this.data.d2 === null) {
            this.data.d2 = selDate;

            if (this.data.d1 > this.data.d2) {
                selDate = this.data.d1;
                this.data.d1 = this.data.d2;
                this.data.d2 = selDate;
            }

            this.data.cal.cfg.setProperty('selected',
				this.formatDate(this.data.d1, 'm/d/yyyy') + '-' +
				this.formatDate(this.data.d2, 'm/d/yyyy'));
            this.data.cal.render();

            label = 'Between ' + this.formatDate(this.data.d1, 'dddd, mmm d, yyyy') +
			' and ' + this.formatDate(this.data.d2, 'dddd, mmm d, yyyy');

            // Third click clears.
        } else {

            this.data.d1 = null;
            this.data.d2 = null;
            this.data.cal.clear();
            label = 'Next 60 days';

        }

        this.data.label.innerHTML = label;
        this.data.field1.value = this.formatDate(this.data.d1, 'yyyy-mm-dd');
        this.data.field2.value = this.formatDate(this.data.d2, 'yyyy-mm-dd');

    },


    doDeSelect: function () {

        this.data.d1 = null;
        this.data.d2 = null;
        this.data.cal.clear();
        this.data.label.innerHTML = 'Next 60 days';
        this.data.field1.value = '';
        this.data.field2.value = '';

    }


};

Event.onDOMReady(EVCSEARCH.init, EVCSEARCH, true);