function afficherImgEnPopup(url, titre, widthImg, heightImg){
	//Récupération de la fenêtre
	var windowPrincipal = window.top;
	if(windowPrincipal==null){
		windowPrincipal = window;
	}
	//POPUP IMAGE
	var popupImage = windowPrincipal.document.getElementById('popupImage');
	if (!popupImage){
		//Construction de la popup
		popupImage = windowPrincipal.document.createElement('div');
		popupImage.id='popupImage';
		popupImage.style.display='none';
		windowPrincipal.document.body.appendChild(popupImage);
	}
	//Mise à jour du contenu de la popup
	popupImage.innerHTML='<div class="fermer"><a href="#" onclick="document.getElementById(\'popupImage\').style.display=\'none\';document.getElementById(\'popupMasque\').style.display=\'none\';return false;"></a></div><img src="'+url+'"/><span class="legendeImage">'+titre+'</span>';

	//POPUP MASQUE
	var popupMasque = windowPrincipal.document.getElementById('popupMasque');
	if (!popupMasque){
		//Construction du div
		popupMasque = windowPrincipal.document.createElement('div');
		popupMasque.id='popupMasque';
		popupMasque.style.display='none';
		windowPrincipal.document.body.appendChild(popupMasque);
	}
	
	//STYLES POPUP MASQUE
	popupMasque.style.position='absolute';
	popupMasque.style.zIndex='99999999';
	popupMasque.style.display='block';
	//STYLES POPUP IMAGE
	popupImage.style.position='absolute';
	popupImage.style.zIndex='999999999';
	popupImage.style.display='block';

	//CALCUL POSITIONS
	calculPopup(popupImage, popupMasque, widthImg, heightImg);
}

function calculPopupRefresh(nomPopupImage, nomPopupMasque, widthImg, heightImg){
	var popupImage = document.getElementById(nomPopupImage);
	var popupMasque = document.getElementById(nomPopupMasque);
	calculPopup(popupImage, popupMasque, widthImg, heightImg);
}

function calculPopup(popupImage, popupMasque, widthImg, heightImg){
	if(popupImage!=null && popupImage.style.display!="none"){
		//POSITION POPUP MASQUE
		var documentSize = getDocumentSize();
		popupMasque.style.height = documentSize[1] + 'px';
		popupMasque.style.width = documentSize[0] + 'px';
		popupMasque.style.top = '0px';
		popupMasque.style.left = '0px';
		
		//POSITION POPUP IMAGE
		var scrollPos = getScrollXY();	
		var fullHeight = getViewportHeight();
		var fullWidth = getViewportWidth();
		if(heightImg!="" && heightImg!="0" && widthImg!="" && widthImg!="0"){
			var posHeight = (fullHeight - (parseInt(heightImg))) / 2;
			if(posHeight>0){
				popupImage.style.top = scrollPos[1] + 20 + posHeight + 'px';
			}else{
				popupImage.style.top = scrollPos[1] + 20 + 'px';
			}
			var posWidth = (fullWidth - (parseInt(widthImg))) / 2;
			if(posWidth>0){
				popupImage.style.left = scrollPos[0] + 20 + posWidth + 'px';
			}else{
				popupImage.style.left = scrollPos[0] + 20 + 'px';
			}
		}else{
			popupImage.style.top = (scrollPos[1] + 20) + 'px';
			popupImage.style.left = (scrollPos[0] + 20) + 'px';
		}
	}
}