var xhr = null; 
function getXhr()
{
     if(window.XMLHttpRequest)xhr = new XMLHttpRequest(); 
else if(window.ActiveXObject)
  { 
  try{
     xhr = new ActiveXObject("Msxml2.XMLHTTP");
     } catch (e) 
     {
     xhr = new ActiveXObject("Microsoft.XMLHTTP");
     }
  }
else 
  {
  alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest..."); 
  xhr = false; 
  } 
  
  return xhr;
}
	/**
	* Méthode qui sera appelée sur le click du bouton
	*/
	function recup_hour(date,name,pays){

		var xhr = getXhr()
		// On défini ce qu'on va faire quand on aura la réponse
		xhr.onreadystatechange = function(){
	
			  if(xhr.readyState == 4 && xhr.status == 200)
			  {
				document.getElementById('date_map').innerHTML = "<strong>"+name+"</strong><br /><br />";
			    document.getElementById('hour').innerHTML = xhr.responseText;
			  }
}
		xhr.open("POST","programme-ajax/prevision/recup_hour.php",true);
		xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
		xhr.send("date="+date+"&date_txt="+name+"&pays="+pays+"");
		

		document.getElementById('map_html').innerHTML = "<center><br /><img src='images_design/icone/up.png' /><br /><strong><font color='red'>Veuillez choisir une heure</font></strong></center>";

	}
	
	
	
		function recup_hour_regional(date,name,pays){

		var xhr = getXhr()
		// On défini ce qu'on va faire quand on aura la réponse
		xhr.onreadystatechange = function(){
	
			  if(xhr.readyState == 4 && xhr.status == 200)
			  {
				document.getElementById('date_map').innerHTML = "<strong>"+name+"</strong><br /><br />";
			    document.getElementById('hour').innerHTML = xhr.responseText;
			  }
}
		xhr.open("POST","programme-ajax/prevision/recup_hour.php",true);
		xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
		xhr.send("date="+date+"&date_txt="+name+"&pays="+pays+"");
		
		
		document.getElementById('map_html_pictos').innerHTML = "<center><br /><img src='images_design/icone/up.png' /><br /><strong><font color='red'>Veuillez choisir une heure</font></strong></center>";
		document.getElementById('map_html_wind').innerHTML = "";
		
	}
	
	//Function pour changer la map
	function change_map_FR(nb_font,heure_modele,date_heure_affich){
	//On récupère les valeurs pour le font de carte
	var font_map = document.getElementById('font_map_change').value;
	var font_div = document.getElementById('font_div_change').value;
		var xhr = getXhr()
		// On défini ce qu'on va faire quand on aura la réponse
		xhr.onreadystatechange = function(){
	
			  if(xhr.readyState == 4 && xhr.status == 200)
			  {
				document.getElementById('date_map').innerHTML = "<strong>"+date_heure_affich+"</strong><br /><br />";
			    document.getElementById('map_html').innerHTML = xhr.responseText;
				
					if(font_map == 'rain' || font_map == 'tempe'){
					document.getElementById("forecast_fr").style.backgroundImage= "url(map/forecast/hight_res/"+heure_modele+"_france_"+font_map+".png)";
					}
					
					document.getElementById('nb_font').value = nb_font;
					document.getElementById('heure_modele').value = heure_modele;
			  }
}
		xhr.open("POST","programme-ajax/prevision/recup_map.php",true);
		xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
		xhr.send("nb_font="+nb_font+"&heure_modele="+heure_modele+"&font_map="+font_map+"&font_div="+font_div+"&pays=FR");
	}
	



	//Function pour changer la map dans le monde
	function change_map_world(nb_font,heure_modele,date_heure_affich,pays){
	//On récupère les valeurs pour le font de carte
	var font_map = document.getElementById('font_map_change').value;
	var font_div = document.getElementById('font_div_change').value;
		var xhr = getXhr()
		// On défini ce qu'on va faire quand on aura la réponse
		xhr.onreadystatechange = function(){
	
			  if(xhr.readyState == 4 && xhr.status == 200)
			  {
				document.getElementById('date_map').innerHTML = "<strong>"+date_heure_affich+" CET</strong><br /><br />";
			    document.getElementById('map_html').innerHTML = xhr.responseText;
				
					if(font_map == 'RAIN' || font_map == 'TEMPE'){
					document.getElementById("forecast_fr").style.backgroundImage= "url(map/forecast/world/"+pays+"_"+font_map+"_"+heure_modele+".png)";
					}
					
					document.getElementById('nb_font').value = nb_font;
					document.getElementById('heure_modele').value = heure_modele;
			  }
}
		xhr.open("POST","programme-ajax/prevision/recup_map.php",true);
		xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
		xhr.send("nb_font="+nb_font+"&heure_modele="+heure_modele+"&font_map="+font_map+"&font_div="+font_div+"&pays="+pays+"");
	}	

	
	
	//On change le font dansl e monde
	function change_font_world(type){
	var pays = document.getElementById('pays').value;
	var nb_font = document.getElementById('nb_font').value;
	var heure_modele = document.getElementById('heure_modele').value;
	
	document.getElementById('font_map_change').value = type;
		if(type == 'default'){
		document.getElementById("forecast_fr").style.backgroundImage= "url(map/font/map_"+pays+".png)";
		}
		else{
		document.getElementById("forecast_fr").style.backgroundImage= "url(map/forecast/world/"+pays+"_"+type+"_"+heure_modele+".png)";
		}
	}
	
	
	
	//On change le font
	function change_font(type){
	var nb_font = document.getElementById('nb_font').value;
	var heure_modele = document.getElementById('heure_modele').value;
	
	document.getElementById('font_map_change').value = type;
		if(type == 'default'){
		document.getElementById("forecast_fr").style.backgroundImage= "url(map/font/france-map-previ.png)";
		}
		else if (type == 'WIND'){
		document.getElementById('font_div_change').value = type;
				var xhr = getXhr()
				// On défini ce qu'on va faire quand on aura la réponse
				xhr.onreadystatechange = function(){
		
					  if(xhr.readyState == 4 && xhr.status == 200)
					  {
					  document.getElementById('map_html').innerHTML = xhr.responseText;
					  }
				  }
				xhr.open("POST","programme-ajax/prevision/recup_map.php",true);
				xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
				xhr.send("nb_font="+nb_font+"&heure_modele="+heure_modele+"&font_map=WIND&font_div=WIND&pays=FR");
		}
		else if(document.getElementById('font_div_change').value == 'WIND') {
		document.getElementById('font_div_change').value = "";
				var xhr = getXhr()
				// On défini ce qu'on va faire quand on aura la réponse
				xhr.onreadystatechange = function(){
		
					  if(xhr.readyState == 4 && xhr.status == 200)
					  {
					  document.getElementById('map_html').innerHTML = xhr.responseText;
					  document.getElementById("forecast_fr").style.backgroundImage= "url(map/forecast/hight_res/"+heure_modele+"_france_"+type+".png)";
					  }
				  }
				xhr.open("POST","programme-ajax/prevision/recup_map.php",true);
				xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
				xhr.send("nb_font="+nb_font+"&heure_modele="+heure_modele+"&font_map="+type+"&font_div=&pays=FR");
			
		}
		else{
		document.getElementById("forecast_fr").style.backgroundImage= "url(map/forecast/hight_res/"+heure_modele+"_france_"+type+".png)";
		}
	}
	
	
	
	
	
	
	
	
	
	function affich_data(data){
	document.getElementById("affich_data").innerHTML = data;
	document.getElementById("affich_data").style.display = 'block';
	}
	
		function change_srcmap(name){
	document.getElementById("map_navig").src = "images_design/images-forecast/"+name;
	}
	
	
	
	

