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

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

/*=============================================================================*
	Affiche/Masque le fond noir spécifié.
	@param blnVisible Id du fond noir à afficher/masquer.
	@param blnVisible Vrai pour afficher, faux pour masquer
/*=============================================================================*/
  function FondVisible(idFond, blnVisible)
  {
		if(blnVisible)
		{
			var divFond = document.createElement("div");
			var elemClient = document.body.parentNode;
			
			//######IE6######
			if(document.body.parentNode.clientHeight == 0)
				elemClient = document.body;
				
			divFond.setAttribute("id",idFond);
			divFond.className = "FondNoirDiv";
			divFond.style.height = elemClient.scrollHeight + "px";	
			divFond.style.top = elemClient.scrollTop + "px";	
			divFond.style.left = elemClient.scrollLeft + "px";	
			divFond.style.display = 'block';
			document.body.appendChild(divFond);
		}
		else
		{
			var divFond = document.getElementById(idFond);
			document.body.removeChild(divFond);
		}
  }

/*=============================================================================*
	Crée un popup et l'affiche.
	@param idPopup Id du popup à afficher.
	@param titre Titre du popup.
	@param url_image Url de l'image à afficher.
	@param pz_width Largeur du popup
	@param pz_height Hauteur du popup
/*=============================================================================*/
  function CreatePopup(idPopup, titre, url_image, pz_width, pz_height)
  {
		//On créé le Popup
		var divPopup = document.createElement("div");
		var divPopupHeader = document.createElement("div");
		var divPopupContenu = document.createElement("div");
		var aFermer = document.createElement("a");
		var imgFermer = document.createElement("img");
		var lblTitre = document.createTextNode("\u00a0" + titre);
		var imgImage = document.createElement("img");
		var elemClient = document.body.parentNode;
		
		//######IE6######
		if(document.body.parentNode.clientHeight == 0)
			elemClient = document.body;
		
		divPopup.setAttribute("id",idPopup);
		divPopup.className = "PopupDiv";
		
		divPopupHeader.setAttribute("id",idPopup + "Header");
		divPopupHeader.className = "PopupHeader";
		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","/themes/Basic/images/retourpage.gif");
		imgFermer.className = "ClosePopup";
		imgFermer.setAttribute("alt","Fermer");
		aFermer.appendChild(imgFermer);
		divPopupHeader.appendChild(aFermer);
		divPopupHeader.appendChild(lblTitre);
		
		imgImage.setAttribute("src",url_image);
		imgImage.setAttribute("alt","Version originale");
		imgImage.setAttribute("title","");
		divPopupContenu.appendChild(imgImage);
		
		divPopup.appendChild(divPopupHeader);	
		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";

		//Positionne le popup	
		divPopup.style.top = (elemClient.scrollTop + (elemClient.clientHeight / 2) - 
												 (pz_height / 2) - 10) + "px";		
		divPopup.style.left = (elemClient.scrollLeft + (elemClient.clientWidth / 2) - (pz_width / 2)) + "px";	
		divPopup.style.display = 'block';	
  }
	
  function ClosePopup(idPopup)
  {
		var divPopup = document.getElementById(idPopup);
		document.body.removeChild(divPopup);	
  }

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

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