$(document).ready(function() {

    $('#linkedDatepicker').datepicker({

        beforeShow: readSelected,
        onSelect: updateLinked,
        minDate: 0,
        maxDate: +365,
        showOn: 'both',
        dateFormat: 'mm/dd/yy',
        buttonImageOnly: true,
        buttonImage: 'http://www.ocmdhotels.com/images/ocmdhotels/calendar2.gif',
        gotoCurrent: true,
        numberOfMonths: 2
    })

    var currentTime = new Date()

    var amonth = currentTime.getMonth() + 1
    var aday = currentTime.getDate()
    var ayear = currentTime.getFullYear()
    if (amonth < 10) amonth = "0" + amonth
    if (aday < 10) aday = "0" + aday

    $('#Month').val(amonth);
    $('#Day').val(aday);
    $('#Year').val(ayear);


});

// Prepare to show a date picker linked to three select controls
function readSelected() {
    $('#linkedDatepicker').val(parseInt($('#Month').val()) + 1+ '/' +
        $('#Day').val() + '/' + $('#Year').val());
    return {};
}


// Update three select controls to match a date picker selection
function updateLinked(date) {

    date = date.split('/');

    var m = date[0];
    m = parseInt(m, 10) - 1;
    m = (m < 10 ? '0' : '') + m;
    var d = date[1];
    var y = date[2];

    $('#Month').val(m);
    $('#Year').val(y);
    loadDays(true);
    $('#Day').val(d);
}

