/**
 * @author Stéphane Roucheray
 * @Co-author Mkc http://smfgratuit.org
 * @extends jquery
 */


jQuery.fn.carousel = function(previous, next, options){
	var sliderList = jQuery(this).children()[0];
	
	if (sliderList) {
		/*var increment = jQuery(sliderList).children().outerWidth("true"),*/
		/*permet de récupérer la taille d'image pour en calculer le pas*/
		var increment =jQuery("img",sliderList).css('width'),
		elmnts = jQuery(sliderList).children(),
		numElmts = elmnts.length,
		sizeFirstElmnt = parseInt(increment),
		shownInViewport = Math.round(parseInt(jQuery(this).css('width')) / sizeFirstElmnt),
		firstElementOnViewPort = 1,
		decalage = parseInt(increment)+8,
		isAnimating = false;
		/*alert(jQuery("img",sliderList).css('width'));*/
		/*alert("previous: " + previous + " | numElmts: " + numElmts + 
		      " | sizeFirstElmnt: " + sizeFirstElmnt + " | shownInViewport: " + shownInViewport + 
		      " | decalage: " + decalage + " | jQuery(this).width(): " + jQuery(this).width() + " | jQuery(this).css('width'): " + jQuery(this).css('width'));*/
		for (i = 0; i < shownInViewport; i++) {
			jQuery(sliderList).css('width',(parseInt(numElmts)+shownInViewport)*parseInt(increment) + parseInt(increment) + "px");
			jQuery(sliderList).append(jQuery(elmnts[i]).clone());
		}
		
		jQuery(previous).click(function(event){
			if (!isAnimating) {
				if (firstElementOnViewPort == 1) {
					jQuery(sliderList).css('left', "-" + parseInt(numElmts) * decalage + "px");
					firstElementOnViewPort = numElmts;
				}
				else {
					firstElementOnViewPort--;
				}
				
				jQuery(sliderList).animate({
					left: "+=" + decalage + "px",
					y: 0,
					queue: true
				}, "swing", function(){isAnimating = false;});
				isAnimating = true;
			}
			
		});
		
		jQuery(next).click(function(event){
			if (!isAnimating) {
				if (firstElementOnViewPort > numElmts) {
					firstElementOnViewPort = 2;
					jQuery(sliderList).css('left', "0px");
				}
				else {
					firstElementOnViewPort++;
				}
				jQuery(sliderList).animate({
					left: "-=" + decalage + "px",
					y: 0,
					queue: true
				}, "swing", function(){isAnimating = false;});
				isAnimating = true;
			}
		});
	}
};