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

function categories(){
	//alert('ok');
	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 (état 4) et que le serveur est OK (200)
		if(xhr.readyState == 4 && xhr.status == 200){
			leselect = xhr.responseText;
			// On se sert de innerHTML pour rajouter les options a la liste
			document.getElementById('categorie').innerHTML = leselect;
			document.getElementById('nomCategorie').innerHTML = '<label title="S&eacute;lectionnez les cat&eacute;gories">Cat&eacute;gorie(s) </label>: ';
		}
	}
	
	// Ici on va voir comment faire du post
	xhr.open("POST","include/ajax-categories.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
	sel = document.getElementById('p_Thematique');
	thematiqueID = sel.options[sel.selectedIndex].value;
	
	var data = "thematiqueID="+thematiqueID; 
	xhr.send(data); 
}
