// Booking widget
$(function() {

  // Set current date to the in select boxes
  var currDate = new Date();
  var day = currDate.getDate();
  var month = currDate.getMonth()+1;
  var year = currDate.getYear();
  $("select[name=ad_tt]").val((day<10)?'0'+day:day);
  $("select[name=ad_mm]").val((month<10)?'0'+month:month);
  //$("select[name=ad_yyyy]").val((year<10)?'0'+year:year);

  // Create datepicker input holding the data
  var datepicker = $('<input type="hidden"/>');
  $("select[name=ad_yyyy]").after(datepicker);

  // Create datepicker
  datepicker.datepicker(
    {
      showOn: 'button',
      buttonImageOnly: true,
      buttonImage: 'http://www.mosaichouse.com/__data/assets/image/0011/161012/calendar.png',
      defaultDate: new Date(),
      dateFormat: 'mm/dd/yy',
      minDate: -1,
      maxDate: '+3y',
      onSelect: function(dateText) {
          dateArray = dateText.split('/');
          //console.log('selected='+dateText+' tt='+dateArray[1]);
          $("select[name=ad_tt]").val(dateArray[1]).change();
		  $("select[name=ad_mm]").val(dateArray[0]).change();
          $("select[name=ad_yyyy]").val(dateArray[2]).change();
      }
    }
  );
  
});