// page2.js

//fonction de création d'un élément xhr
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;
}


// fonction qui recherche et remplace l'image numéro <num>
function recherche_image(num) {
	// si cette image n'a pas déja été cliquée
	if (document.getElementById('image' + num).value == '0') {
		// on la marque cliquée
		document.getElementById('image' + num).value = '1';
		//on crée un élement xmlHttpRequest
		var xhr = getXhr();
		// on attribue les fonctions qui vont se déclencher à chaque élement du Xhr
		xhr.onreadystatechange = function() { //fonction anonyme
			// On ne fait quelque chose que si tout est OK et qu'on a tout reçu
			if (xhr.readyState == 4 && xhr.status == 200) { //readyState = 4 => "on a recu la réponse du serveur" ; status = 200 => "et la page a été trouvée, tout s'est bien passé"
			
			if ( (document.getElementById('image1').value == '1') && (document.getElementById('image2').value == '1') && (document.getElementById('image3').value == '1') ) {
				recherche_txtPasse();
				recherche_txtPresent();
				recherche_txtFutur();}




			
				// on récupère le résultat de la fonction php dans la variable laNouvelleImage
				var laNouvelleImage = xhr.responseText;
				// si le serveur nous dit que toutes les cartes ont déja été distribuées, on ne fait rien
				if (laNouvelleImage == 'plusdecarte') {
					// rien
				// sinon on affiche la carte renvoyée par le serveur
				} else {
					// et après on l'affiche sur la page avec un code dans ce genre :
					document.getElementById('image_' + num).src = laNouvelleImage;
				}
			}
		}
		xhr.open("GET","3.php",true);
		xhr.send(null);
	
	// si l'image a déja été cliquée, on ne fait rien
	} else {
	 // rien
	}
}



// fonction qui recherche et remplace le texte Passé
function recherche_txtPasse() {
		//on crée un élement xmlHttpRequest
		var xhr = getXhr();
		// on attribue les fonctions qui vont se déclencher à chaque élement du Xhr
		xhr.onreadystatechange = function() {//fonction anonyme 
		// On ne fait quelque chose que si tout est OK et qu'on a tout reçu
			if (xhr.readyState == 4 && xhr.status == 200) { //readyState = 4 => "on a recu la réponse du serveur" ; status = 200 => "et la page a été trouvée, tout s'est bien passé"
				// on récupère le résultat de la fonction php dans la variable leNouveauText
				var leNouveauText = xhr.responseText;
				// et après on l'affiche sur la page avec un code dans ce genre :
					document.getElementById("txtPasse").innerHTML = leNouveauText;
			} 
		}
		xhr.open("GET", "3txtPasse.php", true); 
		xhr.send(null); 
} 

// fonction qui recherche et remplace le texte Présent
function recherche_txtPresent() {
		//on crée un élement xmlHttpRequest
		var xhr = getXhr();
		// on attribue les fonctions qui vont se déclencher à chaque élement du Xhr
		xhr.onreadystatechange = function() {//fonction anonyme 
		// On ne fait quelque chose que si tout est OK et qu'on a tout reçu
			if (xhr.readyState == 4 && xhr.status == 200) { //readyState = 4 => "on a recu la réponse du serveur" ; status = 200 => "et la page a été trouvée, tout s'est bien passé"
				// on récupère le résultat de la fonction php dans la variable leNouveauText
				var leNouveauText = xhr.responseText;
				// et après on l'affiche sur la page avec un code dans ce genre :
					document.getElementById("txtPresent").innerHTML = leNouveauText;
			} 
		}
		xhr.open("GET", "3txtPresent.php", true); 
		xhr.send(null); 
} 

// fonction qui recherche et remplace le texte Futur
function recherche_txtFutur() {
		//on crée un élement xmlHttpRequest
		var xhr = getXhr();
		// on attribue les fonctions qui vont se déclencher à chaque élement du Xhr
		xhr.onreadystatechange = function() {//fonction anonyme 
		// On ne fait quelque chose que si tout est OK et qu'on a tout reçu
			if (xhr.readyState == 4 && xhr.status == 200) { //readyState = 4 => "on a recu la réponse du serveur" ; status = 200 => "et la page a été trouvée, tout s'est bien passé"
				// on récupère le résultat de la fonction php dans la variable leNouveauText
				var leNouveauText = xhr.responseText;
				// et après on l'affiche sur la page avec un code dans ce genre :
					document.getElementById("txtFutur").innerHTML = leNouveauText;
			} 
		}
		xhr.open("GET", "3txtFutur.php", true); 
		xhr.send(null); 
}