//affiche une image en 800px de large
function popup800(src){
	
	affCache();
	var body = document.getElementsByTagName('BODY')[0];
	var Popup = document.createElement('DIV');
		Popup.setAttribute('id','MaPopUp');
		
	var PopupFermer = document.createElement('DIV');
		PopupFermer.setAttribute('id','MaPopUpFermer');
		PopupFermer.className = "ImagePopUp";
		Element.setStyle(PopupFermer,{
			width : '80px',
			height : '20px',
			position : 'absolute',
			zIndex : '1001',
			backgroundColor : '#fcfcfc',
			top : '50%',
			left : '50%',
			margin: '-330px 0 0 -40px'			
		});
	var ImgFermer = document.createElement('IMG');
		ImgFermer.src = 'Images/popup/btn-fermer.gif';
		ImgFermer.className = "FermerPopUp800";
		Event.observe(ImgFermer,'click',suppPopUp);
		
	var MonImage = document.createElement('IMG');
		MonImage.src = src;
		MonImage.className = "ImagePopUp800";
		MonImage.id = "ImageUp";
		Event.observe(MonImage,'click',suppPopUp);
	
	PopupFermer.appendChild(ImgFermer);
	Popup.appendChild(PopupFermer);	
	Popup.appendChild(MonImage);
	
	body.insertBefore(Popup,body.firstChild);
}
//affiche une image 640px de large
	
function popup600(src){
	affCache();
	var body = document.getElementsByTagName('BODY')[0];
	var Popup = document.createElement('DIV');
		Popup.setAttribute('id','MaPopUp');
		
	var PopupFermer = document.createElement('DIV');
		PopupFermer.setAttribute('id','MaPopUpFermer');
		PopupFermer.className = "ImagePopUp600";
		Element.setStyle(PopupFermer,{
			width : '80px',
			height : '20px',
			position : 'absolute',
			zIndex : '1001',
			backgroundColor : '#fcfcfc',
			top : '50%',
			left : '50%',
			margin: '-330px 0 0 -40px'			
		});
	var ImgFermer = document.createElement('IMG');
		ImgFermer.src = 'Images/popup/btn-fermer.gif';
		ImgFermer.className = "FermerPopUp";
		Event.observe(ImgFermer,'click',suppPopUp);
		
	var MonImage = document.createElement('IMG');
		MonImage.src = src;
		MonImage.className = "ImagePopUp600";
		MonImage.id = "ImageUp";
		Event.observe(MonImage,'click',suppPopUp);
	
	PopupFermer.appendChild(ImgFermer);
	Popup.appendChild(PopupFermer);	
	Popup.appendChild(MonImage);
	
	body.insertBefore(Popup,body.firstChild);
}
//affiche une image en 900px de large
function popupplan(src){
	affCache();
	var body = document.getElementsByTagName('BODY')[0];
	var Popup = document.createElement('DIV');
		Popup.setAttribute('id','MaPopUp');
		
	var PopupFermer = document.createElement('DIV');
		PopupFermer.setAttribute('id','MaPopUpFermer');
		PopupFermer.className = "ImagePopUpPlan";
		Element.setStyle(PopupFermer,{
			width : '80px',
			height : '20px',
			position : 'absolute',
			zIndex : '1001',
			backgroundColor : '#fcfcfc',
			top : '0%',
			left : '50%',
			margin: '10px 0 0 -40px'			
		});
	var ImgFermer = document.createElement('IMG');
		ImgFermer.src = 'Images/popup/btn-fermer.gif';
		ImgFermer.className = "FermerPopUp";
		Event.observe(ImgFermer,'click',suppPopUp);
		
	var MonImage = document.createElement('IMG');
		MonImage.src = src;
		MonImage.className = "ImagePopUpPlan";
		MonImage.id = "ImageUp";
		Event.observe(MonImage,'click',suppPopUp);
	
	PopupFermer.appendChild(ImgFermer);
	Popup.appendChild(PopupFermer);	
	Popup.appendChild(MonImage);
	
	body.insertBefore(Popup,body.firstChild);
}

function affCache(){
	var body = document.getElementsByTagName('BODY')[0];
	var dims = new Array();
		dims['haut'] = hauteur_fenetre();
		dims['larg'] = largeur_fenetre();
		
	var cache = document.createElement('DIV');
		cache.id='cacheBody';
		Element.setStyle(cache,{
			width : dims['larg']+'px',
			height : dims['haut']+'px',
			position : 'absolute',
			zIndex : '999',
			backgroundColor : '#000',
			top : '0px',
			left : '0px',
			opacity : '0.5'			
		});
		
	body.insertBefore(cache,body.firstChild);
}

function largeur_fenetre()
{
 if (window.innerWidth) return window.innerWidth;
 else if (document.body && document.body.offsetWidth) return document.body.offsetWidth;
 else return 0;
}

function hauteur_fenetre()
{
	if (window.innerHeight) // Hauteur de la page sans scroll pour FF et Safari
	{
	   if(window.innerHeight)
	   {
		var hauteur = window.innerHeight; // si pas de scroll on prend la taille intérieure de la page
		if(document.body.scrollHeight > window.innerHeight)
		hauteur = document.body.scrollHeight; // sinon on prend la taille de la page scroll compris
	   }
		//return window.innerHeight;
		return hauteur;
	}
	else if (document.body && document.body.offsetHeight) // Hauteur de la page sans scroll pour IE 6 - 7
	{
		if(document.documentElement.clientHeight) 
		{
			var hauteur = document.documentElement.clientHeight; // si pas de scroll on prend la taille intérieure de la page
			if(document.body.scrollHeight > document.documentElement.clientHeight)
			hauteur = document.body.scrollHeight; // sinon on prend la taille de la page scroll compris
		}
		return hauteur;
	}
	else return 0;
}



function suppPopUp(){
	var body = document.getElementsByTagName('BODY')[0];
	body.removeChild(body.firstChild);
	body.removeChild(body.firstChild);
}