jQuery(document).ready(function() {
    jQuery("#" + ddlPackageDestinationId + "").cascade("#" + ddlPackageCountryId + "", {
        list: packageCountriesCitiesList,
        template: commonTemplate,
        match: commonMatch
    })
    .bind("loaded.cascade", function(e, target) {
        jQuery(this).prepend("<option value='0' selected='true'>Please select...</option>");
        
        if (document.getElementById(ddlPackageCountryId).value == "0") {
            document.getElementById(ddlPackageDestinationId).disabled = true;
        }
        document.getElementById(ddlPackageDestinationId).selectedIndex = 0;               
        if($.browser.msie && $.browser.version=="6.0")
        {                              
            setTimeout("document.getElementById(ddlPackageDestinationId).options.value = '0'",5);            
        }              
        if (document.getElementById(packageSearchControlId + "hidDestinationId") != null && document.getElementById(packageSearchControlId + "hidDestinationId").value != '') {
            document.getElementById(ddlPackageDestinationId).value = document.getElementById(packageSearchControlId + "hidDestinationId").value;
            // however the problem now is that when changing country, it will attempt to select the value stored in hidDestinationId, but wont find it anymore and therefore
            // will be set to 0 by default... so need to reset the hidDestinationId too.
            if (document.getElementById(ddlPackageDestinationId).value == "0" || document.getElementById(ddlPackageDestinationId).value == "") {
                document.getElementById(ddlPackageDestinationId).selectedIndex = 0;
                document.getElementById(packageSearchControlId + "hidDestinationId").value = '';
            }
        }
    });

    jQuery("#" + ddlPackageLocationId + "").cascade("#" + ddlPackageDestinationId + "", {
        list: packageCitiesLocationsList,
        template: commonTemplate,
        match: commonMatch
    })
    .bind("loaded.cascade", function(e, target) {
        if (document.getElementById(ddlPackageDestinationId).value == "0") {
            document.getElementById(ddlPackageLocationId).disabled = true;
            jQuery(this).prepend("<option value='0' selected='true'></option>");
        }
        else {
            jQuery(this).prepend("<option value='0' selected='true'>Select All</option>");
        }
        document.getElementById(ddlPackageLocationId).selectedIndex = 0;
        if($.browser.msie && $.browser.version=="6.0")
        {            
            setTimeout("document.getElementById(ddlPackageLocationId).value = '0'",10);
        }        
        if (document.getElementById(packageSearchControlId + "hidResortId") != null && document.getElementById(packageSearchControlId + "hidResortId").value != '') {
            document.getElementById(ddlPackageLocationId).value = document.getElementById(packageSearchControlId + "hidResortId").value;
        }
        //jQuery(this).find("option:first")[0].selected = true;
    });
});


$(function() {
$('.depSelectorPackage').datepicker({ buttonImage: '/Content/Images/IBE/calendar.jpg', dateFormat: 'dd/mm/yy', showOn: 'button', minDate: '+' + minimumDays + 'd', maxDate: '+' + maxMonths + 'm', buttonImageOnly: true, buttonText: 'Choose a departure date', onSelect: function(dateText, inst) { UpdateDepartureDate(packageSearchControlId); } });

$('.retSelectorPackage').datepicker({ buttonImage: '/Content/Images/IBE/calendar.jpg', dateFormat: 'dd/mm/yy', showOn: 'button', minDate: '+' + minimumDays + 'd', maxDate: '+' + maxMonths + 'm', buttonImageOnly: true, buttonText: 'Choose a return date', onSelect: function(dateText, inst) { UpdateReturnDate(packageSearchControlId); } });
});