var actif = 0;

function displayWeek() {
  var photos = document.getElementById('affiche_semaine') ;//cherche le contenu de affiche_semaine
  if (photos==null) return;

  var liens = photos.getElementsByTagName('a') ;//recupere les liens dans affiche_semaine
  var link = document.getElementById('0'); //recupere le 1er lien
  var affiche = document.getElementById('img_0');// recupere la 1ere affiche
  if (affiche==null) return;

  affiche.src = link.href;//degrise la 1er affiche
  var affiche_contenu = document.getElementById('contenu_0');
  affiche_contenu.style.display = "inline";// affiche le 1e film
	
	// Une boucle parcourant l'ensemble des liens contenu dans affiche_semaine
	for (var i=0 ; i<liens.length; i++) {
		// Au clique de la souris sur ces liens 
              liens[i].onclick = function() {
		var link = document.getElementById(actif);//recuperation du lien precedente
		var affiche_contenu = document.getElementById('contenu_' + actif);//recuperation du contenu precedent
		var tmp = document.getElementById('img_' + actif);//recuperation de l'affiche precedente
		tmp.src = link.href.substr(0, link.href.length-4) + "_grise.jpg";//grisage de l affiche precedente
		affiche_contenu.style.display = "none";//masquage du contenu precedent
			
		actif = this.id;//reinitialisation d'actif afin de realiser l'operation precedente au prochain clique
		var affiche = document.getElementById('img_' + this.id);//recuperation de l'affiche du lien		
			
		affiche.src = this.href;//degrisage de l'affiche
		var affiche_contenu = document.getElementById('contenu_' + this.id);//recherche du bon div
			
		affiche_contenu.style.display = "block";//affichage de son contenu
		
		return false; // Et pour finir on inhibe l'action réelle du lien
	      }
        }
}

window.onload = displayWeek;
// Il ne reste plus qu'à appeler notre fonction au chargement de la page