var go = 
{

	Slideshow: function()
	{

		/* variables à personnaliser en fonction du rendu et de la css 
		**********************************************************************/

		/* largeur des images */
		var slideWidth = 100;	

		/* espace entre les images #slideshow li */
		var slideMargin = 5;	

		/* nombre de slides (images) visible en même temps */
		var slidesItem = 3;	


		/* variables fixes, ne pas modifier
		**********************************************************************/

		/* valeur du déplacement */
		var slideMove = slideWidth+(2*slideMargin);

		/* nombre total de slide */
		var slideNumber = $('.slide').length;

		/* longueur total du slideshow */
		var slideshowWidth = slideNumber * (slideWidth+(2*slideMargin));

		/* offset gauche d'origine */
		var m = $("#slideshowMask");
		var om = m.offset();
		var oml = om.left;		

		/* compteur */
		var cpt = 0;


		/* personnalisation js
		**********************************************************************/

		/* les boutons */
		$('#slideshow')  
		.prepend('<span id="leftControl">Left</span>')  
		.append('<span id="rightControl">Right</span>');  

		/* largeur slideshow */
		$('#slides').css({width: slideshowWidth});
		
		/* init des slides
		**********************************************************************/
		
		/* on récupere le dernier élément */
		e = slideNumber-1;

		/* on le place en premier avec un décalage - */
		$('.slide:eq('+ e +')').insertBefore($('.slide:eq(0)'))
		$('#slides').css({'margin-left': -slideMove});
		

		/* les actions 
		**********************************************************************/
			
		/* bouton de gauche */
		$("#leftControl").click( function() { 
			/* offset */
			s = $("#slides");
			os = s.offset();
			osl = os.left;
			/* animation */
			$('#slides').animate({'marginLeft' : (osl-oml)-slideMove}, 'slow', function(){		
				$('.slide:eq(0)').insertAfter($('.slide:eq('+ e +')'))
				$('#slides').css({'margin-left': -slideMove});
			});	
		});

		/* bouton de droite */
		$("#rightControl").click( function() { 
			/* offset */
			s = $("#slides");
			os = s.offset();
			osl = os.left;
			/* animation */
			$('#slides').animate({'marginLeft' : (osl-oml)+slideMove}, 'slow', function(){		
				$('.slide:eq('+ e +')').insertBefore($('.slide:eq(0)'))
				$('#slides').css({'margin-left': -slideMove});	
			});	
		});
	}
}

jQuery(function ($) {
	if($("[id^='slideshow']").length){go.Slideshow();}
});