/**
 * jQuery UI - DatePicker
 */
$(function() {
  var today = new Date();
  
  $("#_departMonth1").datepicker({
    showOn: 'button',
    buttonImage: '/images/calendar.png',
    buttonImageOnly: true,
    dateFormat: 'yymmdd',
    minDate: today,
    maxDate: "+12m -" + today.getDate() + "d",
    onSelect: updateDate1
  });
  $("#departDay1, #departMonth1").change(function() {
    var newDate = $("#departMonth1").val() + $("#departDay1").val();
    var dpDate = newDate.substring(4,6) + "/" + newDate.substring(6,8) + "/" + newDate.substring(0,4);
    $("#_departMonth1").datepicker('setDate', new Date(String(dpDate)));
  });
});

$(function() {
  var today = new Date();
  
  $("#_departMonth2").datepicker({
    beforeShow: customRange,
    showOn: 'button',
    buttonImage: '/images/calendar.png',
    buttonImageOnly: true,
    dateFormat: 'yymmdd',
    minDate: today,
    maxDate: "+12m -" + today.getDate() + "d",
    onSelect: updateDate2
  });
  $("#departDay2, #departMonth2").change(function() {
    var newDate = $("#departMonth2").val() + $("#departDay2").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) {
  $("#departMonth1").val(date.substring(0, 6));
  $("#departDay1").val(date.substring(6, 8));
  
  var depart1 = $("#departMonth1").val() + $("#departDay1").val();
  var depart2 = $("#departMonth2").val() + $("#departDay2").val();
  
  if (depart1 > depart2) {
    $("#_departMonth2").val(date.substring(0, 6));
    $("#_departDay2").val(date.substring(6, 8));
    $("#departMonth2").val(date.substring(0, 6));
    $("#departDay2").val(date.substring(6, 8));
  }
}

function updateDate2(date) {
  $("#departMonth2").val(date.substring(0, 6));
  $("#departDay2").val(date.substring(6, 8));
}

function updateDepart2() {
  var skyForm = window.document.skylightsForm;
  var departDay1 = skyForm.departDay1;
  var departMonth1 = skyForm.departMonth1;
  var departDay2 = skyForm.departDay2;
  var departMonth2 = skyForm.departMonth2;
  var depart1 = String(departMonth1.value) + String(departDay1.value);
  var depart2 = String(departMonth2.value) + String(departDay2.value);
  
  if (depart1 > depart2) {
    departDay2.value = departDay1.value;
    departMonth2.value = departMonth1.value;
  }
}