/*******************************************************************************************************/
/*                                                                                                     */
/*  Description................:  Fonctions Javascript pour la gestion des popups zoom.                */
/*  Type.......................:  Fichier Javascript                                                   */
/*  Auteur.....................:  Maxime Jobin                                                         */
/*  Date de création...........:  2009-11-04                                                           */
/*  Date de modification.......:  2009-11-04                                                           */
/*                                                                                                     */
/*******************************************************************************************************/

/*****************************************************************************/
/* FONCTIONS                                                                 */
/*****************************************************************************/

/*=============================================================================*
	Crée un popup et l'affiche.
	@param idPopup Id du popup à afficher.
	@param url_image Url de l'image à afficher.
	@param pz_width Largeur du popup
	@param pz_height Hauteur du popup
/*=============================================================================*/
  function CreatePopup(idPopup, url_image, pz_width, pz_height)
  {
		//Permet d'interdir dans IE l'utilisation du popup avant la fin du chargement, sinon le chargement bloque
		if (!document.readyState || document.readyState == "complete") 
		{
			//On créé le Popup
			var divPage = document.getElementById("divPage");
			var divPagePied = document.getElementById("divPagePied");
			var divFond = document.createElement("div");
			var divPopup = document.createElement("div");
			var divPopupContenu = document.createElement("div");
			var aFermer = document.createElement("a");
			var imgFermer = document.createElement("img");
			var imgImage = document.createElement("img");
			var elemClient = document.body.parentNode;
			
			//######IE6######
			if(document.body.parentNode.clientHeight == 0)
				elemClient = document.body;
		
			divFond.setAttribute("id",idPopup + "Fond");
			divFond.className = "FondNoirDiv";
			document.body.appendChild(divFond);
		
			divPopup.setAttribute("id",idPopup);
			divPopup.className = "PopupDiv";

			divPopupContenu.setAttribute("id",idPopup + "Contenu");
			divPopupContenu.className = "PopupContenu";
			
			aFermer.setAttribute("id",idPopup + "AFermer");
			aFermer.setAttribute("href","javascript:PZHide('" + idPopup + "')");
			imgFermer.setAttribute("id",idPopup + "IMGFermer");
			imgFermer.setAttribute("src","/prado-themes/Basic/images/fermer.png");
			imgFermer.style.border = "0px";
			aFermer.className = "ClosePopup";
			imgFermer.setAttribute("alt","Fermer");
			aFermer.appendChild(imgFermer);
			document.body.appendChild(aFermer);
			
			imgImage.setAttribute("src",url_image);
			imgImage.setAttribute("alt","Version originale");
			imgImage.setAttribute("title","");
			divPopupContenu.appendChild(imgImage);
			
			divPopup.appendChild(divPopupContenu);	
			document.body.appendChild(divPopup);	

			//S'assure que le popup n'est pas plus grand que l'écran
			if(pz_height > elemClient.clientHeight - 50)
			{
				pz_height = elemClient.clientHeight - 50;
				pz_width += 21;
			}
			if(pz_width > elemClient.clientWidth - 10)
				pz_width = elemClient.clientWidth - 50;
				
			divPopup.style.width = pz_width + "px";	
			divPopup.style.height = pz_height + "px";
			divFond.style.width = (pz_width + 30) + "px";	
			divFond.style.height = (pz_height + 30) + "px";
			
			//Positionne les éléments	
			divPopup.style.top = ((elemClient.clientHeight / 2) - (pz_height / 2)) + "px";		
			divPopup.style.left = ((elemClient.clientWidth / 2) - (pz_width / 2)) + "px";	
			divFond.style.top = ((elemClient.clientHeight / 2) - ((pz_height + 30) / 2)) + "px";		
			divFond.style.left = ((elemClient.clientWidth / 2) - ((pz_width + 30) / 2)) + "px";	
			aFermer.style.left = ((elemClient.clientWidth / 2) + ((pz_width + 30) / 2) - 21) + "px";	
			aFermer.style.top = ((elemClient.clientHeight / 2) - ((pz_height + 30) / 2) - 5) + "px";	
			
			divFond.style.display = 'block';
			divPopup.style.display = 'block';	
			aFermer.style.display = 'block';
			divPagePied.style.opacity = divPage.style.opacity = 0.5;
		}
  }
	
  function ClosePopup(idPopup)
  {
		var divPage = document.getElementById("divPage");
		var divPagePied = document.getElementById("divPagePied");
		var divPopup = document.getElementById(idPopup);
		var divFond = document.getElementById(idPopup + "Fond");
		var aFermer = document.getElementById(idPopup + "AFermer");
		document.body.removeChild(aFermer);	
		document.body.removeChild(divPopup);	
		document.body.removeChild(divFond);	
		divPagePied.style.opacity = divPage.style.opacity = 1;
  }

/*=============================================================================*
	Affiche un div-popup.
	@param idPopup Id du popup à afficher.
	@param url_image Url de l'image à afficher.
	@param pz_width Largeur du popup
	@param pz_height Hauteur du popup
/*=============================================================================*/
  function PZShow(idPopup, url_image, pz_width, pz_height)
  {
		CreatePopup(idPopup, url_image, pz_width, pz_height);	
  }

/*=============================================================================*
	Masque un div-popup selon son id.
	@param nomPopup Id du popup à masquer.
/*=============================================================================*/
  function PZHide(idPopup)
  {
		ClosePopup(idPopup);	
  }