var dde=document.documentElement;
function pop_photo(url,legende,largeur,e){
dde.lastChild.appendChild(document.createElement('div')).setAttribute('id','cadre_popup');
dde.lastChild.appendChild(document.createElement('div')).setAttribute('id','fenetre');
document.getElementById('fenetre').appendChild(document.createElement('div')).setAttribute('id','popup');

document.getElementById('popup').innerHTML="<h1 id='pop_barre_titre' class='barre_titre'><a href=\"javascript:close();\" class='ferm_pop' alt=\"fermer la fenetre\">X</a>titre : "+legende+"</h1><img src='"+url+"' alt='"+legende+"' id='img_pop' /><br /><a href=\"javascript:close();\" class='ferm_pop' alt=\"fermer la fenetre\">Fermer la fen&ecirc;tre</a>";


//alert(taille_img);

	var posx = 0;
	
	 var posy = 0;
	
	 if (!e) var e = window.event;
	
	 if (e.pageX || e.pageY){
	
	  posx = e.pageX;
	
	  posy = e.pageY;
	
	 }
	
	 else if (e.clientX || e.clientY){
	
	  posx = e.clientX + document.body.scrollLeft + document.documentElement.scrollLeft;
	
	  posy = e.clientY + document.body.scrollTop + document.documentElement.scrollTop;
	
	 }
	 //alert(posy);
	if(posy>250){posy=posy-200;}
	//alert(posx + " " + posy);
	 //alert(posy);
document.getElementById('popup').style.top=posy+"px";
//document.getElementById('popup').style.left=( document.body.clientWidth/2)+"px";
taille_page=document.body.scrollHeight+150;
//alert(taille_page);
document.getElementById('cadre_popup').style.height=taille_page+"px";
//alert(taille_img+'/'+document.getElementById('popup').style.width);
taille_img=document.getElementById('img_pop').width;
taille_pop=eval(largeur+100);
document.getElementById('popup').style.width=taille_pop+'px';
}


function close(){

var div = document.getElementById('cadre_popup');
div.parentNode.removeChild(div);	
var divf = document.getElementById('fenetre');
divf.parentNode.removeChild(divf);

}


