function getXhr(){
	var xhr = null; 
 	if (window.XMLHttpRequest) {
   		xhr = new XMLHttpRequest();
		// Évite un bug du navigateur Safari :
		if (xhr.overrideMimeType) {
			xhr.overrideMimeType("text/xml");
   		}
	} else {
		if (window.ActiveXObject) {
			try { // essaie de charger l'objet pour IE
       				xhr = new ActiveXObject("Msxml2.XMLHTTP");
     			} catch (e) {
       				try { // essaie de charger l'objet pour une autre version IE
         			xhr = new ActiveXObject("Microsoft.XMLHTTP");
       				} catch (e) {
					window.alert("Votre navigateur ne prend pas en charge l'objet XMLHTTPRequest.");
       				} // try-catch
     			} // try-catch
		}
	} // if-else
        return xhr;
}

/**
* Méthode appelée au changement dans la liste
*/
function go(){
	var xhr = getXhr();
	// On définit 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('rub').innerHTML = leselect;
		}
	}
	// Ici on va voir comment faire du post
	xhr.open("POST","inc/rubrique.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 la categorie
	sel = document.getElementById('categorie');
	idcategorie = sel.options[sel.selectedIndex].value;
	xhr.send("idCategorie="+idcategorie);
}
function go2(){
	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('sous_rub').innerHTML = leselect;
		}
	}
	// Ici on va voir comment faire du post
	xhr.open("POST","inc/sous_rubrique.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 la categorie
	sel = document.getElementById('rubrique1');
	idrubrique1 = sel.options[sel.selectedIndex].value;
	xhr.send("idRubrique1="+idrubrique1);
}
function go3(){
	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('sous_sous_rub').innerHTML = leselect;
		}
	}
	//Ici on va voir comment faire du post
	xhr.open("POST","inc/sous_sous_rubrique.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 la sous rubrique
	sel = document.getElementById('sous_rubrique');
	idsousrubrique = sel.options[sel.selectedIndex].value;
	xhr.send("idSousRubrique="+idsousrubrique);
}
			function go4(){
				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){
						alert(xhr.responseText);
					}
				}
				xhr.open("GET","ajax.php",true);
				xhr.send(null);
	sel = document.getElementById('rubrique1');
	idrubrique1 = sel.options[sel.selectedIndex].value;
	xhr.send("idRubrique1="+idrubrique1);
//sel = document.getElementById('sous_rubrique');
//idsous_rubrique = sel.options[sel.selectedIndex].value;
//xhr.send("idSousRubrique="+idsous_rubrique);
			}

function permuteClass(element,class1,class2) {
    elt = document.getElementById(element);
        if (elt.className == class1) {
       elt.className = class2;
       } 
        else if (elt.className == class2) {
        elt.className = class1;
       }
}
function changePhoto(element,photo) {
    elt = document.getElementById(element);
    elt.src == photo;
       }