$(document).ready(function () {
    $('#Departure').change(PopulateArrivalList);

    /*$('input[name=trip]').change(function() 
    {
    if ($('input[name=trip]:checked').val() == "one_way") 
        {
            //$('#return').hide();
            //$('#ReturnDate').removeClass('requireddate');
        }
        else {
            $('#return').show();
            $('#ReturnDate').addClass('requireddate');            
        }
    });

    jQuery.validator.addMethod("requiredvalue", function (value, element) {
        return !this.optional(element);
    }, "*");

    jQuery.validator.addMethod("requireddate", function (value, element) {
        return !this.optional(element) && !/Invalid|NaN/.test(new Date(value));
    }, "<br /><span class='errormessage'>Invalid date specified</span>");*/

    $('#ReturnDate, #DepartureDate').datepicker({ dateFormat: 'dd MM yy' });

   /* $('#aspnetForm').validate({ errorContainer: "#errorSummary",
        errorLabelContainer: "#errorSummary ul",
        wrapper: "li"
    });*/

    PopulateDepartureList();
});

function PopulateArrivalList() {
    var Carrier = $('#Carrier').val();
    var Departure = $('#Departure').val();

       
    $.ajax({
        cached: false,
        async: false,
        url: AjaxBookingUrl,
        data: { carrier: Carrier, board: Departure },
        dataType: 'json',
        type: 'GET',
        success: function (data) {
            $('#Arrival').html('');

            var option = document.createElement('option');
            option.value = "";
            option.appendChild(document.createTextNode("Select"));
            $('#Arrival')[0].appendChild(option);
                       
            $.each(data, function (key, val) {
                var option = document.createElement('option');
                option.value = val.city;
                option.appendChild(document.createTextNode(val.description));
                $('#Arrival')[0].appendChild(option);
            });
        }
    });
}

function PopulateDepartureList() {
    var Carrier = $('#Carrier').val();

    $.ajax({
        cached: false,
        async: false,
        url: AjaxBookingUrl,
        data: { carrier: Carrier },
        dataType: 'json',
        type: 'GET',
        success: function(data, status, request) {
            var option = document.createElement('option');
            option.value = "";
            option.appendChild(document.createTextNode("Select"));
            $('#Departure')[0].appendChild(option);
                      
            $.each(data, function(key, val) {
                var option = document.createElement('option');
                option.value = val.city;
                option.appendChild(document.createTextNode(val.description));
                $('#Departure')[0].appendChild(option);
            });

            PopulateArrivalList();
        }
    });
}