(function ($) {
    "use strict";

// // ----Header----//

    $(window).scroll(function () {
        var sticky = $('.main_header'),
            scroll = $(window).scrollTop();

        if (scroll >= 200) sticky.addClass('sticky');
        else sticky.removeClass('sticky');
    });

	// Stellarnav Menu
	// --------------------------------------------------------------

    jQuery(document).ready(function ($) {
        jQuery('.stellarnav').stellarNav({
            theme: 'dark',
            breakpoint: 1080,
            position: 'left',
            phoneBtn: false
        });
    });

    // Main Slider
    // --------------------------------------------------------------
    
    $('#main_slider').nivoSlider({
        effect: 'sliceUp', // Specify sets like: 'sliceDownLeft sliceUp sliceUpLeft sliceUpDown sliceUpDownLeft fold fade random slideInRight slideInLeft boxRandom boxRain boxRainReverse boxRainGrow boxRainGrowReverse'
        slices: 15, // For slice animations
        boxCols: 8, // For box animations
        boxRows: 4, // For box animations
        animSpeed: 500, // Slide transition speed
        pauseTime: 5000, // How long each slide will show
        startSlide: 0, // Set starting Slide (0 index)
        directionNav: true, // Next & Prev navigation
        controlNav: false, // 1,2,3... navigation
        controlNavThumbs: false, // Use thumbnails for Control Nav
        pauseOnHover: true, // Stop animation while hovering
        manualAdvance: false, // Force manual transitions
        prevText: '<i class="bi bi-arrow-left"></i>', // Prev directionNav text
        nextText: '<i class="bi bi-arrow-right"></i>', // Next directionNav text
        randomStart: false, // Start on a random slide
        beforeChange: function () { }, // Triggers before a slide transition
        slideshowEnd: function () { }, // Triggers after all slides have been shown
        lastSlide: function () { }, // Triggers when last slide is shown
        afterLoad: function () { } // Triggers when slider has loaded
});

//  ----Tab Scroll Js ENd---//

    $(".client_carousel").not('.slick-initialized').slick({
        infinite: true,
        autoplay: true,
        vertical: false,
        centerMode: false,
        margin: 20,
        adaptiveHeight: false,
        variableWidth: false,
        centerPadding: "0px",
        focusOnSelect: true,
        speed: 1000,
        slidesToShow: 6,
        slidesToScroll: 2,
        arrows: false,
        prevArrow: "<button type='button' class='slick-prev pull-left'><i class=\"bi bi-chevron-left\"  aria-hidden='true'></i></button>",
        nextArrow: "<button type='button' class='slick-next pull-right'><i class=\"bi bi-chevron-right\"  aria-hidden='true'></i></button>",
        dots: true,
        dotsClass: 'section-dots',
        customPaging: function (slider, i) {
            var slideNumber = (i + 1),
                totalSlides = slider.slideCount;
            return '<a class="dot" role="button" title="' + slideNumber + ' of ' + totalSlides + '"><span class="string">' + slideNumber + '/' + totalSlides + '</span></a>';
        },
        responsive: [
            {
                breakpoint: 1200,
                settings: {
                    slidesToShow: 6,
                    slidesToScroll: 23,
                }
            },
            {
                breakpoint: 1024,
                settings: {
                    slidesToShow: 4,
                    slidesToScroll: 32,
                }
            },

            {
                breakpoint: 768,
                settings: {
                    slidesToShow: 2,
                    slidesToScroll: 1,
                }
            },
            {
                breakpoint: 360,
                settings: {
                    slidesToShow: 2,
                    slidesToScroll: 1,
                    dots: false,
                }
            },
            {
                breakpoint: 480,
                settings: {
                    slidesToShow: 21,
                    slidesToScroll: 1,
                    dots: false,
                }
            }
        ]
    });

    $(".team_carousel").not('.slick-initialized').slick({
        infinite: true,
        autoplay: true,
        vertical: false,
        centerMode: true,
        margin: 0,
        centerPadding: "0px",
        focusOnSelect: false,
        adaptiveHeight: false,
        speed: 1000,
        slidesToShow: 3,        
        slidesToScroll: 2,
        arrows: false,
        prevArrow: "<button type='button' class='slick-prev pull-left'><i class=\"bi bi-chevron-left\"  aria-hidden='true'></i></button>",
        nextArrow: "<button type='button' class='slick-next pull-right'><i class=\"bi bi-chevron-right\"  aria-hidden='true'></i></button>",
        dots: true,
        dotsClass: 'section-dots',
        customPaging: function (slider, i) {
            var slideNumber = (i + 1),
                totalSlides = slider.slideCount;
            return '<a class="dot" role="button" title="' + slideNumber + ' of ' + totalSlides + '"><span class="string">' + slideNumber + '/' + totalSlides + '</span></a>';
        },
        responsive: [
            {
                breakpoint: 1200,
                settings: {
                    slidesToShow: 3,
                    slidesToScroll: 23,
                }
            },
            {
                breakpoint: 1024,
                settings: {
                    slidesToShow: 1,
                    slidesToScroll: 32,
                }
            },
            {
                breakpoint: 768,
                settings: {
                    slidesToShow: 1,
                    slidesToScroll: 32,
                }
            },
            {
                breakpoint: 360,
                settings: {
                    slidesToShow: 1,
                    slidesToScroll: 32,
                }
            },
            {
                breakpoint: 480,
                settings: {
                    slidesToShow: 1,
                    slidesToScroll: 32,
                }
            }
        ]
    });
  
    $(document).ready(function () {
        "use strict";

        //Scroll back to top

        var progressPath = document.querySelector('.progress-wrap path');
        var pathLength = progressPath.getTotalLength();
        progressPath.style.transition = progressPath.style.WebkitTransition = 'none';
        progressPath.style.strokeDasharray = pathLength + ' ' + pathLength;
        progressPath.style.strokeDashoffset = pathLength;
        progressPath.getBoundingClientRect();
        progressPath.style.transition = progressPath.style.WebkitTransition = 'stroke-dashoffset 10ms linear';
        var updateProgress = function () {
            var scroll = $(window).scrollTop();
            var height = $(document).height() - $(window).height();
            var progress = pathLength - (scroll * pathLength / height);
            progressPath.style.strokeDashoffset = progress;
        }

        updateProgress();
        $(window).scroll(updateProgress);
        var offset = 50;
        var duration = 550;
        jQuery(window).on('scroll', function () {
            if (jQuery(this).scrollTop() > offset) {
                jQuery('.progress-wrap').addClass('active-progress');
            } else {
                jQuery('.progress-wrap').removeClass('active-progress');
            }
        });
        jQuery('.progress-wrap').on('click', function (event) {
            event.preventDefault();
            jQuery('html, body').animate({ scrollTop: 0 }, duration);
            return false;
        })
    });

    $('.showcase').lightcase();

// Wow JS---------------

    var wow = new WOW(
        {
            boxClass: 'wow',      // animated element css class (default is wow)
            animateClass: 'animated', // animation css class (default is animated)
            offset: 0,          // distance to the element when triggering the animation (default is 0)
            mobile: true,       // trigger animations on mobile devices (default is true)
            live: true,       // act on asynchronously loaded content (default is true)
            callback: function (box) {
                // the callback is fired every time an animation is started
                // the argument that is passed in is the DOM node being animated
            },
            scrollContainer: null // optional scroll container selector, otherwise use window
        }
    );
    wow.init();
})(jQuery);