function aGetPositionObjet(obj) {
  	var curleft = curtop = 0;
  	if (obj.offsetParent) {
    	do {
    		curleft += obj.offsetLeft;
    		curtop += obj.offsetTop;
      } while (obj = obj.offsetParent);
    }
  	return [curleft,curtop];
  }

  var element_clique;
  var source_element;
  var repositionner = true;
  
  function contenu_afficher_diapo_source ( source, classe )
  {
    source_element = source;
    
    repositionner = false;
    
    contenu_afficher_diapo( classe );
  }
  
  function contenu_afficher_diapo( classe )
  {
    var les_images = document.getElementById( 'texte' ).getElementsByTagName('img') ;
    var les_images_temp = new Array();
    var image_courante, image_suivante, image_precedente, position_diaporama=0;
    
    // on recherche l'image demandée sur le diaporama
    if( element_clique && ( element_clique.tagName == 'IMG' ) )
    {
      image_courante = element_clique;
    }
    
    
    // classe demandée => on ne garde que les bonnes images
    if( classe )
    {
      var j=0;
      for( var i=0; i<les_images.length; i++ )
      {
        if( les_images[ i ].className == classe )
        {
//          alert( les_images[ i ].src );
          les_images_temp[ j ] = les_images[ i ];
          j = j + 1;
        }
      }
      les_images = les_images_temp;
    }
    
    // on recherche l'image suivante éventuelle du diaporama
    for( var i=0; i<les_images.length; i++ )
    {
      // si pas d'élément courant, on prend le premier, si il a la bonne classe
      if( !image_courante && ( !classe || (les_images[ i ].className == classe ) ) )
      {
        image_courante = les_images[ i ];
      }
      if( ( source_element && ( les_images[ i ].src == source_element ) ) || ( !source_element && ( les_images[ i ].src == image_courante.src ) ) )
      {
        if( source_element )
        {
          image_courante = les_images[ i ];
        }
        
        if( i != 0 )
          image_precedente = les_images[ i - 1 ];
        else if( les_images.length != 1 )
          image_precedente = les_images[ les_images.length -1 ];
        
        if( i!= ( les_images.length -1 ) )
          image_suivante = les_images[ i + 1 ];
        else if( les_images.length != 1 )
          image_suivante = les_images[ 0 ];
      }
    }
    
    if( image_courante.src )
    {
      // on affiche le titre
      document.getElementById('diapo_titre_diaporama').innerHTML = image_courante.alt;
      
      // on affiche la fenetre
      document.getElementById( 'fenetre_diaporama' ).style.display = 'block';
      document.getElementById( 'mon_diaporama' ).style.display = 'block';
      
      // on met la bonne image dans le calque
      document.getElementById( 'mon_image_complete_diaporama' ).innerHTML  = '<img src="' + image_courante.src.replace( /\/vignettes-auto\//, '/') + '" onload="javascript:diaporama_redimentionne( this )" />';
      
      // on met les bons liens sur les fleches
      if( image_precedente )
      {
        document.getElementById( 'precedent_diaporama' ).href = 'javascript:contenu_afficher_diapo_source ( "' + image_precedente.src + '", "' + classe + '");';
        document.getElementById( 'precedent_diaporama' ).style.display = 'block';
      }
      else
      {
        document.getElementById( 'precedent_diaporama' ).style.display = 'none';
      }
      if( image_suivante )
      {
        document.getElementById( 'suivant_diaporama' ).href = 'javascript:contenu_afficher_diapo_source ( "' + image_suivante.src + '", "' + classe + '");';
        document.getElementById( 'suivant_diaporama' ).style.display = 'block';
      }
      else
      {
        document.getElementById( 'suivant_diaporama' ).style.display = 'none';
      }
    }
    
    source_element = '';
  }

  function diaporama_redimentionne( image )
  {
    if( repositionner )
    {
      // on redimentionne le calque d'opacite
      if( document.getElementById( 'bas_fenetre' ) )
      {
        position = aGetPositionObjet( document.getElementById( 'bas_fenetre' ) );
        var hauteur_opacite = 0;
        if( position[ 1 ] > hauteur_opacite )
        {
          hauteur_opacite = position[ 1 ];
        }
        position = aGetPositionObjet( document.getElementById( 'deplacement_diaporama' ) );
        if( ( position[ 1 ] + 50 ) > hauteur_opacite )
        {
          hauteur_opacite = ( position[ 1 ] + 50 );
        } 
        document.getElementById('fenetre_diaporama').style.height = hauteur_opacite + 'px';
      }
      
      // on repositionne le calque par rapport à l'élément cliqué
      decalage = 0;
      if (window.pageYOffset)
      {
        decalage = window.pageYOffset;
      }
      else if (document.body && document.body.scrollTop) 
      {
        decalage=document.body.scrollTop;
      }
      document.getElementById('mon_diaporama').style.top = ( decalage + 100 ) + 'px';
      
      if( image )
      {
        var largeur = document.getElementById( 'mon_image_complete_diaporama' ).offsetWidth + 50;
        document.getElementById('mon_diaporama').style.width = largeur + 'px';
        document.getElementById('mon_diaporama').style.marginLeft = ( -1 * largeur / 2 ) + 'px';
      }
      
    }
    
  }
  
  function fermer_diaporama ( )
  {
    document.getElementById( 'fenetre_diaporama' ).style.display = 'none';
    document.getElementById( 'mon_diaporama' ).style.display = 'none';
  }
  
  
(function() {

  var addEvent = function (obj,evType,fn){
  	if(obj.addEventListener){obj.addEventListener(evType,fn,false)} 
  	else if(obj.attachEvent)obj.attachEvent('on'+evType,fn) 
  } 
  
  addEvent(document, 'mousedown', function(e){
  
  	element_clique= e.target||event.srcElement;
  
  	if(!element_clique.tagName)
  	   element_clique=element_clique.parentNode;

  	} );
  
})();