// http://dean.edwards.name/packer/ pour compresser les javascripts


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 goMilieu(){
	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;
			str_select_SC = '<select id="sousCategorie" name="sousCategorie" style="width:145px; text-transform:uppercase;" class="Noir9"><option>Choix de la sous cat&eacute;gorie</option></select>';
			str_select_C = '<select id="categorie" name="categorie" style="width:145px; text-transform:uppercase;" class="Noir9"><option>Choix de la cat&eacute;gorie</option></select>';
			// On se sert de innerHTML pour rajouter les options a la liste
			document.getElementById('sousCategorieDiv').innerHTML = str_select_SC;
			document.getElementById('categorieDiv').innerHTML = str_select_C;
			document.getElementById('poissonDiv').innerHTML = leselect;
		}
	}

	// Ici on va voir comment faire du post
	xhr.open("POST","ajaxPoisson.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 du milieu
	sel = document.getElementById('milieu');
	idmilieu = sel.options[sel.selectedIndex].value;
	xhr.send("idMilieu="+idmilieu);
}

function goPoisson(){
	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;
			str_select_SC = '<select id="sousCategorie" name="sousCategorie" style="width:145px; text-transform:uppercase;" class="Noir9"><option>Choix de la sous cat&eacute;gorie</option></select>';
			// On se sert de innerHTML pour rajouter les options a la liste
			document.getElementById('sousCategorieDiv').innerHTML = str_select_SC;
			document.getElementById('categorieDiv').innerHTML = leselect;
		}
	}

	// Ici on va voir comment faire du post
	xhr.open("POST","ajaxCategorie.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 du milieu
	
	selmilieu = document.getElementById('milieu');
	idmilieu = selmilieu.options[selmilieu.selectedIndex].value;
	selpoisson = document.getElementById('poisson');
	idpoisson = selpoisson.options[selpoisson.selectedIndex].value;
	//alert(idmilieu+'|'+idpoisson);
	xhr.send("idMilieu="+idmilieu+"&idPoisson="+idpoisson);
	//xhr.send("idPoisson="+idpoisson);
}

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

	// Ici on va voir comment faire du post
	xhr.open("POST","ajaxSousCategorie.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 du milieu
	
	selmilieu = document.getElementById('milieu');
	idmilieu = selmilieu.options[selmilieu.selectedIndex].value;
	selpoisson = document.getElementById('poisson');
	idpoisson = selpoisson.options[selpoisson.selectedIndex].value;
	selcategorie = document.getElementById('categorie');
	idcategorie = selcategorie.options[selcategorie.selectedIndex].value;
	xhr.send("idMilieu="+idmilieu+"&idPoisson="+idpoisson+"&idCategorie="+idcategorie);

}