//Function pour la Belgique

//On change le font pour la Belgique
	function change_font_BE(type){
	var nb_font = document.getElementById('nb_font').value;
	var heure_modele = document.getElementById('heure_modele').value;
	
	document.getElementById('font_map_change').value = type;
		if(type == 'default'){
		document.getElementById("forecast_fr").style.backgroundImage= "url(map/font/belgique-map-previ.png)";
		}
		else if (type == 'WIND'){
		document.getElementById('font_div_change').value = type;
				var xhr = getXhr()
				// On défini ce qu'on va faire quand on aura la réponse
				xhr.onreadystatechange = function(){
		
					  if(xhr.readyState == 4 && xhr.status == 200)
					  {
					  document.getElementById('map_html').innerHTML = xhr.responseText;
					  }
				  }
				xhr.open("POST","programme-ajax/prevision/recup_map.php",true);
				xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
				xhr.send("nb_font="+nb_font+"&heure_modele="+heure_modele+"&font_map=WIND&font_div=WIND&pays=BE");
		}
		else if(document.getElementById('font_div_change').value == 'WIND') {
		document.getElementById('font_div_change').value = "";
				var xhr = getXhr()
				// On défini ce qu'on va faire quand on aura la réponse
				xhr.onreadystatechange = function(){
		
					  if(xhr.readyState == 4 && xhr.status == 200)
					  {
					  document.getElementById('map_html').innerHTML = xhr.responseText;
					  document.getElementById("forecast_fr").style.backgroundImage= "url(map/forecast/hight_res/"+heure_modele+"_"+type+"_BE.png)";
					  }
				  }
				xhr.open("POST","programme-ajax/prevision/recup_map.php",true);
				xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
				xhr.send("nb_font="+nb_font+"&heure_modele="+heure_modele+"&font_map="+type+"&font_div=&pays=BE");
			
		}
		else{
		document.getElementById("forecast_fr").style.backgroundImage= "url(map/forecast/hight_res/"+heure_modele+"_"+type+"_BE.png)";
		}
	}

	
	
			//Function pour changer la map
	function change_map_BE(nb_font,heure_modele,date_heure_affich){
	//On récupère les valeurs pour le font de carte
	var font_map = document.getElementById('font_map_change').value;
	var font_div = document.getElementById('font_div_change').value;
		var xhr = getXhr()
		// On défini ce qu'on va faire quand on aura la réponse
		xhr.onreadystatechange = function(){
	
			  if(xhr.readyState == 4 && xhr.status == 200)
			  {
				document.getElementById('date_map').innerHTML = "<strong>"+date_heure_affich+"</strong><br /><br />";
			    document.getElementById('map_html').innerHTML = xhr.responseText;
				
					if(font_map == 'rain' || font_map == 'tempe'){
					document.getElementById("forecast_fr").style.backgroundImage= "url(map/forecast/hight_res/"+heure_modele+"_"+font_map+"_BE.png)";
					}
					
					document.getElementById('nb_font').value = nb_font;
					document.getElementById('heure_modele').value = heure_modele;
			  }
}
		xhr.open("POST","programme-ajax/prevision/recup_map.php",true);
		xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
		xhr.send("nb_font="+nb_font+"&heure_modele="+heure_modele+"&font_map="+font_map+"&font_div="+font_div+"&pays=BE");
	}
	

	
	
	
	
	
