// Pour ouvrir une requête AJAX
function getHTTPObject() 
{
	var xhr_object = false; // Valeur par défaut
	
	if(window.XMLHttpRequest) // Firefox   
		xhr_object = new XMLHttpRequest();   
		
	else if (window.ActiveXObject) // Internet Explorer   
		xhr_object = new ActiveXObject("Microsoft.XMLHTTP");   
		
	else // XMLHttpRequest non supporté par le navigateur   
		alert("Votre navigateur ne peut afficher le viewer. Essayez Mozilla Firefox.");   

	return xhr_object;  

}


function listerChapitres() // Pour afficher les chapitres une fois que l'utilisateur a choisi le manga
{
	manga = document.getElementById('manga').value;
	var requete = getHTTPObject(); // On crée la requête.
	var url='viewer/listerChapitres.php'; // URL de la page qui va recevoir la requête.
	requete.open('POST', url, true); // On ouvre la requête avec la méthode POST, en mode asynchrone.
	requete.setRequestHeader("Content-Type", "application/x-www-form-urlencoded"); // Encodage de la reqûete
	requete.onreadystatechange = function() 
	{ 
		document.getElementById('chapitre').innerHTML = '';
	
		if(requete.readyState == 4) // Si la requête a été correctement effectuée
		{
			// chapitres est un tableau de string. On récupère la réponse de la requête, qui est une grande chaine de caractere "340 341 342..."
			// et on va séparer cette chaine en plusieurs éléments "340" "341" "342". Chaque élément est placé dans une case du tableau chapitres.
			var chapitres = requete.responseText.split('//'); 
			
			var cpt = 0; // Compteur du nombre de chapitres
			
			while ( cpt < (chapitres.length - 1)) // On parcourt tout les chapitres disponibles
			{
				choix = document.createTextNode(chapitres[cpt]); // Le choix à ajouter dans la liste déroulante
				cible = document.createElement('option'); // On crée une balise <option> 
				cible.appendChild(choix);
				cible.setAttribute('value', chapitres[cpt]); // On insère l'attribut value = "valeur"
				document.getElementById('chapitre').appendChild(cible); // On ajoute notre balise dans le code, à l'endroit spécifié.
				
				cpt++;
			}
			
			document.getElementById("chapitre").value = chapitres[cpt - 1]; // On affiche le dernier chapitre en date.
		}
	};
	requete.send('manga='+manga); // On envoie la requête.
}