/*var nomdedomaine = "http://catalogue.macpek.com/";*/
var nomdedomaine = "";
function ddlAnnee_OnChange(langue) {

    document.getElementById("pMarque1").style.display = "none";
    document.getElementById("pMarque2").style.display = "none";
    document.getElementById("pModele1").style.display = "none";
    document.getElementById("pModele2").style.display = "none";
    document.getElementById("pDiametre1").style.display = "none";
    document.getElementById("pDiametre2").style.display = "none";
    document.getElementById("aRechercher1").style.display = "none";
    document.getElementById("aRechercher2").style.display = "none";

    var ddlAnnee = document.getElementById("ddlAnnee");
    var strAnnee = ddlAnnee.options[ddlAnnee.selectedIndex].value;

    var pAjax = new Ajax.Request(nomdedomaine + "recherche-vehicule.aspx",
        {
            method: "get",
            parameters: "?annee=" + strAnnee,
            onSuccess: function(pRequest) {

                document.getElementById("pMarque1").style.display = "block";
                document.getElementById("pMarque2").style.display = "block";

                var ddlMarque = document.getElementById("ddlMarque");
                ClearDdl(ddlMarque);

                if (strAnnee.length == 4) {
                    InsertDdl2(ddlMarque, pRequest.responseText.split("|"));
                }

            },

            onFailure: function(pRequest) {

            },

            onException: function(pRequest) {

            }
        }
    );
}

function ddlMarque_OnChange() {

    document.getElementById("pModele1").style.display = "none";
    document.getElementById("pModele2").style.display = "none";
    document.getElementById("pDiametre1").style.display = "none";
    document.getElementById("pDiametre2").style.display = "none";
    document.getElementById("aRechercher1").style.display = "none";
    document.getElementById("aRechercher2").style.display = "none";
    
    var ddlAnnee = document.getElementById("ddlAnnee");
    var strAnnee = ddlAnnee.options[ddlAnnee.selectedIndex].value;
  
    var ddlMarque = document.getElementById("ddlMarque");
    var strMarque = ddlMarque.options[ddlMarque.selectedIndex].value;

    
    
/*var pAjax = new Ajax.Request( "http://catalogue.macpek.com/recherche-vehicule.aspx",*/
    var pAjax = new Ajax.Request(nomdedomaine + "recherche-vehicule.aspx",
        {
            method: "get",
            parameters: "?annee=" + strAnnee + "&marque=" + strMarque,
            onSuccess: function(pRequest) {

                document.getElementById("pModele1").style.display = "block";
                document.getElementById("pModele2").style.display = "block";
                var ddlModele = document.getElementById("ddlModele");
                ClearDdl(ddlModele);
                InsertDdl(ddlModele, pRequest.responseText.split("|"));

            },

            onFailure: function(pRequest) {
                //alert(pRequest.responseText);
            },

            onException: function(pRequest) {

            }
        }
    );
}

function ddlModele_OnChange() {

    var ddlAnnee = document.getElementById("ddlAnnee");
    var strAnnee = ddlAnnee.options[ddlAnnee.selectedIndex].value;
    
    var ddlMarque = document.getElementById("ddlMarque");
    var strMarque = ddlMarque.options[ddlMarque.selectedIndex].value;
    
    var ddlModele = document.getElementById("ddlModele");
    var strModele = ddlModele.options[ddlModele.selectedIndex].value;
    
    document.getElementById("pDiametre1").style.display = "none";
    document.getElementById("pDiametre2").style.display = "none";
    document.getElementById("aRechercher1").style.display = "none";
    document.getElementById("aRechercher2").style.display = "none";

    var pAjax = new Ajax.Request( nomdedomaine + "recherche-vehicule.aspx",
        {
            method: "get",
            parameters: "?annee=" + strAnnee + "&marque=" + strMarque + "&modele=" + escape(strModele),
            onSuccess: function(pRequest) {

            document.getElementById("pDiametre1").style.display = "block";
            document.getElementById("pDiametre2").style.display = "block";

            var ddlDiametre = document.getElementById("ddlDiametre");
            ClearDdl(ddlDiametre);
            InsertDdl(ddlDiametre, pRequest.responseText.split("|"));
                
            },
        
            onFailure: function(pRequest) {

            },
        
            onException: function(pRequest) {

            }
        }
    );
}



function ddlDiametre_OnChange()
{
    var ddlDiametre = document.getElementById("ddlDiametre");
    var strDiametre = ddlDiametre.options[ddlDiametre.selectedIndex].value;

    if (strDiametre != "") {
        document.getElementById("aRechercher1").style.display = "block";
        document.getElementById("aRechercher2").style.display = "block";
    }
    else {
        document.getElementById("aRechercher1").style.display = "none";
        document.getElementById("aRechercher2").style.display = "none";
    }
}

function ClearDdl(ddl)
{
    while( ddl.options.length > 1 )
    {
        ddl.options[1] = null;
    }
}

function InsertDdl(ddl, array)
{
    for(var nIdx=0; nIdx < array.length; nIdx++)
    {
        ddl.options[ddl.options.length] = new Option(array[nIdx], array[nIdx]);
    }
}

function InsertDdl2(ddl, array)
{
    for(var nIdx=0; nIdx < array.length; nIdx++)
    {
        var donnees = array[nIdx].split("=")
        ddl.options[ddl.options.length] = new Option(donnees[1], donnees[0]);
    }
}

function AfficherResultat(langue)
{
    var ddlDiametre = document.getElementById("ddlDiametre");
    var strMarque = ddlMarque.options[ddlMarque.selectedIndex].value;
    var strModele = ddlModele.options[ddlModele.selectedIndex].value;
    var strAnnee = ddlAnnee.options[ddlAnnee.selectedIndex].value;
    var strDiametre = ddlDiametre.options[ddlDiametre.selectedIndex].value;
    
    if( langue == "fr" )
        window.location.href = nomdedomaine + "auto-result-fr.aspx?mi=" + strMarque + "&m=" + escape(strModele) + "&a=" + strAnnee + "&d=" + strDiametre;
    else
        window.location.href = nomdedomaine + "auto-result-en.aspx?mi=" + strMarque + "&m=" + escape(strModele) + "&a=" + strAnnee + "&d=" + strDiametre;
}