//Function pour la Suisse

//On change le font pour la Belgique
	function change_font_CH(type){
	var nb_font = document.getElementById('nb_font').value;
	var heure_modele = document.getElementById('heure_modele').value;
	
	document.getElementById('font_map_change').value = type;
		if(type == 'default'){
		document.getElementById("forecast_fr").style.backgroundImage= "url(map/font/suisse-map-previ.png)";
		}
		else if (type == 'WIND'){
		document.getElementById('font_div_change').value = type;
				var xhr = getXhr()
				// On défini ce qu'on va faire quand on aura la réponse
				xhr.onreadystatechange = function(){
		
					  if(xhr.readyState == 4 && xhr.status == 200)
					  {
					  document.getElementById('map_html').innerHTML = xhr.responseText;
					  }
				  }
				xhr.open("POST","programme-ajax/prevision/recup_map.php",true);
				xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
				xhr.send("nb_font="+nb_font+"&heure_modele="+heure_modele+"&font_map=WIND&font_div=WIND&pays=CH");
		}
		else if(document.getElementById('font_div_change').value == 'WIND') {
		document.getElementById('font_div_change').value = "";
				var xhr = getXhr()
				// On défini ce qu'on va faire quand on aura la réponse
				xhr.onreadystatechange = function(){
		
					  if(xhr.readyState == 4 && xhr.status == 200)
					  {
					  document.getElementById('map_html').innerHTML = xhr.responseText;
					  document.getElementById("forecast_fr").style.backgroundImage= "url(map/forecast/hight_res/"+heure_modele+"_"+type+"_CH.png)";
					  }
				  }
				xhr.open("POST","programme-ajax/prevision/recup_map.php",true);
				xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
				xhr.send("nb_font="+nb_font+"&heure_modele="+heure_modele+"&font_map="+type+"&font_div=&pays=CH");
			
		}
		else{
		document.getElementById("forecast_fr").style.backgroundImage= "url(map/forecast/hight_res/"+heure_modele+"_"+type+"_CH.png)";
		}
	}

	
	
			//Function pour changer la map
	function change_map_CH(nb_font,heure_modele,date_heure_affich){
	//On récupère les valeurs pour le font de carte
	var font_map = document.getElementById('font_map_change').value;
	var font_div = document.getElementById('font_div_change').value;
		var xhr = getXhr()
		// On défini ce qu'on va faire quand on aura la réponse
		xhr.onreadystatechange = function(){
	
			  if(xhr.readyState == 4 && xhr.status == 200)
			  {
				document.getElementById('date_map').innerHTML = "<strong>"+date_heure_affich+"</strong><br /><br />";
			    document.getElementById('map_html').innerHTML = xhr.responseText;
				
					if(font_map == 'rain' || font_map == 'tempe'){
					document.getElementById("forecast_fr").style.backgroundImage= "url(map/forecast/hight_res/"+heure_modele+"_"+font_map+"_CH.png)";
					}
					
					document.getElementById('nb_font').value = nb_font;
					document.getElementById('heure_modele').value = heure_modele;
			  }
}
		xhr.open("POST","programme-ajax/prevision/recup_map.php",true);
		xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
		xhr.send("nb_font="+nb_font+"&heure_modele="+heure_modele+"&font_map="+font_map+"&font_div="+font_div+"&pays=CH");
	}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
/* Function pour les cartes régionales */
	function change_map_regional(nb_font,heure_modele,date_heure_affich,pays){
	//On récupère les valeurs pour le font de carte
		var xhr = getXhr()
		// On défini ce qu'on va faire quand on aura la réponse
		xhr.onreadystatechange = function(){
	
			  if(xhr.readyState == 4 && xhr.status == 200)
			  {
				document.getElementById('date_map').innerHTML = "<strong>"+date_heure_affich+" CET</strong><br /><br />";
				var text = xhr.responseText;
				var map = text.split('/*/*/*');
				
			    document.getElementById('map_html_pictos').innerHTML = map[0];
				document.getElementById('map_html_wind').innerHTML = map[1];

					
					document.getElementById('heure_modele').value = heure_modele;
			  }
}
		xhr.open("POST","programme-ajax/prevision/recup_map.php",true);
		xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
		xhr.send("nb_font="+nb_font+"&heure_modele="+heure_modele+"&pays="+pays+"&type=regional");
	}