/* ================================================
Template Name: APPAI 
Description: Creative App Landing HTML5 Template
Template URI: https://themeforest.net/item/appai-creative-app-landing-html5-template/19533013
Author: Marvel_Theme
Author URI: https://themeforest.net/user/marvel_theme
Version: 1.3 (18 March 2018)
================================================ */

(function($) {
    'use strict';

    // scrollspy
    $('body').scrollspy({ target: '#navigation' });

    // smooth scrolling
    $(function() {
        $(".navbar-nav a, .scroll-icon a, .appai-preview .button-group a").bind('click', function(event) {
            var $anchor = $(this);
            $('html, body').stop().animate({
                scrollTop: $($anchor.attr('href')).offset().top
            }, 1000, 'easeInOutExpo');
            event.preventDefault();
        });
    });

    // Navigation hide on scroll on mobile screen
    $(window).on('scroll', function() {
        $('.navbar-collapse').collapse('hide')
    });

    // carousel one
    if (typeof $.fn.slick !== 'undefined') {
        $('.slider-wrapper').on('init', function(e, slick) {
            var $firstAnimatingElements = $('.slide:first-child').find('[data-animation]');
            doAnimations($firstAnimatingElements);
        });
        $('.slider-wrapper').on('beforeChange', function(e, slick, currentSlide, nextSlide) {
            var $animatingElements = $('.slide[data-slick-index="' + nextSlide + '"]').find('[data-animation]');
            doAnimations($animatingElements);
        });

        $('.slider-wrapper').slick({
            arrows: false,
            dots: false,
            speed: 500,
            fade: true,
            cssEase: 'ease',
            autoplay: true,
            autoplaySpeed: 5000,
        });
    }

    function doAnimations(elements) {
        var animationEndEvents = 'webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend';
        elements.each(function() {
            var $this = $(this);
            var $animationDelay = $this.data('delay');
            var $animationType = 'animated ' + $this.data('animation');
            $this.css({
                'animation-delay': $animationDelay,
                '-webkit-animation-delay': $animationDelay
            });
            $this.addClass($animationType).one(animationEndEvents, function() {
                $this.removeClass($animationType);
            });
        });
    }

    // app screenshot carousel
    if (typeof $.fn.slick !== 'undefined') {
        $('.slider-wrapper-2').slick({
            arrows: false,
            dots: true,
            cssEase: 'ease',
            infinite: true,
            autoplay: true,
            speed: 1000,
            autoplaySpeed: 3000,
            slidesToShow: 4,
            responsive: [{
                breakpoint: 600,
                settings: {
                    slidesToShow: 2,
                }
            }, {
                breakpoint: 480,
                settings: {
                    slidesToShow: 1,
                }
            }]
        });

        // testimonial carousel
        $('.slider-wrapper-3').slick({
            arrows: false,
            dots: true,
            cssEase: 'ease',
            slidesToShow: 1,
            slidesToScroll: 1,
        });

        // testimonial carousel home 2
        $('.testimonial-slider-2').slick({
            centerMode: true,
            centerPadding: '480px',
            slidesToShow: 1,
            arrows: true,
            dots: true,
            responsive: [{
                breakpoint: 1367,
                settings: {
                    arrows: true,
                    centerMode: true,
                    centerPadding: '200px',
                    slidesToShow: 1
                }
            }, {
                breakpoint: 769,
                settings: {
                    arrows: false,
                    centerMode: true,
                    centerPadding: '40px',
                    slidesToShow: 1
                }
            }, {
                breakpoint: 480,
                settings: {
                    arrows: false,
                    centerMode: true,
                    centerPadding: '20px',
                    slidesToShow: 1
                }
            }]
        });
    }

    // counter up
    if (typeof $.fn.counterUp !== 'undefined') {
        $('.counter').counterUp({
            delay: 10,
            time: 1000
        });
    }

    // Magnific Popup js
    if (typeof $.fn.magnificPopup !== 'undefined') {
        $('.video-play-icon a').magnificPopup({
            type: 'iframe',
            removalDelay: 300,
            mainClass: 'mfp-fade'
        });

        $('.preview-icon a').magnificPopup({
            type: 'image',
            removalDelay: 300,
            mainClass: 'mfp-fade',
            gallery: {
                enabled: true
            }
        });
    }

    // comming soon countdown
    if (typeof $.fn.countdown !== 'undefined') {
        $('[data-countdown]').each(function() {
            var $this = $(this),
                finalDate = $(this).data('countdown');
            $this.countdown(finalDate, function(event) {
                $this.html(event.strftime(
                    '<div class="cdown"><span class="days"><strong>%-D</strong><p>Days.</p></span></div><div class="cdown"><span class="hour"><strong> %-H</strong><p>Hours.</p></span></div> <div class="cdown"><span class="minutes"><strong>%M</strong> <p>MINUTES.</p></span></div><div class="cdown"><span class="second"><strong> %S</strong><p>SECONDS.</p></span></div>'
                ));
            });
        });
    }

    // parallax
    if (typeof $.fn.parallax !== 'undefined') {
        $('#slider-area.home-style-2').parallax("50%", 0.3);
    }

    // preloader
    $(window).on('load', function() {
        $('.preloader-wave-effect').fadeOut();
        $('#preloader-wrapper').delay(150).fadeOut('fast');
    });

    // YOUTUBE VIDEO BACKGROUND
    if (typeof $.fn.YTPlayer !== 'undefined') {
        $('#video-background').YTPlayer({
            videoId: '74kPEJWpCD4',
            fitToBackground: false,
            mute: true,
            pauseOnScroll: false,
            playerVars: {
                modestbranding: 0,
                autoplay: 1,
                controls: 1,
                showinfo: 0,
                wmode: 'transparent',
                branding: 0,
                rel: 0,
                autohide: 0,
                origin: window.location.origin
            }
        });
    }

})(jQuery);


// Home 2 promo header carousel
(function($) {
    'use strict';
    
    // Проверяем существование Swiper перед инициализацией
    if (typeof Swiper !== 'undefined') {
        var mySwiper = new Swiper('.swiper-container.one', {
            effect: 'coverflow',
            speed: 3000,
            autoplay: {
                delay: 3000,
            },
            grabCursor: true,
            loop: true,
            centeredSlides: true,
            slidesPerView: 'auto',
            coverflowEffect: {
                rotate: 0,
                stretch: 80,
                depth: 200,
                modifier: 1,
                slideShadows: false,
            },
        });
    }

})(jQuery);


// App screenshot carousel Home 2
(function($) {
    'use strict';

    // Проверяем существование Swiper перед инициализацией
    if (typeof Swiper !== 'undefined') {
        var swiper = new Swiper('.swiper-container.two', {
            pagination: {
              el: '.swiper-pagination',
              type: 'bullets',
              clickable: true,
            },
            autoplay: {
                delay: 3000,
            },
            speed: 1000,
            effect: 'coverflow',
            loop: true,
            centeredSlides: true,
            slidesPerView: 'auto',
            coverflowEffect: {
                rotate: 0,
                stretch: 80,
                depth: 200,
                modifier: 1,
                slideShadows : false,
            }
        });
    }

})(jQuery);