/**
 * jQuery UI - DatePicker
 */
$(function() {

  // set depart date
  var current_date = $("#_departMonth1").val();
  var current_day = current_date.substring(6,8);
  var current_month_year = current_date.substring(0,4) + '-' + current_date.substring(4,6);

  $("#Day1").val(current_day);
  $("#MonthYear1").val(current_month_year);
  $("#Day2").val(current_day);
  $("#MonthYear2").val(current_month_year);

  var today = new Date();

  $("#_departMonth1").datepicker({
    showOn: 'button',
    buttonImage: '/images/calendar.png',
    buttonImageOnly: true,
    dateFormat: 'yymmdd',
    minDate: "+1d",
    maxDate: "+15m -" + today.getDate() + "d",
    onSelect: updateDate1
  });

  $("#Day1, #MonthYear1").change(function() {
    var newDate = $("#MonthYear1").val().replace('-', '') + $("#Day1").val();
    var dpDate = newDate.substring(4,6) + "/" + newDate.substring(6,8) + "/" + newDate.substring(0,4);
    $("#_departMonth1").datepicker('setDate', new Date(String(dpDate)));
  });

  var today = new Date();

  $("#_departMonth2").datepicker({
    beforeShow: customRange,
    showOn: 'button',
    buttonImage: '/images/calendar.png',
    buttonImageOnly: true,
    dateFormat: 'yymmdd',
    minDate: "+1d",
    maxDate: "+15m -" + today.getDate() + "d",
    onSelect: updateDate2
  });

  $("#Day2, #MonthYear2").change(function() {
    var newDate = $("#MonthYear2").val().replace('-', '') + $("#Day2").val();
    var dpDate = newDate.substring(4,6) + "/" + newDate.substring(6,8) + "/" + newDate.substring(0,4);
    $("#_departMonth2").datepicker('setDate', new Date(String(dpDate)));
  });
});

function customRange(input) {
  var newDate = new Date();
  var newMonth = newDate.getMonth();

  return {
    minDate: $("#_departMonth1").datepicker('getDate')
  }
}

function updateDate1(date) { // date= YYYYMMDD
  $("#MonthYear1").val(date.substring(0, 4) + '-' + date.substring(4,6));
  $("#Day1").val(date.substring(6, 8));

  var depart1 = $("#MonthYear1").val().replace('-', '') + $("#Day1").val();
  var depart2 = $("#MonthYear2").val().replace('-', '') + $("#Day2").val();

  if (depart1 > depart2) {
    $("#_departMonth2").val(date.substring(0, 6));
    $("#_departDay2").val(date.substring(6, 8));
    $("#MonthYear2").val(date.substring(0, 4) + '-' + date.substring(4,6));
    $("#Day2").val(date.substring(6, 8));
  }
}

function updateDate2(date) {
  $("#MonthYear2").val(date.substring(0, 4) + '-' + date.substring(4,6));
  $("#Day2").val(date.substring(6, 8));
}

function updateDepart2() {
  var bookingForm = window.document.bookingForm;
  var departDay1 = bookingForm.Day1;
  var departMonth1 = bookingForm.MonthYear1;
  var departDay2 = bookingForm.Day2;
  var departMonth2 = bookingForm.MonthYear2;
  var depart1 = String(departMonth1.value).replace('-', '') + String(departDay1.value);
  var depart2 = String(departMonth2.value).replace('-', '') + String(departDay2.value);

  if (depart1 > depart2) {
    departDay2.value = departDay1.value;
    departMonth2.value = departMonth1.value;
  }
}