$(document).ready(function() {
	var container = $('div.sliderGallery');
	var ul = $('ul', container);
	var nomFicheActive="div#fiche1";
	
	var itemsWidth = ul.innerWidth() - container.outerWidth();
	
	
	$('.slider', container).slider({
		handle: '.handle',
		stop: function (event, ui) {
			ul.animate({'left' : ui.value * -1.0 * itemsWidth/100},0);
		},
		slide: function (event, ui) {
			ul.css('left', ui.value * -1.0 * itemsWidth/100);
		}
	});
		
	$('li').filter('.fiche').click(function () {
	  // recupere le nom de la fiche (div#fichex)
	  var nom='div#'+$(this).attr("name");	 
	  // cache la fiche nomFicheActive
	  $(nomFicheActive).fadeOut('slow',function(){
	  		// affiche la fiche nom
			$(nom).fadeIn("slow");	
		});
	  nomFicheActive = nom;
	});
});