// JavaScript Document
$(function(){
		   
		   
//ON CACHE TOUTES LES IMAGES CONTENUS DANS LA DIV "PHOTO" SAUF LA PREMIERE

$('#video object').not(':first').hide();	 
	
	
//ON APPLIQUE AU LIEN CONTENU DANS LA DIV "VIGNETTES" APRES UN CLIC LA FONCTION SUIVANTE
	
	$('#vignettes a').click(function() {
									 
//ON CREER LES VARIABLES SUIVANTES

		var urlLien = 'video'+$(this).attr('rel');
//VAR UrlLien RECUPERE LE href de l'IMAGE A AFFICHER 

		var aAfficher;
		var aCacher;


// SI L'IMAGE CONTENU DANS LA DIV PHOTO EST VISIBLE LA FAIRE DISPARAITRE PENDANT QUE LA NOUVELLE APPARAIT

		$('#video object').each(function() {
			if ($(this).is(':visible')) { aCacher = $(this); } 
			if ($(this).attr('id') == urlLien) { aAfficher = $(this); }								
		});

// ON Y APPLIQUE UN FADE IN ET FADE OUT POUR PLUS DE FLUIDITE

		aCacher.fadeOut();
		aAfficher.fadeIn();
		
		return false;
	});
	
	
	
});