
function onChangeMar(controller){
	if(document.getElementById("marque").selectedIndex == 0){
		indexInitialVide("modele");
		desactiverchamp("modele");
	}else{
		getModels("marque", controller);
		activerchamp("modele");
	}
}

//Récupère les modèles et remplit la liste déroulante en fonction de la marque choisie
function getModels(id, controller){
	var selectmar = document.getElementById(id);
	var selectmod = document.getElementById("modele");
	getXhr();
	//URL de destination
	to = "/"+controller+"/listemodeles/";

	//Si le XMLHttpRequest retourne un document
	if(xhr) {
		//On définit ce qu'on va faire quand on aura la réponse XML
		xhr.onreadystatechange = function() {
			//Si la réponse a bien été retournée
			if(xhr.readyState == 4 && xhr.status == 200) {
				//Noeud racine
				reponse = clean(xhr.responseXML.documentElement);
				//Tableau contenant tout les noeuds modele
				modele = reponse.getElementsByTagName("modele");
				//Taille de la site déroulante
				selectmod.options.length = modele.length + 1;
				//Pour chaque noeud modèle
				for(cpt=0; cpt<modele.length; cpt++) {
					//On récupère les modèles et on les mets dans la liste déroulante des modèles
					selectmod.options[cpt+1].value = modele[cpt].getAttribute('oid');
					selectmod.options[cpt+1].text = modele[cpt].firstChild.nodeValue;
				}
			}
		}
	}

	//Appel de l'action qui va nous renvoyer la réponse XML
	xhr.open("POST", to, true);
	xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
	xhr.send("marque="+ selectmar[selectmar.selectedIndex].value);
}

function onChangeReg(controller){
	if(document.getElementById("region").selectedIndex == 0){
		indexInitialVide("departement");
		desactiverchamp("departement");
		indexInitialVide("ville");
		desactiverchamp("ville");
	}else{
		getDept("region", controller);
		activerchamp("departement");
	}
}

//Récupère les département et remplit la liste déroulante en fonction de la région choisie
function getDept(id, controller){
	var selectreg = document.getElementById(id);
	var selectdept = document.getElementById("departement");
	getXhr();
	//URL de destination
	to = "/"+controller+"/listedept/";

	//Si le XMLHttpRequest retourne un document
	if(xhr) {
		//On définit ce qu'on va faire quand on aura la réponse XML
		xhr.onreadystatechange = function() {
			//Si la réponse a bien été retournée
			if(xhr.readyState == 4 && xhr.status == 200) {
				//Noeud racine
				reponse = clean(xhr.responseXML.documentElement);
				//Tableau contenant tout les noeuds modele
				departement = reponse.getElementsByTagName("departement");
				//Taille de la site déroulante
				selectdept.options.length = departement.length + 1;
				//Pour chaque noeud modèle
				for(cpt=0; cpt<departement.length; cpt++) {
					//On récupère les modèles et on les mets dans la liste déroulante des modèles
					selectdept.options[cpt+1].value = departement[cpt].getAttribute('depid');
					selectdept.options[cpt+1].text = departement[cpt].firstChild.nodeValue;
				}
			}
		}
	}

	//Appel de l'action qui va nous renvoyer la réponse XML
	xhr.open("POST", to, true);
	xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
	xhr.send("region="+ selectreg[selectreg.selectedIndex].value);
}

function onChangeDep(controller){
	if(document.getElementById("departement").selectedIndex == 0){
		indexInitialVide("ville");
		desactiverchamp("ville");
	}else{
		getVille("departement", controller);
		activerchamp("ville");
	}
}

//Récupère les villes et remplit la liste déroulante en fonction du département choisi
function getVille(id, controller){
	
	var selectdept = document.getElementById(id);
	var selectville = document.getElementById("ville");
	getXhr();
	//URL de destination
	to = "/"+controller+"/listevilles/";

	//Si le XMLHttpRequest retourne un document
	if(xhr) {
		//On définit ce qu'on va faire quand on aura la réponse XML
		xhr.onreadystatechange = function() {
			//Si la réponse a bien été retournée
			if(xhr.readyState == 4 && xhr.status == 200) {
				//Noeud racine
				reponse = clean(xhr.responseXML.documentElement);
				//Tableau contenant tout les noeuds modele
				ville = reponse.getElementsByTagName("ville");
				//Taille de la site déroulante
				selectville.options.length = ville.length + 1;
				//Pour chaque noeud modèle
				for(cpt=0; cpt<ville.length; cpt++) {
					//On récupère les modèles et on les mets dans la liste déroulante des modèles
					selectville.options[cpt+1].value = ville[cpt].getAttribute('villeid');
					selectville.options[cpt+1].text = ville[cpt].firstChild.nodeValue;
				}
			}
		}
	}

	//Appel de l'action qui va nous renvoyer la réponse XML
	xhr.open("POST", to, true);
	xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
	xhr.send("dept="+ selectdept[selectdept.selectedIndex].value);
}