function getXhr(){
	var xhr = null; 
	if(window.XMLHttpRequest) // Firefox et autres
	xhr = new XMLHttpRequest(); 
	else if(window.ActiveXObject){ // Internet Explorer 
		try {
			xhr = new ActiveXObject("Msxml2.XMLHTTP");
		} catch (e) {
			xhr = new ActiveXObject("Microsoft.XMLHTTP");
		}
	}
	else { // XMLHttpRequest non supporté par le navigateur 
		alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest..."); 
		xhr = false; 
	} 
        return xhr;
}

//Gestion de la récupération des modèles et versions de voitures après sélection d'une marque
var Ld1Id='';
var Ld2Id='';
var id_liste='';

function ValideLd2(val) {
	ValideLd3('');
	Ld1Id=val; //idCategorie
	id_liste='2';//Utilisé dans la fonction ChargeLd() pour identifier la liste déroulante
	var LD_URL = 'recupMarqueIndex.php?Ld1='+Ld1Id;
	ChargeLd(LD_URL)
	// Réinitialisation de Ld3 si modification de LD1 après passage en Ld2
	if (Ld2Id!='') {ValideLd3(''); }
}

function ValideLd3(val) {
	Ld2Id=val; //idMarque
	id_liste='3'; //Utilisé dans la fonction ChargeLd() pour identifier la liste déroulante
	var LD_URL = 'recupModeleIndex.php?Ld1='+Ld1Id+'&Ld2='+Ld2Id;
	if (Ld2Id=='') {var LD_URL = 'recupModeleIndex.php';}
	ChargeLd(LD_URL)
}

function ChargeLd(LD_URL) {
	var xhr = getXhr();
	// On défini ce qu'on va faire quand on aura la réponse
	xhr.onreadystatechange = function(){
		// On ne fait quelque chose que si on a tout reçu et que le serveur est ok
		if(xhr.readyState == 4 && xhr.status == 200){
			document.getElementById('niv'+id_liste).innerHTML=xhr.responseText;
			if (xhr.responseText.indexOf('disabled')<=0) {
					document.getElementById('Liste'+id_liste).focus();

// 					document.getElementById('Liste2').onchange = fonctionsMarque;
					if(id_liste=='3') {
						document.getElementById('Liste3').onchange = fonctionsModele;
					}
			}
		}
	}
	xhr.open("GET", LD_URL, true);
	xhr.send(null);
}

function recupModele() {
	var xhr = getXhr();
	// On défini ce qu'on va faire quand on aura la réponse
	xhr.onreadystatechange = function(){
		// On ne fait quelque chose que si on a tout reçu et que le serveur est ok
		if(xhr.readyState == 4 && xhr.status == 200){
			leselect = xhr.responseText;
			// On se sert de innerHTML pour rajouter les options a la liste
			document.getElementById('lesmodeles').innerHTML = leselect;
		}
	}

	// Ici on va voir comment faire du post
	xhr.open("POST","Ajax/recupGestionModele.php",true);
	// ne pas oublier ça pour le post
	xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
	// ne pas oublier de poster les arguments
	sel = document.getElementById('marque');
	idMarque = sel.options[sel.selectedIndex].value;
	xhr.send("idMarque="+idMarque);
}

