/**
 * Created by Pascal on 14/12/16.
 */

var imagesLocations = '.part-info .images ';
var hasVideo = false;

$(function () {
    var index = 0;
    var maxIndex = 0;

    $(imagesLocations + '.image-nav .item').each(function () {
        if(maxIndex < $(this).data('nav')) maxIndex = $(this).data('nav');
        if($(this).data('nav') == 'video') hasVideo = true;
    });

    $(imagesLocations + '.image-nav .item').click(function () {
        index = $(this).data('nav');
        setNewActive(index);
    });



    $(imagesLocations + '.main-block-content').swipe({
        swipeLeft: function () {
            nextSlider();
        },
        swipeRight: function () {
            previousSlider();
        }
    });

    document.onkeydown = function (e) {
        if ((e.keyCode || e.which) == 37)
        {
            nextSlider();
        }
        if ((e.keyCode || e.which) == 39)
        {
            previousSlider();
        }
    }


    function nextSlider() {
        index++;
        if(maxIndex < index) index = 0;
        setNewActive(index);
    }

    function previousSlider() {
        index--;
        if(index < 0) index = maxIndex;
        setNewActive(index);
    }


    $('.buy-button').click(function(){
        $('.pop-up').addClass('active');
        $('body').addClass('no-scroll');
    });

    $('.pop-up .background, .pop-up .close').click(function () {
        $('.pop-up').removeClass('active');
        $('body').removeClass('no-scroll');
    });

});


function setNewActive(i) {
    $(imagesLocations + '.main-block-content span.active').removeClass('active');
    $(imagesLocations + '.image-nav .item.active').removeClass('active');

    if(isNaN(i)){
        $(imagesLocations +'.video-wrapper').removeClass('inactive');
        $(imagesLocations +'.main-block-wrapper').addClass('inactive');
        player.playVideo();
    }
    else{
        $(imagesLocations +'.main-block-wrapper').removeClass('inactive');
        $(imagesLocations +'.video-wrapper').addClass('inactive');
        $(imagesLocations + '.main-block-content span[data-image="' + i + '"]').addClass('active');
        if(hasVideo) player.stopVideo();
    }

    $(imagesLocations + '.image-nav .item[data-nav="' + i + '"]').addClass('active');
}