
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 updateResultats(){
	document.getElementById('cadre_resultats').innerHTML = '<img src="http://scooter.kidioui.fr/img/attente.gif" alt="attente" />';

	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){
			reponse = xhr.responseText;
			// On se sert de innerHTML pour rajouter les options a la liste
			document.getElementById('cadre_resultats').innerHTML = '<span class="numero_resultats">' + reponse + '</span> scooter(s) correspondent à votre recherche';
		}
	}

	// Ici on va voir comment faire du post
	xhr.open("POST","recherche_nombre_resultats.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
	var selCylindree = document.getElementById('csc_cylindree');
	var cylindree = selCylindree.options[selCylindree.selectedIndex].value;
	var selMarque = document.getElementById('csc_marque');
	var marque = selMarque.options[selMarque.selectedIndex].value;
	var selGabarit = document.getElementById('csc_gabarit');
	var gabarit = selGabarit.options[selGabarit.selectedIndex].value;
	var selStyle = document.getElementById('csc_style');
	var style = selStyle.options[selStyle.selectedIndex].value;

	var selTaille = document.getElementById('csc_taille');
	var taille = selTaille.options[selTaille.selectedIndex].value;
	var selTrajet = document.getElementById('csc_trajet');
	var trajet = selTrajet.options[selTrajet.selectedIndex].value;

	var prixmax = document.getElementById('csc_prix_max').value;
	var prixmin = document.getElementById('csc_prix_min').value;

	var autres = "";
	if (document.getElementById('csc_femme').checked)
		autres += "&csc_femme=femme";
	if (document.getElementById('csc_debutant').checked)
		autres += "&csc_debutant=csc_debutant";
	if (document.getElementById('csc_rangement').checked)
		autres += "&csc_rangement=rangement";
	if (document.getElementById('csc_confort').checked)
		autres += "&csc_confort=confort";
	if (document.getElementById('csc_securite').checked)
		autres += "&csc_securite=securite";
	if (document.getElementById('csc_puissance').checked)
		autres += "&csc_puissance=puissance";

	var modele = null;
	xhr.send("csc_cylindree="+cylindree+"&csc_marque="+marque+"&csc_gabarit="+gabarit+"&csc_style="+style+"&csc_taille="+taille+"&csc_trajet="+trajet+"&csc_prix_max="+prixmax+"&csc_prix_min="+prixmin+autres);

}
