/// utilise les variable js : urlDomainStaticOscaro ET urlDomainCatalogOscaro ET afficherTitreMoteur
function set_afficherTitreMoteur(value) {
    afficherTitreMoteur = value;
    if (value == true) {
        $get('divTitreMoteur').innerHTML = $get('divTitreAffinerMarque').innerHTML;
    }
}
function $get(id) {
    return document.getElementById(id);
}

function ManufacturerChange() {
    $('#GreyButton').show();
    $('#ClearButton').hide();
    ModelsLoaded = false;
    /*$("fieldset select.disabled").each(function (index) {
    $(this).attr("disabled", "true");
    });*/

    //$get('divTitreMoteur').innerHTML = '';
    if (afficherTitreMoteur == true && $get('Manufacturers') != null && $get('Manufacturers').options.length > 0 && $get('Manufacturers').selectedIndex>0) {
        $get('divTitreMoteur').innerHTML = $get('divTitreAffinerModele').innerHTML.replace('{OscManufacturer}', $get('Manufacturers').options[$get('Manufacturers').selectedIndex].text);
    }

    $("#Models").attr("disabled", "disabled");
    $("#Types")[0].disabled = true;
    var idOscManuf = $("#Manufacturers option:selected").val();
    if (idOscManuf != 0 && !isNaN(idOscManuf)) {
        $.ajax({
            url: '/Catalog/Vehicle/ModelsJson',
            type: 'POST',
            data: { idOscManufacturer: idOscManuf },
            success: function (result) {
                var width =$("#Models").width();

                $('#DDLModels').html(result);

                $("#Models").width(width+4);

                $("#Models").attr("disabled", "");
                document.getElementById("Types").options[0].selected = true;
                ModelsLoaded = true;
            }
        });
    }
    else {
        document.getElementById("Models").options[0].selected = true;
        document.getElementById("Types").options[0].selected = true;
    }
};

var TypesLoaded = false;

function ModelChange() {
    TypesLoaded = false;
    document.getElementById('GreyButton').style.display = '';
    document.getElementById('ClearButton').style.display = 'none';
    document.getElementById("Types").disabled = true;

    var idOscModel = $("#Models option:selected").val();
    if (idOscModel != 0 && !isNaN(idOscModel)) {
        $.ajax({
            url: '/Catalog/Vehicle/TypesJson',
            type: 'POST',
            data: { idOscModel: idOscModel },
            success: function (result) {
                var width = $("#Types").width();
                $('#DDLTypes').html(result);
                $("#Types").width(width+4);
                document.getElementById("Types").disabled = false;
                TypesLoaded = true;
            }
        });
    }
    else {
        document.getElementById("Types").options[0].selected = true;
    }

};

function TypeChange() {

    if ($("#Types option:selected").val() != '') {
        document.getElementById('GreyButton').style.display = 'none';
        document.getElementById('ClearButton').style.display = '';
    }
    else {
        document.getElementById('GreyButton').style.display = '';
        document.getElementById('ClearButton').style.display = 'none';
    }
};

function SubmitChoix() {
    tabTypesValue = document.getElementById("Types").value.split("_");

    // On soumet le formulaire
    window.location.href = /* '<%=UrlWriter.Catalog()%>'*/urlDomainCatalogOscaro + tabTypesValue[0] + '/' + tabTypesValue[1];
};


function submit_input() {

}

function selectOptionByValue(selObj, value) {

    for (i = 0; i < selObj.length; ++i) {
        if (selObj.options[i].value == value) {
            selObj.options[i].selected = true;
            break;
        }
    }
}



function SelectModel(idOscModel) {

    if (!ModelsLoaded) {

        setTimeout("SelectModel('" + idOscModel + "')", 10);
    }
    else {
        selectOptionByValue(document.getElementById('Models'), idOscModel)
        ModelChange();
    }
}

function SelectType(idOscTypeLevel) {

    if (!TypesLoaded) {

        setTimeout("SelectType('" + idOscTypeLevel + "')", 10);
    }
    else {

        selectOptionByValue(document.getElementById('Types'), idOscTypeLevel)
        TypeChange();
    }
}