jQuery(document).ready(function ($) {


    // Slider autoplay custom function

    var time = 225000; // autoslide delay time

    var navigation = $('.cd-slider-nav');

    var listLength = navigation.find('li').length;

    var slideInterval = setInterval(function () { autoplay() }, time);

    function autoplay() {

        var selected = navigation.find('.selected');

        var selectedIndex = selected.index();

        if (selectedIndex == listLength - 1) {

            selectedIndex = 0;

            prevSlide($('.cd-hero-slider'), $('.cd-slider-nav'), selectedIndex);

        } else {

            selectedIndex = selectedIndex + 1;

            nextSlide($('.cd-hero-slider'), $('.cd-slider-nav'), selectedIndex);

        }

        updateNavigationMarker(selectedIndex + 1);

    }

    //---------

    clearInterval(slideInterval);
    slideInterval = setInterval(function () { autoplay() }, time);

    $('.cd-slider-nav li').on('click', function (event) {

        clearInterval(slideInterval);
        slideInterval = setInterval(function () { autoplay() }, time);

    });




    //on mobile - open/close primary navigation clicking/tapping the menu icon
    $('.cd-primary-nav').on('click', function (event) {
        if ($(event.target).is('.cd-primary-nav')) $(this).children('ul').toggleClass('is-visible');
    });

    //upload videos if not on mobile
    uploadVideo($('.cd-hero-slider'));

    //change visible slide
    $('.cd-slider-nav li').on('click', function (event) {
        event.preventDefault();
        var selectedItem = $(this);
        if (!selectedItem.hasClass('selected')) {
            // if it's not already selected
            var selectedPosition = selectedItem.index(),
				activePosition = $('.cd-hero-slider .selected').index();
            if (activePosition < selectedPosition) {
                nextSlide($('.cd-hero-slider'), $('.cd-slider-nav'), selectedPosition);
            } else {
                prevSlide($('.cd-hero-slider'), $('.cd-slider-nav'), selectedPosition);
            }

            updateNavigationMarker(selectedPosition + 1);
        }
    });

    function nextSlide(container, pagination, n) {
        var visibleSlide = container.find('.selected'),
			navigationDot = pagination.find('.selected');

        visibleSlide.removeClass('selected from-left from-right').addClass('is-moving').one('webkitTransitionEnd otransitionend oTransitionEnd msTransitionEnd transitionend', function () {
            visibleSlide.removeClass('is-moving');
        });

        container.children('li').eq(n).addClass('selected from-right').prevAll().addClass('move-left');
        navigationDot.removeClass('selected')
        pagination.find('li').eq(n).addClass('selected');

        checkVideo(visibleSlide, container, n);
    }

    function prevSlide(container, pagination, n) {
        var visibleSlide = container.find('.selected'),
			navigationDot = pagination.find('.selected');

        visibleSlide.removeClass('selected from-left from-right').addClass('is-moving').one('webkitTransitionEnd otransitionend oTransitionEnd msTransitionEnd transitionend', function () {
            visibleSlide.removeClass('is-moving');
        });

        container.children('li').eq(n).addClass('selected from-left').removeClass('move-left').nextAll().removeClass('move-left');
        navigationDot.removeClass('selected');
        pagination.find('li').eq(n).addClass('selected');

        checkVideo(visibleSlide, container, n);
    }

    function uploadVideo(container) {
        container.find('.cd-bg-video-wrapper').each(function () {
            var videoWrapper = $(this);
            if (videoWrapper.is(':visible')) {
                // if visible - we are not on a mobile device 
                var videoUrl = videoWrapper.data('video'),
					video = $('<video loop><source src="' + videoUrl + '.mp4" type="video/mp4" /><source src="' + videoUrl + '.webm" type="video/webm" /></video>');
                video.appendTo(videoWrapper);
            }
        });
    }

    function checkVideo(hiddenSlide, container, n) {
        //check if a video outside the viewport is playing - if yes, pause it
        if (hiddenSlide.find('video').length > 0) hiddenSlide.find('video').get(0).pause();

        //check if the select slide contains a video element - if yes, play the video
        if (container.children('li').eq(n).find('video').length > 0) container.children('li').eq(n).find('video').get(0).play();
    }

    function updateNavigationMarker(n) {
        $('.cd-marker').removeClassPrefix('item').addClass('item-' + n);
    }

    $.fn.removeClassPrefix = function (prefix) {
        //remove all classes starting with 'prefix'
        this.each(function (i, el) {
            var classes = el.className.split(" ").filter(function (c) {
                return c.lastIndexOf(prefix, 0) !== 0;
            });
            el.className = $.trim(classes.join(" "));
        });
        return this;
    };
});