// JavaScript Document

function afficherPhoto(id_image)
{
	grisageFenetre();
	var post = "action=galerie&id_image=" +  id_image;
	new Ajax.Request('ajax.php',
	{ 
		asynchronous : false,
		method: 'post',
		parameters : post,
		onSuccess:  function(transport) 
				{
					urlPhoto = transport.responseText;
					var post = "action=galerie2&id_image=" +  id_image;
					new Ajax.Request('ajax.php',
					{ 
						asynchronous : false,
						method: 'post',
						parameters : post,
						onSuccess:  function(transport) 
						{
							legende = transport.responseText;
							$('zoomPhoto').update('<div style="float:left;padding-left:5px;"><img src="Images/imprimer.gif" alt="imprimer" onClick="javascript:window.print();" /></div><div style="float:right;padding-right:5px;"><span class="lien" onclick=javascript:fermerPopUp();>fermer</span></div><img src="'+urlPhoto+'" alt="'+legende+'"/><br/>'+legende);
							//document.observe("dom:loaded",function(){
							im =new Image;
							im.src=urlPhoto;
							if(im.complete==false)
							{
								Event.observe(im,'load',afficherPhoto2);
							}
							else
							{
								afficherPhoto2();
							}
						}
					});
				}
	});
}

function afficherPhotoParUrl(urlPhoto)
{
	grisageFenetre();
	$('zoomPhoto').update('<img src="'+urlPhoto+'" /><br /><br /><span class="lien" onclick=javascript:fermerPopUp();>fermer</span>');
	im = new Image;
	im.src=urlPhoto;
	if(im.complete==false)
	{
		Event.observe(im,'load',afficherPhoto2);
	}
	else
	{
		afficherPhoto2();
	}
}

function afficherPhoto2()
{
	// on rend invisible la div de photo pour éviter de voir son déplacement par la fonction de centrage
	$('zoomPhoto').setOpacity(0);
	// on affiche la div de photo pour permettre son déplacement
	$('zoomPhoto').show();
	// on centre cette div dans le navigateur
	centrerDiv('zoomPhoto',document.getElementById('zoomPhoto').offsetWidth,document.getElementById('zoomPhoto').offsetHeight);	
	// on enlève l'invisibilité de la vi de photo
	$('zoomPhoto').setOpacity(1);
}