// JScript File
$(function() {
  var dates = $('#txtDateFrom, #txtDateTo').datepicker({
    defaultDate: "+1w",
    changeMonth: true,
    constrainInput: true,
    changeYear: true,
    numberOfMonths: 3,
    minDate: 0,
    maxDate: '+24M',
    dateFormat: 'dd MM yy',
    onSelect: function(selectedDate) {
      var option = this.id == "txtDateFrom" ? "minDate" : "maxDate";
      var instance = $(this).data("datepicker");
      var date = $.datepicker.parseDate(instance.settings.dateFormat || $.datepicker._defaults.dateFormat, selectedDate, instance.settings);
      dates.not(this).datepicker("option", option, date);
      //getHours();
    }
  }); 
  
  $('#txtTimeFrom, #txtTimeTo').timeEntry({
    spinnerImage: '/scripts/spinnerDefault.png',
    show24Hours: false, 
    timeSteps: [1, 30, 0],
    ampmPrefix: ' '
  }).change(function() { getHours() });
  
  function getHours() {
   var datefrom = new Date($('#txtDateFrom').val() +' '+ $('#txtTimeFrom').val());
   var dateto = new Date($('#txtDateTo').val() +' '+ $('#txtTimeTo').val());
   var hrs = (dateto-datefrom)/(60*60*1000)
   var days = Math.floor(hrs / 24)
   var remainingHours = hrs-(days*24)
   $('#spnTotalDays').text( days +' day and ' + remainingHours + ' hours' );

  }
  
});