//-- Une fois l'objet window chargé, la fonction ManageShowHide est appelée
Event.observe(this,'load',ManageShowHide);
cpt = 0;
main_img_url = '';
//-- Cache tous les paragraphes à l'exception du premier
//-- Appelle la fonction affiche_div après un click sur un élément de classe "lien_contact"
function ManageShowHide(event){
 // Récupère l'url de l'image centrale
	main_img_url = $('main_img').src;

  // Met les images en attente d'événements
  $$('.img_link').each(function(img){
      Event.observe(img,'mouseover',afficheImgSurvol);
      Event.observe(img,'mouseout',afficheOut);
	});
   
  // Met les lignes en attente d'événements
  $$('.tr_highlight').each(function(tr){
	    	Event.observe(tr,'mouseover',afficheTrSurvol);
      	Event.observe(tr,'mouseout',afficheTrOut);  
	});  

}
function afficheTrOut(event){
 var position = 0;
 cpt = 0;
 
 // la ligne survolée 
    var container_tr = Event.findElement(event,'tr');
 
    
 // Récupère la position parmi les tr 
    $$('.tr_highlight').each(function(tr_h){
	    if (tr_h === container_tr) position = cpt;
	    cpt++;   
	});
  cpt = 0;
    
 // change le style de la ligne survolée   
    container_tr.removeClassName('line_selected');
   
 // Changement de source de la petite image
 	$$('.img_link').each(function(small_img){
  
	    if (cpt == position) {
        img_src_selected = chercheRemplace(small_img.src, 'small_img_selected', 'small_img')
   			small_img.src  = img_src_selected;
   			img_src_selected = '';
       }
	    cpt++;   
	});
    cpt = 0;
	
   // Changement de source de l'image centrale
   main_img = $('main_img');
   main_img.src  = main_img_url;
}

function afficheTrSurvol(event){
 var position = 0;
 cpt = 0;
 small_img_src = '';
 
 // la ligne survolée 
    var container_tr = Event.findElement(event,'tr');
 
    
 // Récupère la position parmi les tr 
    $$('.tr_highlight').each(function(tr_h){
	    if (tr_h === container_tr) position = cpt;
	    cpt++;   
	});
  cpt = 0;
    
 // change le style de la ligne survolée   
    container_tr.addClassName('line_selected');
   
 // Changement de source de la petite image
 	$$('.img_link').each(function(small_img){
  
	    if (cpt == position) {
        img_src_selected = chercheRemplace(small_img.src, 'small_img', 'small_img_selected')
   			small_img.src  	= img_src_selected;
        small_img_src 	= img_src_selected;
   			img_src_selected = '';
       }
	    cpt++;   
	});
   cpt = 0;
    
 // Changement de source de l'image centrale
   main_img = $('main_img');
   main_img_src = chercheRemplace(small_img_src, 'small_img_selected', 'big_img')
   main_img.src  = main_img_src;
 
}

function afficheImgSurvol(event){
 var position = 0;
 cpt = 0;
 // l'image survolée 
    var container_img = Event.findElement(event,'img');
    
 // Changement de source de l'image
   img_src_selected = chercheRemplace(container_img.src, 'small_img', 'small_img_selected')
   container_img.src  = img_src_selected;
   img_src_selected = '';
   
 // Changement de source de l'image centrale
   main_img = $('main_img');
   main_img_src = chercheRemplace(container_img.src, 'small_img_selected', 'big_img')
   main_img.src  = main_img_src;
 
 // Récupère la position parmi les images cliquables
    $$('img.img_link').each(function(img_link){
	    //alert(Object.inspect(div));
	    if (img_link === container_img) position = cpt;
	    cpt++;   
	});
   
   
   cpt = 0;
   
 // Change la class de style de la ligne concernée
    $$('.tr_highlight').each(function(tr){
	    //alert(Object.inspect(tr));
	    if (cpt == position) position = tr.addClassName('line_selected');
	    cpt++;   
	});
}

function afficheOut(event){
 var position = 0;
 cpt = 0;
 // l'image survolée 
    var container_img = Event.findElement(event,'img');
    
 // Changement de source de la petite image
   img_src_selected = chercheRemplace(container_img.src, 'small_img_selected', 'small_img')
   container_img.src  = img_src_selected;
   img_src_selected = '';
   
 // Changement de source de l'image centrale
   main_img = $('main_img');
   main_img.src  = main_img_url;

 // Récupère la position parmi les images cliquables
    $$('img.img_link').each(function(img_link){
	    //alert(Object.inspect(div));
	    if (img_link === container_img) position = cpt;
	    cpt++;   
	});
   
   
   cpt = 0;
   
 // Change la class de style de la ligne concernée
    $$('.tr_highlight').each(function(tr){
	    //alert(Object.inspect(tr));
	    if (cpt == position) position = tr.removeClassName('line_selected');
	    cpt++;   
	});
 
}

function chercheRemplace(text, stringToFind, stringRemplacement )
{
  var text = text.toString() ;
  var maReg = new RegExp( stringToFind, "gi") ;
  var resultat = text.replace( maReg, stringRemplacement ) ;
   
  if ( text.search( maReg ) != -1 ) return resultat ;

}