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

//On change le font
	function change_font(type){
	var pays = document.getElementById('pays').value;
	var date = document.getElementById('date').value;
	
	if(type == 'tempe'){
	document.getElementById('date_map').innerHTML = 'Températures';
	}
	else if(type == 'picto'){
	document.getElementById('date_map').innerHTML = 'Temps présent';
	}
	else if(type == 'vent'){
	document.getElementById('date_map').innerHTML = 'Vent';
	}
	else if(type == 'hum'){
	document.getElementById('date_map').innerHTML = 'Humidité';
	}
	else if(type == 'pression'){
	document.getElementById('date_map').innerHTML = 'Pression';
	}

	var xhr = getXhr()
	// On défini ce qu'on va faire quand on aura la réponse
	xhr.onreadystatechange = function(){
 document.getElementById('map_html').innerHTML = "<center><br /><br /><img src='images_design/icone/load.gif' alt='Chargement' /><br /> <strong>Chargement en cours ...</strong></center>";

	if(xhr.readyState == 4 && xhr.status == 200)
	 {
	document.getElementById('map_html').innerHTML = xhr.responseText;
	 }
		}
				xhr.open("POST","programme-ajax/observation/recup_map.php",true);
				xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
				xhr.send("type="+type+"&pays="+pays+"&date="+date+"");
		}
		
		
/* function pour changer la date */	
function change_date(){
var heure = document.getElementById('heure').value;
var jour = document.getElementById('jour').value;
var mois = document.getElementById('mois').value;
var year = document.getElementById('year').value;

document.getElementById('date').value = ""+heure+jour+mois+year+"";
document.getElementById('date_affich').innerHTML = "<strong>Le "+jour+"/"+mois+"/"+year+" à "+heure+" (Heure CET)</strong>";
change_font('tempe');
}





function ajax_ville(){
		var xhr = getXhr()
		var commune = document.getElementById('commune').value;
		// On défini ce qu'on va faire quand on aura la réponse
		xhr.onreadystatechange = function(){
	
			  if(xhr.readyState == 3) {
				document.getElementById('bloc_listeville').style.display ='block';
			    document.getElementById('bloc_listeville').innerHTML = "<center><br /><img src='images_design/icone/load.gif' alt='Chargement' /><br /> <strong>Chargement ...</strong></center>";
			  }	
			  else if(xhr.readyState == 4 && xhr.status == 200)
			  {
			    document.getElementById('bloc_listeville').innerHTML = xhr.responseText;
			  }
}
		xhr.open("POST","programme-ajax/recup-liste-ville.php",true);
		xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
		xhr.send("commune="+commune);
	}
	
	
	
	
function change_ville(){
var xhr = getXhr()

	var data = document.getElementById('ville').value.split(',');
	document.getElementById('commune').value = data[1];
	var type = document.getElementById('type').value;
	
	
	xhr.onreadystatechange = function(){
	
				document.getElementById('bloc_listeville').style.display ='block';
				document.getElementById('bloc_listeville').style.backgroundColor ='white';
			    document.getElementById('bloc_listeville').innerHTML = "<center><br /><img src='images_design/icone/load.gif' alt='Chargement' /><br /> <strong>Chargement en cours...</strong></center>";
			  if(xhr.readyState == 4 && xhr.status == 200)
			  {
			    document.getElementById('bloc_listeville').innerHTML = xhr.responseText;
			  }
	}
	xhr.open("POST","programme-ajax/obs/radar_orage/recup_data.php",true);
		xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
		xhr.send("commune="+data[0]+"&type="+type+"");
	
	
	}