function closeInfosDecouvrir() {
	document.getElementById("infos_decouvrir").innerHTML = "";
	document.getElementById("infos_decouvrir").style.display = 'none';	
}

function openInfosDecouvrir(id, zone, media) {

	console.log('id = '+id);
	var height = document.getElementById("infos_"+id).offsetTop;
	
	document.getElementById("infos_decouvrir").style.display = 'block';	
	
	document.getElementById("infos_decouvrir").style.top = height+"px";
	
	if(zone == 0){
		var height2 = document.getElementById("infos_decouvrir").offsetTop+140;
		window.scrollTo(0,height2);
	}
	
	//creer la requete ajax
	xhr = createAjaxHTTPREQUEST();
	
	// On défini ce qu'on va faire quand on aura la réponse
	xhr.onreadystatechange = function(){
		// 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){
			
			var result = xhr.responseText;
			
			//On n'affiche que ce qu'il y a à l'intérieur de la div principale
			document.getElementById("infos_decouvrir").innerHTML = result;
		}
	}
	xhr.open("post","actions_ajax.php",true);
	
	//Utilisé pour le type POST
	xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
	
	var ajaxurl = "action=getDecouvrirObjet&etape_selected="+id+"&zone="+zone;
	
	console.log('ajaxurl = '+ajaxurl);
	
	if(media >= 1 && zone == 2){ ajaxurl += "&image_selected_id="+media; }
	if(media >= 1 && zone == 1){ ajaxurl += "&video_selected_id="+media; }
	if(media >= 1 && zone == 4){ ajaxurl += "&son_selected_id="+media; }
		
	xhr.send(ajaxurl);

}

function openInfosDecouvrirMap(id, zone, media) {

	var height = document.getElementById("infos_map_"+id).offsetTop;

	document.getElementById("infos_decouvrir").style.top = "-70px";
	document.getElementById("infos_decouvrir").style.left = "20px";
	document.getElementById("infos_decouvrir").style.display = 'block';	
	
	//creer la requete ajax
	xhr = createAjaxHTTPREQUEST();
	
	// On défini ce qu'on va faire quand on aura la réponse
	xhr.onreadystatechange = function(){
		// 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){
			
			var result = xhr.responseText;
			
			//On n'affiche que ce qu'il y a à l'intérieur de la div principale
			document.getElementById("infos_decouvrir").innerHTML = result;
		}
	}
	xhr.open("post","actions_ajax.php",true);
	
	//Utilisé pour le type POST
	xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
	
	var ajaxurl = "action=getDecouvrirObjet&etape_selected="+id+"&zone="+zone+"&carto=oui";
	
	if(media >= 1 && zone == 2){ ajaxurl += "&image_selected_id="+media; }
	if(media >= 1 && zone == 1){ ajaxurl += "&video_selected_id="+media; }
	if(media >= 1 && zone == 4){ ajaxurl += "&son_selected_id="+media; }
		
	xhr.send(ajaxurl);

}

function openInfosDecouvrirRecherche(id, zone, media) {

	var height = document.getElementById("infos_"+id).offsetTop;
	
	height = height + 390;	

	document.getElementById("infos_decouvrir").style.display = 'block';	
	
	document.getElementById("infos_decouvrir").style.top = height+"px";
	
	if(zone == 0){
	var height2 = document.getElementById("infos_decouvrir").offsetTop+390;
	window.scrollTo(0,height2);
	}
	
	//creer la requete ajax
	xhr = createAjaxHTTPREQUEST();
	
	// On défini ce qu'on va faire quand on aura la réponse
	xhr.onreadystatechange = function(){
		// 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){
			
			var result = xhr.responseText;
			
			//On n'affiche que ce qu'il y a à l'intérieur de la div principale
			document.getElementById("infos_decouvrir").innerHTML = result;
		}
	}
	xhr.open("post","actions_ajax.php",true);
	
	//Utilisé pour le type POST
	xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
	
	var ajaxurl = "action=getDecouvrirObjet&etape_selected="+id+"&zone="+zone+"&carto=recherche";
	
	if(media >= 1 && zone == 2){ ajaxurl += "&image_selected_id="+media; }
	if(media >= 1 && zone == 1){ ajaxurl += "&video_selected_id="+media; }
	if(media >= 1 && zone == 4){ ajaxurl += "&son_selected_id="+media; }
		
	xhr.send(ajaxurl);

}

function createAjaxHTTPREQUEST() {
	
	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;
}