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


jQuery.fn.carousel = function(previous, next, options){

    var sliderList = jQuery(this).children()[0];
    var intervalId = 0;
    
    if (sliderList) {
        var increment = jQuery(sliderList).children().outerWidth("true"),
        elmnts = jQuery(sliderList).children(),
        numElmts = elmnts.length,
        sizeFirstElmnt = increment,
        shownInViewport = Math.round(jQuery(this).width() / sizeFirstElmnt),
        firstElementOnViewPort = 1,
        isAnimating = false;
		
        for (i = 0; i < shownInViewport; i++) {
            jQuery(sliderList).css('width',(numElmts+shownInViewport)*increment + increment + "px");
            jQuery(sliderList).append(jQuery(elmnts[i]).clone());
        }

        function movePrev(event){
            if (!isAnimating) {
                if (firstElementOnViewPort == 1) {
                    jQuery(sliderList).css('left', "-" + numElmts * sizeFirstElmnt + "px");
                    firstElementOnViewPort = numElmts;
                }
                else {
                    firstElementOnViewPort--;
                }
                
                jQuery(sliderList).animate({
                    left: "+=" + increment,
                    y: 0,
                    queue: true
                }, "swing", function(){
                    isAnimating = false;
                })
                //jQuery(sliderList).children().fadeOut().fadeIn();
                isAnimating = true;
            }

        }

        function moveNext(event){
            if (!isAnimating) {
                if (firstElementOnViewPort > numElmts) {
                    firstElementOnViewPort = 2;
                    jQuery(sliderList).css('left', "0px");
                }
                else {
                    firstElementOnViewPort++;
                }
                //jQuery(sliderList).children().fadeTo("100", 0.1)
                jQuery(sliderList).animate({
                    left: "-=" + increment,
                    y: 0,
                    queue: true
                }, "swing", function(){
                    isAnimating = false;
                });
                //jQuery(sliderList).children().fadeTo("400", 1);

                isAnimating = true;
            }
        }

        function startCircual()  {
            window.clearInterval(intervalId);
            intervalId = window.setInterval(moveNext, 3000);
        }
        function stopCircual()  {
            window.clearInterval(intervalId);
        }


        jQuery(previous).click(movePrev);
		
        jQuery(next).click(moveNext);

        if(1) {

            $(this).parent().bind('mouseover',stopCircual)
            $(this).parent().bind('mouseout',startCircual)

            $(window).bind('scroll',startCircual)

            intervalId = window.setInterval(moveNext, 3000);
        }

        jQuery(previous+','+next).bind('mouseover',function(){

            $(this).animate({
                opacity:1,
                queue: true
            },200);

        }).bind('mouseout',function(){
            $(this).animate({
                opacity:0.5,
                queue: true
            },10);
        })


    }
};