function nbAnnonce() {
	var xhr = getXhr();
	xhr.onreadystatechange = function(){
		if(xhr.readyState == 4 && xhr.status == 200){
			nbAnnonces = xhr.responseText;
			// On se sert de innerHTML pour rajouter les options a la liste
			document.getElementById('dynamique').innerHTML = nbAnnonces;
// 			document.getElementById('Liste3').onchange = fonctionsModele;
		}
	}
	// Ici on va voir comment faire du post
	xhr.open("POST","cpteAnnonceDynamique.php",true);
	// ne pas oublier ça pour le post
	xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
	// ne pas oublier de poster les arguments
	selCategorie = document.getElementById('Liste1');
	Categorie = selCategorie.options[selCategorie.selectedIndex].value;
	selMarque = document.getElementById('Liste2');
	Marque = selMarque.options[selMarque.selectedIndex].value;
	selModele = document.getElementById('Liste3');
	Modele = selModele.options[selModele.selectedIndex].value;
	selEnergie = document.getElementById('energie');
	Energie = selEnergie.options[selEnergie.selectedIndex].value;
	selPrixMini = document.getElementById('prixMini');
	PrixMini = selPrixMini.options[selPrixMini.selectedIndex].value;
	selPrixMax = document.getElementById('prixMax');
	PrixMax = selPrixMax.options[selPrixMax.selectedIndex].value;
	selDepartement = document.getElementById('departement');
	Departement = selDepartement.options[selDepartement.selectedIndex].value;
// 	alert("idCategorie="+Categorie+"&idMarque="+Marque+"&idModele="+Modele+"&idEnergie="+Energie+"&idPrixMini="+PrixMini+"&idPrixMax="+PrixMax+"&idDepartement="+Departement);
	xhr.send("idCategorie="+Categorie+"&idMarque="+Marque+"&idModele="+Modele+"&idEnergie="+Energie+"&idPrixMini="+PrixMini+"&idPrixMax="+PrixMax+"&idDepartement="+Departement);
}

function afficheAnnonces() {
		var xhr = getXhr();
	xhr.onreadystatechange = function(){
		if(xhr.readyState == 4 && xhr.status == 200){
			nbAnnonces = xhr.responseText;
			// On se sert de innerHTML pour rajouter les options a la liste
			document.getElementById('afficheAnnoncedynamique').innerHTML = nbAnnonces;
			if(document.getElementById('affichedix')) {
				document.getElementById('affichedix').style.display = 'none';
			}
			else {
				document.getElementById('resultats').style.display = 'none';
			}
		}
	}
	// Ici on va voir comment faire du post
	xhr.open("POST","afficheAnnonceDynamique.php",true);
	// ne pas oublier ça pour le post
	xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
	// ne pas oublier de poster les arguments
	selCategorie = document.getElementById('Liste1');
	Categorie = selCategorie.options[selCategorie.selectedIndex].value;
	selMarque = document.getElementById('Liste2');
	Marque = selMarque.options[selMarque.selectedIndex].value;
	selModele = document.getElementById('Liste3');
	Modele = selModele.options[selModele.selectedIndex].value;
	selEnergie = document.getElementById('energie');
	Energie = selEnergie.options[selEnergie.selectedIndex].value;
	selPrixMini = document.getElementById('prixMini');
	PrixMini = selPrixMini.options[selPrixMini.selectedIndex].value;
	selPrixMax = document.getElementById('prixMax');
	PrixMax = selPrixMax.options[selPrixMax.selectedIndex].value;
	selDepartement = document.getElementById('departement');
	Departement = selDepartement.options[selDepartement.selectedIndex].value;
	
	xhr.send("idCategorie="+Categorie+"&idMarque="+Marque+"&idModele="+Modele+"&idEnergie="+Energie+"&idPrixMini="+PrixMini+"&idPrixMax="+PrixMax+"&idDepartement="+Departement);

}

function fonctionsMarque() {
	ValideLd3(document.getElementById('Liste2')[document.getElementById('Liste2').selectedIndex].value);
// 	recupModele();
	nbAnnonce();
	afficheAnnonces();
}
function fonctionsModele() {
	nbAnnonce();
	afficheAnnonces();
}
function fonctionsCategorie() {
	ValideLd2(document.getElementById('Liste1')[document.getElementById('Liste1').selectedIndex].value);
	nbAnnonce();
	afficheAnnonces();
}
function fonctionsEnergie() {
	nbAnnonce();
	afficheAnnonces();
}
function fonctionsPrixMini() {
	nbAnnonce();
	afficheAnnonces();
}
function fonctionsPrixMax() {
	nbAnnonce();
	afficheAnnonces();
}
function fonctionsDepartement() {
	nbAnnonce();
	afficheAnnonces();
}