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;
}



/**
* Méthode qui sera appelée sur le click du bouton
*/
function updateField(id){
	
	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(id).innerHTML = leselect;
		}
	}

	// Ici on va voir comment faire du post
	xhr.open("POST","http://scooter.kidioui.fr/prix-scooter/recherche-modele.php",true);
	xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
	
	// ne pas oublier de poster les arguments
	var selMarque = document.getElementById('marque');
	
	var marque = selMarque.options[selMarque.selectedIndex].value;
	var modele = null;

	if (id == 'chModele') {
		modele = 'Toutes';
		document.getElementById('budget').value = "Toutes";

	} else {
		var selModele = document.getElementById('modele');
		modele = selModele.options[selModele.selectedIndex].value;		
	}
	
	xhr.send("marque="+marque+"&modele="+modele);
	
}

function afficherResultatMarqueEtModele(){
	
	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("resultat_prix_scooter").innerHTML = leselect;
		}
	}

	// Ici on va voir comment faire du post
	xhr.open("POST","http://scooter.kidioui.fr/prix-scooter/recherche-prix-scooter.php",true);
	xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
	
	// ne pas oublier de poster les arguments
	var selMarque = document.getElementById('marque');
	
	var marque = selMarque.options[selMarque.selectedIndex].value;
	var modele = null;
	var selModele = document.getElementById('modele');
	modele = selModele.options[selModele.selectedIndex].value;
	
	
	xhr.send("marque="+marque+"&modele="+modele);
}
function afficherResultatBudget()
{
	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("resultat_prix_scooter").innerHTML = leselect;
		}
	}

	// Ici on va voir comment faire du post
	xhr.open("POST","http://scooter.kidioui.fr/prix-scooter/recherche-budget-scooter.php",true);
	xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
	
	// ne pas oublier de poster les arguments
	document.getElementById('modele').value = "Toutes";	
	document.getElementById('marque').value = "Toutes";
	document.getElementById('chModele').innerHTML = '<select name="modele" id="modele" style="width:170px" onchange="afficherResultatMarqueEtModele()"><option value="Toutes" selected="selected">Tous</option></select> ';
	var selBudget = document.getElementById('budget');
	
	var budget = selBudget.options[selBudget.selectedIndex].value;
	
	
	if (budget != "Toutes") {
		xhr.send("budget="+budget);
	}
}