var xhr= null;
//Créons une fonction de création d'objet XMLHttRequest
function get_Xhr()
{
	if (window.XMLHttpRequest)   xhr = new XMLHttpRequest (); // Firefox
  	else if (window.ActiveXObject)  xhr = new ActiveXObject ('Microsoft.XMLHTTP'); //IE
  	else {
		alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest\nVeuillez le mettre à jour");
	}
	return xhr;			
}


function mot_accueil(lang, level)
{
	// Nous créons un objet XMLHttpRequest
	get_Xhr();
	// Nous définissons ce que fera AJAX (avant même de lui dire quoi transmettre)
	xhr.onreadystatechange = function()
	{
		//Si la requete est terminée
		if(xhr.readyState == 4 && xhr.status == 200)
		{
			// Récupération de la réponse						
			var reponse = xhr.responseText;
			document.getElementById('texte_popup_accueil').innerHTML  = reponse;
			
			
			// -----------------------------------------
			// Définition de la hauteur du filtre opaque
			// -----------------------------------------
			// Récupération de la hauteur de la page
			var maDiv = document.getElementById("container");
			var hauteur_page = maDiv.offsetHeight;
			// Récupération de la hauteur de la popup
			document.getElementById('contenu_popup_accueil').style.display = 'block';
			var hauteur_popup = document.getElementById('contenu_popup_accueil').offsetHeight;
			// Calcul de la hauteur du filtre
			//var hauteur_filtre = hauteur_page + hauteur_popup + 100;
			var hauteur_filtre = hauteur_page + 100;
			document.getElementById('filtre_popup_accueil').style.height = hauteur_filtre + "px";
			
			// ----------------------------------
			// Définition de l'opacité du filtre
			// ---------------------------------
			var alpha = 50;
			document.getElementById('filtre_popup_accueil').style.display = 'block';
			document.getElementById('filtre_popup_accueil').style.opacity = alpha / 100;
			if (document.body.filters != undefined) { /* Test pour notre cher IE */
				document.getElementById('filtre_popup_accueil').style.filter = 'alpha(opacity:' + alpha + ')';
			}
			
			
			// --------------------------------------------------
			// Définition de la position de la popup dans la page
			// --------------------------------------------------
			// Récupération de la largeur de la fenêtre pour pouvoir centrer horizontalement la popup
			var largeur_page = maDiv.offsetWidth;
			var largeur_popup = document.getElementById('contenu_popup_accueil').offsetWidth;
			var marge_gauche = (largeur_page - largeur_popup) / 2;
			if(marge_gauche < 10){ marge_gauche = 10; }
			document.getElementById('contenu_popup_accueil').style.left = marge_gauche + "px";
			/*
			// Récupération des coordonnées où l'utilisateur à cliquer afin de centrer verticalement la popup dans la fenêtre
			var posx = 0;
			var posy = 0;
			if (e.pageX || e.pageY) { // selon le navigateur (ici pour firefox et peut-être autre...)
				posx = e.pageX;
				posy = e.pageY;
			}
			else if (e.clientX || e.clientY){ // (ici pour Internet Explorer et peut-être autre...)
				posx = e.clientX;
				posy = e.clientY;
			}
			else { // (ici pour Internet Explorer et peut-être autre...)
				posx = e.x;
				posy = e.y;
			}
			marge_haut = posy - 150;
			if(marge_haut < 30){ marge_haut = 30; }
			document.getElementById('contenu_popup_accueil').style.top = marge_haut + "px";
			*/
			// !!! Finalement on décide d'afficher la popup en haut de la page !
			document.getElementById('contenu_popup_accueil').style.top = "300px";
		}
	}
	// Récupération des paramètres
	var lang = lang;
	var level = level
	// Nous indiquons les valeurs à transmettre
	xhr.open('GET',level+"mot_accueil_ajax.php?lang="+lang+"&level="+level,true);
	// Obligatoire si l'on passe en POST   
	//xhr.setRequestHeader('Content-Type','x-www-form-urlencoded');
	xhr.send("lang="+lang+"level="+level);
}

function popup_close_accueil()
{
	document.getElementById('filtre_popup_accueil').style.display = 'none';
	document.getElementById('contenu_popup_accueil').style.display = 'none';
}