// JavaScript Document
function displayPics()
{
	var photos = document.getElementById('galerie_mini') ;
	// On récupère l'élément ayant pour id galerie_mini
	var liens = photos.getElementsByTagName('a') ;
	// On récupère dans une variable tous les liens contenu dans galerie_mini
	var big_photo = document.getElementById('big_pict') ;
	// Ici c'est l'élément ayant pour id big_pict qui est récupéré, c'est notre photo en taille normale

	var titre_photo = document.getElementById('photo').getElementsByTagName('dt')[0] ;
	// Et enfin le titre de la photo de taille normale

	// Une boucle parcourant l'ensemble des liens contenu dans galerie_mini
	for (var i = 0 ; i < liens.length ; ++i) {
		// Au clique sur ces liens 
		liens[i].onclick = function() {
			big_photo.src = this.href; // On change l'attribut src de l'image en le remplaçant par la valeur du lien
			big_photo.alt = this.title; // On change son titre
			titre_photo.firstChild.nodeValue = this.title; // On change le texte de titre de la photo
			return false; // Et pour finir on inhibe l'action réelle du lien
		};
	}
}

	 
  
 

function MoveToStep(step) //Permet le déplacement entre les étapes
{
	

var content = document.getElementById("ProgBar");

  switch(step)
  {
      case 1:
      AfficheId("step1");CacheId("step2");CacheId("step3");
      content.innerHTML="<input type=image src='img/step1.jpg' alt='Interface plus claire' onclick='MoveToStep(1)'/><input type=image src='img/step2nb.jpg' alt='Meilleures gestion de vos mails' onclick='MoveToStep(2)'/><input type=image src='img/step3nb.jpg' alt='Solution plus performante' onclick='MoveToStep(3)'/>";
      break;
      
      case 2:
      AfficheId("step2");CacheId("step1");CacheId("step3");
      content.innerHTML="<input type=image src='img/step1nb.jpg' alt='Interface plus claire' onclick='MoveToStep(1)'/><input type=image src='img/step2.jpg' alt='Meilleures gestion de vos mails' onclick='MoveToStep(2)'/><input type=image src='img/step3nb.jpg' alt='Solution plus performante' onclick='MoveToStep(3)'/>";
      break;
      
      case 3:
      AfficheId("step3");CacheId("step1");CacheId("step2");
      content.innerHTML="<input type=image src='img/step1nb.jpg' alt='Interface plus claire' onclick='MoveToStep(1)'/><input type=image src='img/step2nb.jpg' alt='Meilleures gestion de vos mails' onclick='MoveToStep(2)'/><input type=image src='img/step3.jpg' alt='Solution plus performante' onclick='MoveToStep(3)'/>";
      break;
  }
    
}

function AfficheId(baliseId) //Affiche une div
  {
  if (document.getElementById && document.getElementById(baliseId) != null)
    {
    document.getElementById(baliseId).style.visibility='visible';
    document.getElementById(baliseId).style.display='block';
    }
  }


function CacheId(baliseId) //Masque une div
  {
  if (document.getElementById && document.getElementById(baliseId) != null)
    {
    document.getElementById(baliseId).style.visibility='hidden';
    document.getElementById(baliseId).style.display='none';
    }
  }