/* ANSI Datepicker Calendar - David Lee 2005



  david [at] davelee [dot] com [dot] au



  project homepage: http://projects.exactlyoneturtle.com/date_picker/



  License:

  use, modify and distribute freely as long as this header remains intact;

  please mail any improvements to the author

*/



var DatePicker = {

  version: 0.31,



  /* Configuration options */



  // if false, hide last row if empty

  constantHeight: true,



  // show select list for year?

  useDropForYear: false,



  // show select list for month?

  useDropForMonth: false,



  // number of years before current to show in select list

  yearsPriorInDrop: 10,



  // number of years after current to show in select list

  yearsNextInDrop: 10,



  // The current year

  year: new Date().getFullYear(),

  

  // The first day of the week (0=Sunday, 1=Monday, ...)

  firstDayOfWeek: 0,



  // show only 3 chars for month in link

  abbreviateMonthInLink: true,



  // show only 2 chars for year in link

  abbreviateYearInLink: false,



  // eg 1st

  showDaySuffixInLink: false,



  // eg 1st; doesn't play nice w/ month selector

  showDaySuffixInCalendar: false,



  // px size written inline when month selector used

  largeCellSize: 22,



  // if set, choosing a day will send the date to this URL, eg 'someUrl?date='

  urlBase: null,



  // show a cancel button to revert choice

  showCancelLink: true,



  // stores date before datepicker to revert to when cancelling

  _priorDate: [],

  _priorMonthYear: [],



  months: 'January,February,March,April,May,June,July,August,September,October,November,December'.split(','),



  days: 'Sun,Mon,Tue,Wed,Thu,Fri,Sat'.split(','),



  /* Method declarations */



  toggleDatePicker: function (id) {

	var els = document.forms.aspnetForm.elements;
    var calendar = this.findCalendarElement(id);
	var calendarWrapper = this.findCalendarWrapper(id);

    if (calendar.style.display == 'block') {  // If showing, hide

      calendar.style.display = 'none';
	  calendarWrapper.style.display = 'none';

      if (id == 'a') {
        refreshWeekday(0);  
        updateDepartureDropdown(); 
      } else {
        refreshWeekday(1);  
        updateArrivalDropdown();
      }

    } else {  // Else, show
        // Close the other window
        if (id == 'a') {
            var otherCalendar = this.findCalendarElement('d');
        } else {
            var otherCalendar = this.findCalendarElement('a');
        }

      otherCalendar.style.display = 'none';

      calendar.style.display = 'block';
	  calendarWrapper.style.display = 'block';

      this._priorDate[id] = document.getElementById(id+'D').value;

      this._priorMonthYear[id] = document.getElementById(id+'MY').value;

      this.writeCalendar(id);




    }

  },



  cancel: function (id) {

    document.getElementById(id+'D').value = this._priorDate[id];

    document.getElementById(id+'MY').value = this._priorMonthYear[id];    

    this.findCalendarElement(id).style.display = 'none';

  },



  // mitigate clipping when new month has less days than selected date

  unclipDates: function (d1, d2) {

    if (d2.getDate() != d1.getDate()) {

      d2 = new Date(d2.getFullYear(), d2.getMonth(), 0);

    }



    return d2;

  },



  // change date given an offset from the current date as a number of months (+-)

  changeCalendar: function (id, offset) {

    var d1 = this.getSelectedDate(id), d2;

    if (offset % 12 == 0) { // 1 year forward / back (fix Safari bug)

      d2 = new Date (d1.getFullYear() + offset / 12, d1.getMonth(), d1.getDate() );

    } else if (d1.getMonth() == 0 && offset == -1) {// tiptoe around another Safari bug

      d2 = new Date (d1.getFullYear() - 1, 11, d1.getDate() );

    } else {

      d2 = new Date (d1.getFullYear(), d1.getMonth() + offset, d1.getDate() );

    }



    d2 = this.unclipDates(d1, d2);

    ansi_date = d2.getFullYear() + '-' + (d2.getMonth() + 1) + '-' + d2.getDate();

    this.setDate(id, ansi_date);

    this.writeCalendar(id);

  },



  setDate: function (id, ansiDate) {



    var d_day  = (this.showDaySuffixInLink ? this.formatDay(ansiDate.split('-')[2]) : ansiDate.split('-')[2]);

    var d_year = (this.abbreviateYearInLink ? ansiDate.split('-')[0].substring(2,4) : ansiDate.split('-')[0]);

    var d_mon  = Number(ansiDate.split('-')[1]);



//    if (this.abbreviateMonthInLink) { d_mon = d_mon.substring(0, 3); }

    document.getElementById(id+'D').value = d_day;





    monthYear = document.getElementById(id+'MY')

    for (var i=0; i < monthYear.options.length; i++ ) {

        dateString = monthYear.options[i].value

        dateList = dateString.split('-')

        month = dateList.shift()

        year = dateList.shift()

        if (month == d_mon) {

            if (year == d_year) {

            document.getElementById(id+'MY').selectedIndex = i

            break }

            } 

        }

  },



  pickDate: function (id, ansi_date) {

    this.setDate(id, ansi_date);

    this.toggleDatePicker(id);

    if (this.urlBase) {

      document.location.href = this.urlBase + ansi_date

    }

  },



  getMonthName: function(monthNum) { //anomalous

    return this.months[monthNum];

  },



  dateFromAnsiDate: function (ansi_date) {

    return new Date(ansi_date.split('-')[0], Number(ansi_date.split('-')[1]) - 1, ansi_date.split('-')[2])

  },



  ansiDateFromDate: function(date) {

    alert( date.getFullYear() + '-' + (date.getMonth()+1) + '-' + date.getDate() );

  },



  dateFromForms: function (id) {



    var monthYear = document.getElementById(id+'MY').value

    dateList = monthYear.split('-')

    chosenMonth = parseInt(dateList.shift())

    chosenYear = parseInt(dateList.shift())

    var chosenDay = parseInt(document.getElementById(id+'D').value)

    if (isNaN(chosenDay)) { return chosenDay }

    return new Date(chosenYear, chosenMonth-1, chosenDay, 0, 0, 0, 0)

  },



  getSelectedDate: function (id) {

    if (document.getElementById(id+'D').value == '') return new Date(); // default to today if no value exists

    return this.dateFromForms(id);

  },



  makeChangeCalendarLink: function (id, label, offset) {

    return ('<a href="#" onclick="DatePicker.changeCalendar(\''+id+'\','+offset+'); return false;">' + label + '</a>');

  },



  formatDay: function (n) {

    var x;

    switch (String(n)){

      case '1' :

      case '21': case '31': x = 'st'; break;

      case '2' : case '22': x = 'nd'; break;

      case '3' : case '23': x = 'rd'; break;

      default:

        x = 'th';

    }



    return n + x;

  },



  writeMonth: function (id, n) {

    if (this.useDropForMonth) {

      var opts = '';

      for (i in this.months) {

        sel = (i == this.getSelectedDate(id).getMonth() ? 'selected="selected" ' : '');

        opts += '<option ' + sel + 'value="'+ i +'">' + this.getMonthName(i) + '</option>';

      }



      return '<select onchange="DatePicker.selectMonth(\'' + id + '\', this.value)">' + opts + '</select>';

    } else {

      return this.getMonthName(n)

    }

  },



  writeYear: function (id, n) {

    if (this.useDropForYear) {

      var min = this.year - this.yearsPriorInDrop;

      var max = this.year + this.yearsNextInDrop;

      var opts = '';

      for (i = min; i < max; i++) {

        sel = (i == this.getSelectedDate(id).getFullYear() ? 'selected="selected" ' : '');

        opts += '<option ' + sel + 'value="'+ i +'">' + i + '</option>';

      }



      return '<select onchange="DatePicker.selectYear(\'' + id + '\', this.value)">' + opts + '</select>';

    } else {

      return n

    }

  },



  selectMonth: function (id, n) {

    d = this.getSelectedDate(id)

    d2 = new Date(d.getFullYear(), n, d.getDate())

    d2 = this.unclipDates(d, d2)

    this.setDate(id, d2.getFullYear() + '-' + (Number(n)+1) + '-' + d2.getDate() )

    this.writeCalendar(id)

  },



  selectYear: function (id, n) {

    d = this.getSelectedDate(id)

    d2 = new Date(n, d.getMonth(), d.getDate())

    d2 = this.unclipDates(d, d2)

    this.setDate(id, n + '-' + (d2.getMonth()+1) + '-' + d2.getDate() )

    this.writeCalendar(id)

  },



  writeCalendar: function (id) {

    var date = this.getSelectedDate(id);

    var firstWeekday = new Date(date.getFullYear(), date.getMonth(), 1).getDay();

    var lastDateOfMonth = new Date(date.getFullYear(), date.getMonth() + 1, 0).getDate();



    // To grey out dates in past

    var firstDateOfMonth = new Date(date.getFullYear(), date.getMonth(), 1)

    var now = new Date();

    var today = new Date(now.getFullYear(), now.getMonth(), now.getDate())

    if (firstDateOfMonth < today) {

        var greyOutPastDates = true;

    } else {

        var greyOutPastDates = false;

    }

    

    var day  = 1; // current day of month



    // not quite entirely pointless: fix Safari display bug with absolute positioned div

    // this.findLinkElement(id).innerHTML = this.findLinkElement(id).innerHTML;



    var o = '<table cellspacing="1">'; // start output buffer

    o += '<thead><tr>';



    // month buttons

    o +=

      '<th style="text-align:left">' + this.makeChangeCalendarLink(id,'&lt;',-1) + '</th>' +

      '<th colspan="5">' + this.writeMonth(id, date.getMonth()) + '</th>' +

      '<th style="text-align:right">' + this.makeChangeCalendarLink(id,'&gt;',1) + '</th>';

    o += '</tr><tr>';



    // year buttons

    o +=

      '<th colspan="2" style="text-align:left">' + this.makeChangeCalendarLink(id,'&lt;&lt;',-12) + '</th>' +

      '<th colspan="3">' + this.writeYear(id,  date.getFullYear()) + '</th>' +

      '<th colspan="2" style="text-align:right">' + this.makeChangeCalendarLink(id,'&gt;&gt;',12) + '</th>';

    o += '</tr><tr class="day_labels">';



    // day labels

    for(var i = 0; i < this.days.length; i++) {

      o += '<th>' + this.days[(i+this.firstDayOfWeek) % 7] + '</th>';

    }

    o += '</tr></thead>';



    if (this.showCancelLink) {

      o += '<tfoot><tr><td colspan="7"><div class="cancel_butt"><a href="#calendar" onclick="DatePicker.cancel(\''+id+'\')">[x] cancel</a></div></td></tr></tfoot>';

    }



    // day grid

    o += '<tbody>';

    for(rows = 1; rows < 7 && (this.constantHeight || day < lastDateOfMonth); rows++) {

      o += '<tr>';

      for(var day_num = 0; day_num < this.days.length; day_num++) {

        var translated_day = (this.firstDayOfWeek + day_num) % 7

        if ((translated_day >= firstWeekday || day > 1) && (day <= lastDateOfMonth) ) {

          args = [id, (date.getFullYear() + '-' + (date.getMonth() + 1) + '-' + day)];

          style = (this.selectMonth ? ' style="width: ' + this.largeCellSize + 'px"' : '');

          

          cls = '';

          

          if (greyOutPastDates == true) {

              if (day < today.getDate()) {

                  cls = ' class="past"'

              }

          }

          

          o +=

            '<td' + cls + style + '>' + // link : each day

            "<a href=\"#\" onclick=\"DatePicker.pickDate('" + args.join("','") + "'); return false;\">" + day + '</a>' +

            '</td>';

          day++;

        } else {

          o += '<td>&nbsp;</td>';

        }

      }



      o += '</tr></tbody>';

    }



    o += '</table>';



    this.findCalendarElement(id).innerHTML = o;

  },



  findCalendarElement: function(id) {
	//alert('Now finding other Cal' + id);
    return document.getElementById(id + '_calendar');

  },
  
  //For IE 6
    findCalendarWrapper: function(id) {

    return document.getElementById('select-free_' + id);

  },



  findLinkElement: function(id) {

    return document.getElementById('_' + id + '_link');

  }

};



// Date picker end