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

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

    var sliderList = jQuery(this).children()[0];

    if (transitionTime == '') {
        transitionTime = 700;
    }

    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().addClass('clone'));
        }
      
        jQuery(sliderList).mouseenter(function() {
            jQuery(previous).addClass('prevActive');
            jQuery(next).addClass('nextActive');
        });

        jQuery(sliderList).mouseleave(function() {
            jQuery(previous).removeClass('prevActive');
            jQuery(next).removeClass('nextActive');
        });

        jQuery(previous).click(function(event) {
            if (!isAnimating) {
                if (firstElementOnViewPort == 1) {
                    jQuery(sliderList).css('left', "-" + Math.round(numElmts * sizeFirstElmnt) + "px");
                    firstElementOnViewPort = numElmts;
                }
                else {
                    firstElementOnViewPort--;
                }

                jQuery(sliderList).animate({
                    left: "+=" + increment,
                    y: 0,
                    queue: false
                }, transitionTime, "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,
                    y: 0,
                    queue: false
                }, transitionTime, "swing", function() { isAnimating = false; });
                isAnimating = true;
            }
        });
    }
};


//The auto-scrolling function
function slide() {
    $('#next').click();
}

var intervalId = '';

function startAnimation(transitionTime, intervallTime) {

    $(document).ready(function() {
        $('#viewport').carousel('.prev', '.next', transitionTime);
    });

    intervalId = window.setInterval(slide, intervallTime);

    $('#teaserAnimation').mouseenter(function() {
        clearInterval(intervalId);
    });

    $('#teaserAnimation').mouseleave(function() {
        intervalId = window.setInterval(slide, intervallTime);
    });
}

function resetAnimation() {
    clearInterval(intervalId);
    $('.overview').css('left', '0px');
    $('.clone').remove();
    $('#teaserAnimation').unbind();
    $('#teaserAnimation').unbind();
    jQuery('.next').unbind()
    jQuery('.prev').unbind();
    jQuery('.overview').unbind();
    jQuery('.overview').unbind();
}