$(function () {  
    
    $("#marques").change(function () {
        show_modeles($(this).val(), '');
    });

    $("#modeles").change(function () {
        show_version($(this).val(), $("#marques").val());
    });

    $("#modeles").attr('disabled', 'true');

});

//------------------------------------------------------------------------------
function show_marques(def_marque) {

    $.ajax({
        type: "POST",
        url: "/_ajax/webservice.asmx/GetMarques",
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        cache: true,
        success: function (msg) {
            $("#marques").find('option').remove();
            var options = '';
            var j = msg.d;
            options = '<option value="">Indifférent</option>';
            for (var i = 0; i < j.length; i++) {

                if (j[i]._item1 == def_marque) {
                    options += '<option value="' + j[i]._item1 + '" selected="selected">' + j[i]._item1 + '</option>';
                } else {
                    options += '<option value="' + j[i]._item1 + '">' + j[i]._item1 + '</option>';
                }
            }
            $("#marques").html(options);
            $("[id$='nb_vehicule']").html(j[0]._item2);
        }
    })

}
//------------------------------------------------------------------------------
function show_modeles(id_marque, def_model) {

    $("#modeles").attr('disabled', 'true');

    if (id_marque != '') {

        $.ajax({
            type: "POST",
            url: "/_ajax/webservice.asmx/GetModeles",
            data: '{"marque":"' + id_marque + '"}',
            contentType: "application/json; charset=utf-8",
            dataType: "json",
            cache: true,
            success: function (msg) {
                $("#modeles").find('option').remove();
                var options = '';
                var j = msg.d;
                options = '<option value="">Indifférent</option>';
                for (var i = 0; i < j.length; i++) {

                    if (j[i]._item1 == def_model) {
                        options += '<option value="' + j[i]._item1 + '" selected="selected">' + j[i]._item1 + '</option>';
                    } else {
                        options += '<option value="' + j[i]._item1 + '">' + j[i]._item1 + '</option>';
                    }
                }
                $("#modeles").html(options);
                $("#modeles").prop('disabled', false);
                $("[id$='nb_vehicule']").html(j[0]._item2);
            }
        });

    }

}
//------------------------------------------------------------------------------
function show_version(modele, id_marque) {

    if (modele != '') {
        $.ajax({
            type: "POST",
            url: "/_ajax/webservice.asmx/GetVehicules",
            data: '{"marque":"' + id_marque + '","modele":"' + modele + '"}',
            contentType: "application/json; charset=utf-8",
            dataType: "json",
            cache: true,
            success: function (msg) {

                $("[id$='nb_vehicule']").html(msg.d);
            }
        })

    }
}