$(document).ready(function(){


	$("a[rel=example_group]").fancybox({
				//'overlayShow'	: false,
				'transitionIn'	: 'elastic',
				'transitionOut'	: 'elastic',
				'titlePosition'	: 'over',
				'overlayColor'		: '#666',
				'overlayOpacity'	: 0.75,
				//'autoScale'			: false,
				'padding'          : 0,
				
			});
			
	$('.scroll-pane').jScrollPane();
			
	
	var positionSouris = 0;
	var longDiapo = 0;
	
		//longueur de de chaque bande photos	
		$('.diapo').each(function (j) {
	
			var longueur = 0;
			
			var id = '#'+$(this).attr("id");
			var base = $(id+" .ulDiaporama");
			var listeLi = $(id+" ul li a img");
			var nbLi;
			listeLi.each(function (i) {
				longueur +=listeLi.width();
				//ne fonctionne pas avec chrome alors  ... nbLi+1 * 244
				nbLi = i+1;
			});
			if(longueur < (nbLi)*190) longueur = (nbLi)*244;
			longueur +=10;
			base.css({'width':longueur});
		});
		
		
		//longueur du contenair (de la bande de photos)
		longDiapo = $(window).width() - 25;
		if(longDiapo<620) longDiapo = 620;
		$('.diapo').css({'width':longDiapo});
		
		/*
		$('.diapo').mousemove(function(e){
		
			var positionDiapo = $(this).position().left
			var bande = $(this).children(".ulDiaporama")
			var longPhoto = bande.width();
			
			var difference = longPhoto-longDiapo;
			
			if(difference>0)
			{
				positionSouris = e.pageX-positionDiapo;
				var facteur = positionSouris/longDiapo;
				var position = -(facteur*difference);
				position = Math.floor(position);
				//$('.bouton').html( position);
				
				bande.animate({
					marginLeft: position,	
				},0, "easeInOutQuad", function() {
						}
				);
				
			}
		});*/
	
	
	var x = 0;
	posX = 0;
	
	var longPhoto = 0;
	var positionDiapo = 0;
	var differenceA = 0;
	var difference = 0;
	var bande ='';
	var idDiap
	var position = 0;
	
	
	$('.diapo').mousemove(function(e){
		positionDiapo = $(this).position().left
		
		var diapoLong = $(this).width();
		
		x = e.pageX-positionDiapo;
			
		var idDiap = '#'+$(this).attr("id");
		bande = $(idDiap+" .ulDiaporama");
		longPhoto = bande.width();
		
		differenceA = longPhoto-longDiapo;
		difference = longPhoto-longDiapo-diapoLong;
	});
	

		
	 Bouge_Image = function()
	{
		if (document.getElementById && differenceA >=0 )
		{
			var facteur = x/longDiapo;
			position = -(facteur*difference);
			position = Math.floor(position);
		
			posX = posX+(((x-posX)-position)/15);
			$(bande).css({"margin-left": -posX});
			
			tempo = setTimeout("Bouge_Image()", 15)
		}
	}
	
	
	Bouge_Image();	
	
		

});