/**
 * Created by Pascal on 16/06/17.
 */

$(function () {

    var index = 0;
    var maxIndex = 1;

    $(function(){
        initSlider();
    });

    function initSlider() {
        index = 0;
        maxIndex = $('.references-slider .reference-nav li').length - 1;


        $('.references-slider .reference-nav li').click(function () {
            index = $(this).data('reference');
            setImage();
            resetInterval();
        });

        //reset interval if already has been set, because of the ajax content pages
        if(typeof loopAnimation !== 'undefined') clearInterval(loopAnimation);

        loopAnimation = setInterval(function () {
            nextImage();
        }, 4000);

        if( typeof $.swipe === "undefined") rebindTouchSwipe();

        $('figure').swipe({
            swipeLeft: function () {
                nextImage();
                resetInterval();
            },
            swipeRight: function () {
                index--;
                setImage();
                resetInterval();
            }
        });
    }

    function resetInterval() {
        clearInterval(loopAnimation);
        loopAnimation = setInterval(nextImage, 4000);
    }

    function nextImage() {
        index++;
        setImage();
    }

    function setImage() {
        if(maxIndex < index) index = 0;
        if(index < 0) index = maxIndex;

        $('.references-slider .reference').removeClass('active');
        $('.references-slider .reference-nav li').removeClass('active');

        $('.references-slider .reference[data-reference="' + index + '"]').addClass('active');
        $('.references-slider .reference-nav li[data-reference="' + index + '"]').addClass('active');
    }

});