var xhr = null;

function getXhr(){ 
	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 go_model(){
	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('IDmodel').innerHTML = leselect;
		}
	}

	// Ici on va voir comment faire du post
	xhr.open("POST","../../select_kn/model.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
	// ici, l'id de l'auteur
	sel = document.getElementById('MarqueSel');
	IDmarque = sel.options[sel.selectedIndex].value;
	xhr.send("IDmarque="+IDmarque);
}

function go_year(){
	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('Annee').innerHTML = leselect;
		}
	}

	
	// Ici on va voir comment faire du post
	xhr.open("POST","../../select_kn/annee.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
	// ici, l'id de l'auteur
	sel = document.getElementById('MarqueSel');
	IDmarque = sel.options[sel.selectedIndex].value;
	sel1 = document.getElementById('ModelSel');
	model = sel1.options[sel1.selectedIndex].value;
	xhr.send("IDmarque="+IDmarque+"&model="+model);
}

function go_moteur(){
	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('engine_size').innerHTML = leselect;
		}
	}

	// Ici on va voir comment faire du post
	xhr.open("POST","../../select_kn/engine_size.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
	// ici, l'id de l'auteur
	sel = document.getElementById('MarqueSel');
	IDmarque = sel.options[sel.selectedIndex].value;
	sel1 = document.getElementById('ModelSel');
	model = sel1.options[sel1.selectedIndex].value;
	sel2 = document.getElementById('AnneeSel');
	IDAnnee = sel2.options[sel2.selectedIndex].value;
	xhr.send("IDmarque="+IDmarque+"&model="+model+"&yearSel="+IDAnnee);
}

function go_result(){
	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('tableau').innerHTML = leselect;
			location.href=('resultat.php'+leselect);
		}
	}

	// Ici on va voir comment faire du post
	xhr.open("POST","../../select_kn/result.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
	// ici, l'id de l'auteur
	sel = document.getElementById('MarqueSel');
	IDmarque = sel.options[sel.selectedIndex].value;
	sel1 = document.getElementById('ModelSel');
	model = sel1.options[sel1.selectedIndex].value;
	sel2 = document.getElementById('AnneeSel');
	IDAnnee = sel2.options[sel2.selectedIndex].value;
	sel3 = document.getElementById('engine_sizeSel');
	IDengine_size = sel3.options[sel3.selectedIndex].value;
	xhr.send("IDmarque="+IDmarque+"&model="+model+"&yearSel="+IDAnnee+"&engine_size="+IDengine_size);
}