window.onload=CreerEcouteurs;

function CreerEcouteurs()
{
  // mettre en place un ecouteur d'évènement sur chaque photo
//  alert("CreerEcouteurs");
  var lesImages = document.getElementById('Reinscrit').getElementsByTagName('img');
  for(var i=0; i<lesImages.length; i++)
  {
    if (lesImages[i].addEventListener) lesImages[i].addEventListener('mouseover', ChangerPhoto, false) ;
   else if (lesImages[i].attachEvent)  lesImages[i].attachEvent('onmouseover', ChangerPhoto); 
    else lesImages[i].onclick = ChangerPhoto;
  }
  
   var lesImages = document.getElementById('Nouveau').getElementsByTagName('img');
  for(var i=0; i<lesImages.length; i++)
  {
    if (lesImages[i].addEventListener) lesImages[i].addEventListener('mouseover', ChangerPhoto, false) ;
   else if (lesImages[i].attachEvent)  lesImages[i].attachEvent('onmouseover', ChangerPhoto); 
    else lesImages[i].onclick = ChangerPhoto;
  }
  
   var lesImages = document.getElementById('Ami').getElementsByTagName('img');
  for(var i=0; i<lesImages.length; i++)
  {
    if (lesImages[i].addEventListener) lesImages[i].addEventListener('mouseover', ChangerPhoto, false) ;
   else if (lesImages[i].attachEvent)  lesImages[i].attachEvent('onmouseover', ChangerPhoto); 
    else lesImages[i].onclick = ChangerPhoto;
  }

 var lesImages = document.getElementById('Ex').getElementsByTagName('img');
  for(var i=0; i<lesImages.length; i++)
  {
    if (lesImages[i].addEventListener) lesImages[i].addEventListener('mouseover', ChangerPhoto, false) ;
   else if (lesImages[i].attachEvent)  lesImages[i].attachEvent('onmouseover', ChangerPhoto); 
    else lesImages[i].onclick = ChangerPhoto;
  }
}

function Zoomer(event)
{
var event = event || window.event;

if(event.srcElement) {var idSource= event.srcElement.id ;}
else {var idSource=this.id ;}   

var image=document.getElementById(idSource);

image.setAttribute("width",2*image.width) ; 
image.setAttribute("height",2*image.height) ;
}

function Dezoomer(event)
{
var event = event || window.event;

if(event.srcElement) {var idSource= event.srcElement.id ;}
else {var idSource=this.id ;}   

var image=document.getElementById(idSource);

image.setAttribute("width",image.width/2) ; 
image.setAttribute("height",image.height/2) ;
}


function ChangerPhoto(event)
{

var event = event || window.event;

if(event.srcElement) {var idSource= event.srcElement.id ;}
else {var idSource=this.id ;} 

//alert(idSource);
// Le pb est ici : on ne récupère pas l'id 
// Récuperer largeur, hauteur et nom de dossier de la nouvelle photo
 var param = "idAdherent="+idSource.substring(5, idSource.length) ;
 new Ajax.Request('Communs/getPhoto.php', {method:'get', parameters:param, onSuccess: majPhoto });

}

function majPhoto(transport)
{
  //alert(" ") ;
  var resultat=eval('(' + transport.responseText + ')');

  var id= "photo"+resultat.id ;
  document.getElementById(id).setAttribute("src",resultat.src) ;
  document.getElementById(id).setAttribute("width",resultat.l) ; 
  document.getElementById(id).setAttribute("height",resultat.h) ;
}