var touchDown = false;
var offsetX = 0;
var touchStartX = 0;
var touchOffsetX = 0;
var touchCurrentSlide = 0;
var previousOffsetX = null;

if(isiPad)
{
    // Slideshow op homepage en bij relatiegeschenken:
    var slideContainer = document.querySelector('#slideContainer');
    if(slideContainer != null)
    {
        slideContainer.style.webkitTransformStyle = 'preserve-3d';
         // var slidesCount = document.querySelectorAll('#slideContainer div.slide').length;
        slideContainer.addEventListener('touchstart', function(e){
            // e.preventDefault();
            touchStartX = e.targetTouches[0].pageX;
            touchDown = true;
        });
        slideContainer.addEventListener('touchmove', function(e){
            if(touchDown)
            {
                e.preventDefault();
                offsetX = e.targetTouches[0].pageX - touchStartX;
                var offset = (touchCurrentSlide * -900) + offsetX;
                if(offset > 0) {
                    offset /= 4;
                }
                if(offset < -(totalSlides - 1) * 900)
                {
                    var overOffset = (-(totalSlides - 1) * 900) - offset;
                    offset = (-(totalSlides - 1) * 900) - (overOffset / 4);
                }
                slideContainer.style.webkitTransitionDuration = '0';
                slideContainer.style.webkitTransform = 'translate(' + offset + 'px, 0)';
                e.preventDefault();
            }
        });
        slideContainer.addEventListener('touchend', slideContainerTouchEnd);
        slideContainer.addEventListener('touchcancel', slideContainerTouchEnd);
        // Prevent clicking on the thumbs on the bottom:
        
    }

    // Slideshow voor kunst, collectie, etc...
    var slideContainer2 = document.querySelector("#slideContainer2");
    if(slideContainer2 != null)
    {
        slideContainer2.style.webkitTransformStyle = 'preserve-3d';
         // var slidesCount = document.querySelectorAll('#slideContainer div.slide').length;
        slideContainer2.addEventListener('touchstart', function(e){
            // e.preventDefault();
            if(totalWidth > 852)
            {
                touchStartX = e.targetTouches[0].pageX;
                touchDown = true;
            }
        });
        slideContainer2.addEventListener('touchmove', function(e){
            if(touchDown && totalWidth > 852)
            {
                e.preventDefault();
                previousOffsetX = offsetX;
                offsetX = e.targetTouches[0].pageX - touchStartX;
                var offset = touchOffsetX + offsetX;
                if(offset > 0) {
                    offset /= 4;
                }
                if(offset < -totalWidth + 852) {
                    offset = -totalWidth + 852;
                    var overOffset = offset - (touchOffsetX + offsetX);
                    offset -= (overOffset / 4);
                }
                slideContainer2.style.webkitTransitionDuration = '0';
                slideContainer2.style.webkitTransform = 'translate(' + offset + 'px, 0)';
                e.preventDefault();
            }
        });
        slideContainer2.addEventListener('touchend', slideContainer2TouchEnd);
        slideContainer2.addEventListener('touchcancel', slideContainer2TouchEnd);


    }

}

function slideContainerTouchEnd(e)
{
    e.preventDefault();
    if(touchDown)
    {
        var extra = offsetX < 0 ? .25 : -.25;
        var nextSlide = touchCurrentSlide + Math.round((-offsetX / 1024) + extra);
        if(nextSlide < 0) { nextSlide = 0; }
        if(nextSlide >= totalSlides - 1) { nextSlide = totalSlides - 1; }
        touchCurrentSlide = nextSlide;
        offsetX = 0;
        var offset = touchCurrentSlide * -900;
        slideContainer.style.webkitTransitionDuration = '0.5s';
        slideContainer.style.webkitTransform = 'translate(' + offset + 'px, 0)';
        // Highlight the correct bullet:
        $("#sliderNavigation a").removeClass("active");
        $("#sliderNavigation a:eq(" + (touchCurrentSlide) + ")").addClass("active");
        touchDown = false;
    }
}

function slideContainer2TouchEnd(e)
{
    e.preventDefault();
    if(touchDown && totalWidth > 852)
    {
        touchOffsetX += offsetX;
        var speed = (offsetX - previousOffsetX) * 6;
        touchOffsetX += speed;
        if(touchOffsetX > 0) {
            touchOffsetX = 0;
        }
        if(touchOffsetX < -totalWidth + 852) {
            touchOffsetX = -totalWidth + 852;
        }

        slideContainer2.style.webkitTransitionDuration = '0.5s';
        slideContainer2.style.webkitTransform = 'translate(' + touchOffsetX + 'px, 0)';
        touchDown = false;
    }
}