////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// jQuery
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
var resizeId;

(function ($) {
    "use strict";

    $(document).ready(function($) {
        "use strict";

        $(".ts-bubble-border").each(function () {
            var $this = $(this);
            $this.prepend("<i></i><i></i><i></i><i></i><i></i>");
        });

        $(".ts-bubble-border").each(function () {
            var $this = $(this);
            $this.isInViewport(function(status) {
                if (status === "entered") {
                    $this.addClass("in");
                }
                else if (status === "leaved") {
                    $this.removeClass("in");
                }
            });
        });

        $("#ts-content .ts-bubble-border, #ts-footer .ts-bubble-border").each(function () {
            var $this = $(this);
            $this.isInViewport(function(status) {
                if (status === "entered") {
                    $this.addClass("in");
                }
                else if (status === "leaved") {
                    $this.removeClass("in");
                }
            });
        });

        $(".ts-promo-numbers").each(function () {
            $(this).isInViewport(function(status) {
                if (status === "entered") {
                    for( var i=0; i < document.querySelectorAll(".odometer").length; i++ ){
                        var el = document.querySelectorAll('.odometer')[i];
                        el.innerHTML = el.getAttribute("data-odometer-final");
                    }
                }
            });
        });

        var $postVideo = $('.blog-single-page');
        $postVideo.fitVids();

        $("body").imagesLoaded( function() {
            $("body").addClass("loading-done");
            $(".ts-animate-hero-items .ts-bubble-border").each(function(){
                var $this = $(this);
                var $active = $(this).find(".active");

                $this.width( $this.find(".active").outerWidth() );
                $this.height( $this.find(".active").outerHeight() );

                setTimeout(function(){
                    $(".ts-animate-hero-items .ts-bubble-border").addClass("in");
                    setInterval(function(){
                        $this.find(".active").addClass("out");
                        setTimeout(function(){
                            $this.find(".active").removeClass("active out");
                            if( $active.next().length ) {
                                $active.next().addClass("active");
                                $active = $active.next();
                            }
                            else {
                                $active = $this.find(".ts-title-rotate span:first");
                                $active.addClass("active");
                            }
                            $this.width( $this.find(".active").outerWidth() );
                            $this.height( $this.find(".active").outerHeight() );

                        }, 800);
                    }, 3000);
                }, 500);

            });
            $("[data-animate]").scrolla({
                mobile: true
            });
        });



        $(".ts-title-rotate span").each(function(){
            //alert( $(this).width() );
        });

    	$('.navbar-nav .nav-link').on('click', function(){
    		$('.navbar-collapse').collapse('hide');
    	});

        $(".ts-img-into-bg").each(function() {
            $(this).css("background-image", "url("+ $(this).find("img").attr("src") +")" );
        });

    //  Background

        $("[data-bg-color], [data-bg-image], [data-bg-particles]").each(function() {
            var $this = $(this);

            if( $this.hasClass("ts-separate-bg-element") ){
                $this.append('<div class="ts-background">');

                // Background Color

                if( $("[data-bg-color]") ){
                    $this.find(".ts-background").css("background-color", $this.attr("data-bg-color") );
                }

                // Particles

                if( $this.attr("data-bg-particles-line-color") || $this.attr("data-bg-particles-dot-color") ){
                    $this.find(".ts-background").append('<div class="ts-background-particles">');
                    $(".ts-background-particles").each(function () {
                        var lineColor = $this.attr("data-bg-particles-line-color");
                        var dotColor = $this.attr("data-bg-particles-dot-color");
                        var parallax = $this.attr("data-bg-particles-parallax");
                        $(this).particleground({
                            density: 15000,
                            lineWidth: 0.2,
                            lineColor: lineColor,
                            dotColor: dotColor,
                            parallax: parallax,
                            proximity: 200
                        });
                    });
                }

                // Background Image

                if( $this.attr("data-bg-image") !== undefined ){
                    $this.find(".ts-background").append('<div class="ts-background-image">');
                    $this.find(".ts-background-image").css("background-image", "url("+ $this.attr("data-bg-image") +")" );
                    $this.find(".ts-background-image").css("background-size", $this.attr("data-bg-size") );
                    $this.find(".ts-background-image").css("background-position", $this.attr("data-bg-position") );
                    $this.find(".ts-background-image").css("opacity", $this.attr("data-bg-image-opacity") );

                    $this.find(".ts-background-image").css("background-size", $this.attr("data-bg-size") );
                    $this.find(".ts-background-image").css("background-repeat", $this.attr("data-bg-repeat") );
                    $this.find(".ts-background-image").css("background-position", $this.attr("data-bg-position") );
                    $this.find(".ts-background-image").css("background-blend-mode", $this.attr("data-bg-blend-mode") );
                }

                // Parallax effect

                if( $this.attr("data-bg-parallax") !== undefined ){
                    $this.find(".ts-background-image").addClass("ts-parallax-element");
                }
            }
            else {

                if(  $this.attr("data-bg-color") !== undefined ){
                    $this.css("background-color", $this.attr("data-bg-color") );
                    if( $this.hasClass("btn") ) {
                        $this.css("border-color", $this.attr("data-bg-color"));
                    }
                }

                if( $this.attr("data-bg-image") !== undefined ){
                    $this.css("background-image", "url("+ $this.attr("data-bg-image") +")" );

                    $this.css("background-size", $this.attr("data-bg-size") );
                    $this.css("background-repeat", $this.attr("data-bg-repeat") );
                    $this.css("background-position", $this.attr("data-bg-position") );
                    $this.css("background-blend-mode", $this.attr("data-bg-blend-mode") );
                }

            }
        });

    //  Parallax Background Image

        $("[data-bg-parallax='scroll']").each(function() {
            var speed = $(this).attr("data-bg-parallax-speed");
            var $this = $(this);
            var isVisible;
            var backgroundPosition;

            $this.isInViewport(function(status) {
                if (status === "entered") {
                    isVisible = 1;
                    var position;

                    $(window).scroll(function () {
                        if( isVisible === 1 ){
                            position = $(window).scrollTop() - $this.offset().top;
                            backgroundPosition = (100 - (Math.abs((-$(window).height()) - position) / ($(window).height()+$this.height()))*100);
                            if( $this.find(".ts-parallax-element").hasClass("ts-background-image") ){
                                $this.find(".ts-background-image.ts-parallax-element").css("background-position-y", (position/speed) + "px");
                            }
                            else {
                                $this.find(".ts-parallax-element").css("transform", "translateY(" +(position/speed)+ "px)");
                            }
                        }
                    });
                }
                if (status === "leaved"){
                    isVisible = 0;
                }
            });
        });

        $(".ts-labels-inside-input input, .ts-labels-inside-input textarea").focusin(function() {
            $(this).parent().find("label").addClass("focused");
            })
            .focusout(function() {
                if( $(this).val().length === 0 ){
                    $(this).parent().find("label").removeClass("focused")
            }
        });

        $("select").each(function(){
            $(this).wrap('<div class="select-wrapper"></div>');
        });

        // Owl Carousel

        if( !$('body').hasClass('elementor-page') ) {
            initOwl();
        } 

        // Magnific Popup

        var $popupImage = $(".popup-image");

        if ( $popupImage.length > 0 ) {
            $popupImage.magnificPopup({
                type:'image',
                fixedContentPos: false,
                gallery: { enabled:true },
                removalDelay: 300,
                mainClass: 'mfp-fade',
                callbacks: {
                    // This prevents pushing the entire page to the right after opening Magnific popup image
                    open: function() {
                        $(".page-wrapper, .navbar-nav").css("margin-right", getScrollBarWidth());
                    },
                    close: function() {
                        $(".page-wrapper, .navbar-nav").css("margin-right", 0);
                    }
                }
            });
        }

        var $videoPopup = $(".video-popup");

        if ( $videoPopup.length > 0 ) {
            $videoPopup.magnificPopup({
                type: "iframe",
                removalDelay: 300,
                mainClass: "mfp-fade",
                overflowY: "hidden",
                iframe: {
                    markup: '<div class="mfp-iframe-scaler">'+
                    '<div class="mfp-close"></div>'+
                    '<iframe class="mfp-iframe" frameborder="0" allowfullscreen></iframe>'+
                    '</div>',
                    patterns: {
                        youtube: {
                            index: 'youtube.com/',
                            id: 'v=',
                            src: '//www.youtube.com/embed/%id%?autoplay=1'
                        },
                        vimeo: {
                            index: 'vimeo.com/',
                            id: '/',
                            src: '//player.vimeo.com/video/%id%?autoplay=1'
                        },
                        gmaps: {
                            index: '//maps.google.',
                            src: '%id%&output=embed'
                        }
                    },
                    srcAction: 'iframe_src'
                }
            });
        }

        $(".progress").each(function(){
            var $this = $(this);
            $this.find(".ts-progress-value").text( $this.attr("data-progress-width") );
            if( $("body").hasClass("rtl") ) var rtl = true;
            else rtl = false;

            $this.isInViewport(function(status) {
                if (status === "entered") {
                    $this.find(".progress-bar").width( $this.attr("data-progress-width") );
                    if( rtl !== true ) {
                        $this.find(".ts-progress-value").css("left", $this.attr("data-progress-width"));
                    } else {
                        $this.find(".ts-progress-value").css("right", $this.attr("data-progress-width"));
                    }
                }
            });
        });



    // On RESIZE actions

        $(window).on("resize", function(){
            clearTimeout(resizeId);
            resizeId = setTimeout(doneResizing, 250);
        });

    // On SCROLL actions

        $(window).on("scroll", function(){
            if ( $(window).scrollTop() >= $(window).height() ) {
                $(".navbar").addClass("in");
            }
            else {
                $(".navbar").removeClass("in");
            }
        });

    });

    ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
    // Functions
    ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

    // Do after resize

    function doneResizing(){
        //heroHeight();
        $(".owl-carousel").trigger('next.owl.carousel');
    }

    // Set Hero height

    function heroHeight(){
        $(".ts-full-screen").height( $(window).height() );
    }

    // Smooth Scroll
    $(".ts-footer-scroll").on("click", function(event) {
        if (
            location.pathname.replace(/^\//, '') === this.pathname.replace(/^\//, '')
            &&
            location.hostname === this.hostname
        ) {
            var target = $(this.hash);
            target = target.length ? target : $('[name=' + this.hash.slice(1) + ']');
            if (target.length) {
                event.preventDefault();
                $('html, body').animate({
                    scrollTop: target.offset().top
                }, 1000, function() {
                    var $target = $(target);
                    $target.focus();
                    if ($target.is(":focus")) {
                        return false;
                    } else {
                        $target.attr('tabindex','-1');
                        $target.focus();
                    }
                });
            }
        }
    });

    // One Page Nav
    function onePageNav($selector) {
        var $navSelector = $($selector);
        $navSelector
        .not('[href="#"]')
        .not('[href="#0"]')
        .on('click', function(event) {
            if ( location.pathname.replace(/^\//, '') === this.pathname.replace(/^\//, '') && location.hostname === this.hostname ) {
                var target = $(this.hash);
                target = target.length ? target : $('[name=' + this.hash.slice(1) + ']');

                $navSelector.removeClass("active");
                if( target.length) {
                    if($(this)[0].hash.slice(1) === target[0].id) {
                        $(this).addClass("active");
                    } else {
                        $(this).removeClass("active");
                    }
                }
                
                if (target.length) {
                    event.preventDefault();
                    $('html, body').animate({
                        scrollTop: target.offset().top
                    }, 1000);
                }
            }
        });

        $navSelector.each(function(event) {
            var target = $(this.hash);
            if( target.length) {
                if(location.hash.slice(1) === target[0].id) {
                    $(this).addClass("active");
                } else if(!location.hash) {
                    
                } else {
                    $(this).removeClass("active");
                }
            }
        });

        function onScroll(event){
            var scrollPos = $(document).scrollTop();
            $navSelector.each(function () {
                var currLink = $(this);
                if(currLink[0].hash !== "" && $(currLink[0].hash).position() !== undefined) {

                    var $getNavHas = $(currLink).prop('href').split('#')[1],
                        $getSection = $('#' + $getNavHas); 

                    $getSection.each(function() {
                        var $topPos = $(this).offset().top,
                            $topPosRound = Math.round($topPos),
                            $presentPos = Math.round(scrollPos);

                        if ($topPosRound <= $presentPos && $topPosRound + $(this).height() > $presentPos) {
                            $(currLink).addClass("active"); 
                        } else {
                            $(currLink).removeClass("active");
                        }
                    });
                } else {
                    return false;
                }
            });
        }

        $(document).on("scroll", onScroll);      
    }
    onePageNav('.mainmenu li a');

    var $navRightIssue = $(".mainmenu ul li");
    $navRightIssue.on("mouseenter mouseleave", function (e) {
        var $self = $(this);
        if ($("ul", $self).length) {
            var elm = $("ul:first", $self),
                off = elm.offset(),
                l = off.left,
                w = elm.width(),
                docW = $(".navbar-nav").width(),
                isEntirelyVisible = (l + w <= docW);

            if (!isEntirelyVisible) {
                $self.addClass("right-side-menu");
            } 
        }
    });

    //Clone Mobile Menu
    var $submenu = $('.navbar-nav .mainmenu').find('li').has('.sub-menu');
    $submenu.prepend("<span class='menu-click'><i class='menu-arrow fa fa-plus'></i></span>");
    var $mobileSubMenuOpen = $(".menu-click");
    $mobileSubMenuOpen.each(function() {
        var $self = $(this);
        $self.on("click", function(e) {
            e.stopImmediatePropagation();
            $self.siblings(".sub-menu, .dropdown-menu").slideToggle("slow");
            $self.children(".menu-arrow").toggleClass("menu-extend");
        });
    });

    //After 2s preloader is fadeOut
    $(window).on('load', function() {
        $('.preloader').delay(2000).fadeOut('slow');
        setTimeout(function() {
            //After 2s, the no-scroll class of the body will be removed
            $('body').removeClass('no-scroll');
        }, 2000); //Here you can change preloader time
    });


    // Return scrollbar width
    function getScrollBarWidth () {
        var $outer = $('<div>').css({visibility: 'hidden', width: 100, overflow: 'scroll'}).appendTo('body'),
            widthWithScroll = $('<div>').css({width: '100%'}).appendTo($outer).outerWidth();
        $outer.remove();
        return 100 - widthWithScroll;
    }

    function simpleMap(latitude, longitude, markerImage, mapStyle, mapElement, markerDrag){
        if (!markerDrag){
            markerDrag = false;
        }
        var mapCenter = new google.maps.LatLng(latitude,longitude);
        var mapOptions = {
            zoom: 13,
            center: mapCenter,
            disableDefaultUI: true,
            scrollwheel: false,
            styles: mapStyle
        };
        var element = document.getElementById(mapElement);
        var map = new google.maps.Map(element, mapOptions);
        var marker = new google.maps.Marker({
            position: new google.maps.LatLng(latitude,longitude),
            map: map,
            icon: markerImage,
            draggable: markerDrag
        });
    }

    function initOwl(){
        var $owlCarousel = $(".owl-carousel");

        if( $owlCarousel.length ){
            $owlCarousel.each(function() {

                var items = parseInt( $(this).attr("data-owl-items"), 10);
                if( !items ) items = 1;

                var nav = parseInt( $(this).attr("data-owl-nav"), 2);
                if( !nav ) nav = 0;

                var dots = parseInt( $(this).attr("data-owl-dots"), 2);
                if( !dots ) dots = 0;

                var center = parseInt( $(this).attr("data-owl-center"), 2);
                if( !center ) center = 0;

                var loop = parseInt( $(this).attr("data-owl-loop"), 2);
                if( !loop ) loop = 0;

                var margin = parseInt( $(this).attr("data-owl-margin"), 2);
                if( !margin ) margin = 0;

                var autoWidth = parseInt( $(this).attr("data-owl-auto-width"), 2);
                if( !autoWidth ) autoWidth = 0;

                var navContainer = $(this).attr("data-owl-nav-container");
                if( !navContainer ) navContainer = 0;

                var autoplay = parseInt( $(this).attr("data-owl-autoplay"), 2);
                if( !autoplay ) autoplay = 0;

                var autoplayTimeOut = parseInt( $(this).attr("data-owl-autoplay-timeout"), 10);
                if( !autoplayTimeOut ) autoplayTimeOut = 5000;

                var autoHeight = parseInt( $(this).attr("data-owl-auto-height"), 2);
                if( !autoHeight ) autoHeight = 0;

                var fadeOut = $(this).attr("data-owl-fadeout");
                if( !fadeOut ) fadeOut = 0;
                else fadeOut = "fadeOut";

                if( $("body").hasClass("rtl") ) var rtl = true;
                else rtl = false;

                if( items === 1 ){
                    $(this).owlCarousel({
                        navContainer: navContainer,
                        animateOut: fadeOut,
                        autoplayTimeout: autoplayTimeOut,
                        autoplay: 1,
                        autoHeight: autoHeight,
                        center: center,
                        loop: loop,
                        margin: margin,
                        autoWidth: autoWidth,
                        autoplayHoverPause: true,
                        items: 1,
                        nav: nav,
                        dots: dots,
                        rtl: rtl,
                        navText: []
                    });
                }
                else {
                    $(this).owlCarousel({
                        navContainer: navContainer,
                        animateOut: fadeOut,
                        autoplayTimeout: autoplayTimeOut,
                        autoplay: autoplay,
                        autoHeight: autoHeight,
                        center: center,
                        autoplayHoverPause: true,
                        loop: loop,
                        margin: margin,
                        autoWidth: autoWidth,
                        items: 1,
                        nav: nav,
                        dots: dots,
                        rtl: rtl,
                        navText: [],
                        responsive: {
                            1199: {
                                items: items
                            },
                            992: {
                                items: 3
                            },
                            768: {
                                items: 2
                            },
                            0: {
                                items: 1
                            }
                        }
                    });
                }

                if( $(this).find(".owl-item").length === 1 ){
                    $(this).find(".owl-nav").css( { "opacity": 0,"pointer-events": "none"} );
                }

            });
        }
    }
})(jQuery);