/**
 * @author Stéphane Roucheray 
 * @extends jquery
 */


jQuery.fn.carousel = function(previous, next, options){
	var sliderList = jQuery(this).children()[0];
	
	if (this && sliderList) {
		var increment = jQuery(sliderList).children().outerWidth("true"),
		elmnts = jQuery(sliderList).children(),
		numElmts = (elmnts.length/2),
		sizeFirstElmnt = increment,
		shownInViewport = Math.round(jQuery(this).width() / (sizeFirstElmnt*2)),
		firstElementOnViewPort = 3, //primer elemento fuera de los mostrados
		isAnimating = false;
		
		for (i = 0; i < shownInViewport; i++) {
			jQuery(sliderList).css('width',(numElmts+shownInViewport)*(increment*2) + "px");
			//jQuery(sliderList).append(jQuery(elmnts[i]).clone());
		}
		
		jQuery(previous).click(function(event){
			if (!isAnimating) {
				if (firstElementOnViewPort == 3) {
					/*jQuery(sliderList).css('left', "-" + numElmts * sizeFirstElmnt + "px");
					firstElementOnViewPort = numElmts;*/
				}
				else {
					firstElementOnViewPort--;
					jQuery(sliderList).animate({
						left: "+=" + (increment*2),
						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: "-=" + (increment*2),
						y: 0,
						queue: true
					}, "swing", function(){isAnimating = false;});
					isAnimating = true;
				}				
			}
		});
	}
};