Advanced Carousel

gistfile1.js

function carousels(element, jump) {
    var carousel;
    
    carousel = $(element).cycle({
        fx: 'carousel',
        timeout: 0,
        allowWrap: false
    });
    
    var totalSlides = $(element).data('cycle.opts').slideCount;
            
    $(element).find('.next').on('click', function() {
        nextSlide();
    });
     
    $(element).find('.prev').on('click', function() {
        prevSlide();
    });
     
    function nextSlide() {
        var currentSlide = $(element).data("cycle.opts").currSlide;
        if (currentSlide + (jump * 2) > totalSlides) {
            $(element).cycle('goto', totalSlides - jump);
        } else {
          $(element).cycle('goto', currentSlide + jump);
        }
    }
     
    function prevSlide() {
        var currentSlide = $(element).data("cycle.opts").currSlide;
        
        if (currentSlide - jump < 0) {
            $(element).cycle('goto', 0);
        } else {
          $(element).cycle('goto', currentSlide - jump);
        }
    }
}

function getCarousels(classname, jump){
    var carouselArray = $(classname);
    
    for (var i = 0; i < carouselArray.length; i++) {
         var carouselItem = carousels(carouselArray[i], jump);
    }
}


getCarousels('.carousel', 3);