//Fonction permettant de lancer l'appel de la page � afficher
function affichePage(chemPage) {
	
	//ferme la popup Image si elle est ouverte
	fermePopup();
	
	//Création de l'objet XHR
    var xhr=null;
    if (window.XMLHttpRequest) { 
        xhr = new XMLHttpRequest();
    } else if (window.ActiveXObject) {
        xhr = new ActiveXObject("Microsoft.XMLHTTP");
    }
    
    //D�claration de la fonction a d�clencher lors du changement d'�tat de l'XHR
    xhr.onreadystatechange = function() { majContenu(xhr); };
    
	//Lancement de l'appel Asynchrone
    xhr.open("GET", chemPage + "?nocache=" + Math.random(), true);
    xhr.send(null);
}

//Fonction de mise à jour de la zone de contenu une fois que le retour du serveur est reçu
function majContenu(xhr) {
	if (xhr.readyState==4) {
		elemContenu = document.getElementById("contenu");
		elemContenu.innerHTML = xhr.responseText;
	}
}

//Fonction permettant d'ouvrir la visualisation d'une image
function ouvreImage(chemImage) {
	//Chargement de l'image
	var monImageJS = new Image;
	monImageJS.onload = function(){ 
		document.getElementById('imagePopup').src = monImageJS.src; 
		elemPopup = document.getElementById('popupImage');
		elemPopup.style.display="block";
		centrePopup('popupImage');
	}
	monImageJS.src = chemImage;
}

//Redimentionnement de la zone contenupPopup en fonction de l'image quelle contient
function dimentionnePopupImage(idPopup) {
	elemPopup = document.getElementById(idPopup);
	
	//Récupération de l'objet image
	elemContenuPopup = document.getElementById('contenuPopup');
	elemImage = elemContenuPopup.getElementsByTagName('IMG')[0];
	
	//Récupération de l'objet contenant le lien pour fermer la fenetre
	elemTexteFermer = document.getElementById('texteFermer');
	
	//Dimentionnement du div contenant l'image
	elemContenuPopup.style.height = elemImage.offsetHeight + "px";
	elemContenuPopup.style.width = elemImage.offsetWidth + "px";
	
	//Dimentionnement de la largeur de la div texteFermer
	elemTexteFermer.style.width = elemImage.offsetWidth + "px";
	
	//Dimentionnement de la popup complete
	elemPopup.style.height = (elemImage.offsetHeight+elemTexteFermer.offsetHeight) + "px";
	elemPopup.style.width = elemImage.offsetWidth + "px";
}

//Fonction permettant de centrer la popup sur l'écran en fonction de sa taille
function centrePopup(idPopup) {
	elemPopup = document.getElementById(idPopup);
	
	//Dimentionnement de la popup en fonction du contenu
	dimentionnePopupImage(idPopup);
	
	//Récupération de la taille de la popup
	hautPopup = elemPopup.offsetHeight;
	largPopup = elemPopup.offsetWidth;
	
	//Récupération de la taille de l'écran
	largFenetre = 0;
	hautFenetre = 0;
	if (document.body) {
		largFenetre = (document.body.clientWidth);
		hautFenetre = (document.body.clientHeight);
	}else{
		largFenetre = (window.innerWidth);
		hautFenetre = (window.innerHeight);
	}
	
	//Position dans la zone de l'écran (scroll)
	if (navigator.appName=="Microsoft Internet Explorer") {
		offsety = document.body.scrollTop;
		offsetx = document.body.scrollLeft;
	} else {
		offsety = window.pageYOffset;
		offsetx = window.pageXOffset;
	}
	
	//alert("hautPopup = "+hautPopup+" / largPopup = "+largPopup);
	
	//Calcul de la position de la fenetre
	leftPopup = (largFenetre-largPopup)/2 + offsetx;
	topPopup = (hautFenetre-hautPopup)/2 + offsety;
	
	//Application de la position
	elemPopup.style.top=topPopup + "px";
	elemPopup.style.left=leftPopup + "px";
}

//Fonction permettant de masque la popup image
function fermePopup() {
	elemPopup = document.getElementById('popupImage');
	elemPopup.style.display="none";
}