function aGetPositionObjet(obj) {
	var curleft = 0;
	var curtop = 0;
	if( obj.id=='bas_fenetre')
		debug =1;
	else
		debug = 0;
		
//	if( debug )
//	{
//		alert( 'hauteur bas fenetre' );
//	}
	
	if (obj.offsetParent) {
  	do {
  		curleft += obj.offsetLeft;
  		curtop += obj.offsetTop;
//  		if( debug )
//  		{
//  			alert( obj.id + ' - ' +obj.offsetTop + ' ==> total = ' + curtop );
//  		}
    } while (obj = obj.offsetParent);
  }
	return [curleft,curtop];
}


function redimensionne (  )
{
  var positionBas, hauteur_conteneur;
  var Nom = navigator.appName;
  var ie = (Nom == 'Microsoft Internet Explorer') ? 1:0 ;
  
  if( document.getElementById('bas_fenetre' ) )
  {
    positionBas = aGetPositionObjet( document.getElementById('bas_fenetre' ) );
    if( ie )
      positionBas[1] = positionBas[1] + 15;
    
    hauteur_conteneur = document.getElementById('contener').offsetHeight;
//   alert( '' + positionBas[1] + ' <=> ' + hauteur_conteneur );
    if( positionBas[1] > hauteur_conteneur )
    {
      document.getElementById('contener').style.height = '' + positionBas[1] + 'px';
    }
  }
  else
    window.setTimeout( 'redimensionne()', 100 );
}

window.onresize=redimensionne;
redimensionne;

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' ) );
//      alert( hauteur_opacite + ' ? ' + ( position[ 1 ] + 50 ) );
      if( ( position[ 1 ] + 50 ) > hauteur_opacite )
      {
        hauteur_opacite = ( position[ 1 ] + 50 );
      } 
      
      hauteur_conteneur = document.getElementById('contener').offsetHeight;
      if( hauteur_opacite < hauteur_conteneur )
      {
        hauteur_opacite = hauteur_conteneur;
      }

      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;

  	} );
  
})();