/*var current_time = <?PHP echo $heure_utc; ?>*/
/**
* Méthode de création d'un 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;
}

/**
* Méthode qui sera appelée par un changement du select
*/
function change_time(requested_time){
	var xhr = getXhr();
	
	// On défini ce qu'on va faire quand on aura la réponse
	xhr.onreadystatechange = function() {
		//Changement de classe permettant l'affichage d'une îcone de chargement
		document.getElementById("map").className="hidden";
		document.getElementById("loading").className="visible";

		// 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){
			//On prépare l'action à effectuer dès que l'image est reçue dans son intégralité
			var mapImg = document.getElementById("map");
			mapImg.onload = function() {
				mapImg.className = "visible";
				document.getElementById("loading").className = "hidden";
			};
			mapImg.src = xhr.responseText;
		}
		current_time = requested_time;
	}
	
	xhr.open("POST","meteo.php",true);
	xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
	xhr.send("date="+requested_time+"&"+"lieu="+current_place);
}

/**
* Méthode qui sera appelée par un changement du select
*/
function north(){
	var xhr = getXhr();
	
	// On défini ce qu'on va faire quand on aura la réponse
	xhr.onreadystatechange = function() {
		//Changement de classe permettant l'affichage d'une îcone de chargement
		document.getElementById("map").className="hidden";
		document.getElementById("loading").className="visible";

		// 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){
			//On prépare l'action à effectuer dès que l'image est reçue dans son intégralité
			var mapImg = document.getElementById("map");
			mapImg.onload = function() {
				mapImg.className = "visible";
				document.getElementById("loading").className = "hidden";
			};
			mapImg.src = xhr.responseText;
		}
		current_place="n";
	}
	
	xhr.open("POST","meteo.php",true);
	xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
	xhr.send("date="+current_time+"&"+"lieu=n");
}

function south(){
	var xhr = getXhr();
	// On défini ce qu'on va faire quand on aura la réponse
	xhr.onreadystatechange = function() {
		//Changement de classe permettant l'affichage d'une îcone de chargement
		document.getElementById("map").className="hidden";
		document.getElementById("loading").className="visible";

		// 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){
			//On prépare l'action à effectuer dès que l'image est reçue dans son intégralité
			var mapImg = document.getElementById("map");
			mapImg.onload = function() {
				mapImg.className = "visible";
				document.getElementById("loading").className = "hidden";
			};
			mapImg.src = xhr.responseText;
		}
		current_place="s";
	}
	xhr.open("POST","meteo.php",true);
	xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
	xhr.send("date="+current_time+"&"+"lieu=s");
}