(function ($) {$(function(){
	// Ленивая загрузка
	observer = lozad('.lozad:not(loaded)', {
		rootMargin: '400px 400px',
		threshold: 0,
		loaded: function(el) {
			el.classList.add('loaded')
		}
	})

	observer.observe()


	// Проверка браузера
	if ( !supportsCssVars() ) {
		$('body').addClass('lock')
		$('.supports_error').addClass('show')
	}

	// Установка ширины стандартного скроллбара
	$(':root').css('--scroll_width', widthScroll() + 'px')


	// Аккордион
	$('body').on('click', '.accordion__open', function(e) {
		e.preventDefault()

		var accordion = $(this).closest('.accordion')

		if( $(this).hasClass('active') ) {
			if ( !$('.accordion__item').hasClass('active') ) {
				accordion.removeClass('active')
			}

			$(this).removeClass('active')
			$(this).closest('.accordion__item').find('.accordion__data').slideUp(300)

			var addOffset = $('.layout-header-holder').height()

			$('html, body').stop().animate({
				scrollTop: $(this).closest('.accordion__item').offset().top - addOffset
			}, 500)
		} else {
			accordion.addClass('active')

			$(this).addClass('active')
			$(this).closest('.accordion__item').find('.accordion__data').slideDown(300)

			var addOffset = $('.layout-header-holder').height()

			$('html, body').stop().animate({
				scrollTop: $(this).closest('.accordion__item').offset().top - addOffset
			}, 500)
		}
	})
})


$(window).on("load", function (e) {
	if ( $(window).width() > 1024 ) {
		inView.offset({
			top: 100,
			right: 100,
			bottom: 100,
			left: 100
		})

		inView.threshold(.5)

		inView('.accordion__item_dark').on('enter', function(el){
			$(el).closest('.accordion').addClass('active')
			
			$(el).closest('.accordion').find('.accordion__data').slideDown(800)
		})
	}


	// Бегущая строка
	$('.countries').liMarquee({
		drag: false,
		hoverstop: false
	})


	// Слайдер тарифов
	sliders()
})

$(window).on("resize", function (e) {
	// Слайдер тарифов
	sliders()
})


// Вспомогательные функции
var supportsCssVars = function() {
    var s = document.createElement('style'),
	support

    s.innerHTML = ":root { --tmp-var: bold; }"
    document.head.appendChild(s)
    support = !!(window.CSS && window.CSS.supports && window.CSS.supports('font-weight', 'var(--tmp-var)'))
    s.parentNode.removeChild(s)

    return support
}

function widthScroll() {
    var div = document.createElement('div')
    div.style.overflowY = 'scroll'
    div.style.width = '50px'
    div.style.height = '50px'
    div.style.visibility = 'hidden'
    document.body.appendChild(div)

    var scrollWidth = div.offsetWidth - div.clientWidth
    document.body.removeChild(div)

    return scrollWidth
}

function setHeight(className){
    var maxheight = 0
    var object = $(className)

    object.each(function() {
    	var elHeight = $(this).innerHeight()

        if( elHeight > maxheight ) {
        	maxheight = elHeight
        }
    })

    object.innerHeight( maxheight )
}


function sliders(){
	if ( $(window).width() > 1025 && $('.certificates').hasClass('owl-loaded') ) {
		$('.certificates').removeClass('owl-carousel')

		if( typeof $owl != 'undefined' ){
			$owl.trigger('destroy.owl.carousel')
		}
	} else if ( $(window).width() < 1024 && !$('.certificates').hasClass('owl-loaded') ) {
		$('.certificates').addClass('owl-carousel')

		$owl = $('.certificates').owlCarousel({
			nav: false,
			dots: true,
			smartSpeed: 500,
			loop: true,
			items: 1,
			margin: 30,
			onInitialized: function(event){
				observer.observe()
			}
		})
	}
}


$(function(){
	
	$(document).on('click', '.our-team__list3-item', function(){
		let $this = $(this);
		let $par = $this.closest('.our-team');
		let $index = $('.our-team__list3-item').index(this);
		let activeClass = 'our-team--active';
		let items_left = $par.find('.our-team__list-item');
		let items_middle = $par.find('.our-team__list2-item');
		let items_right = $par.find('.our-team__list3-item');
		let items_bottom = $par.find('.our-team__list4-item');

		// console.log(items_left)

		items_left.removeClass( activeClass )
		items_left.eq( $index ).addClass( activeClass )

		items_middle.removeClass( activeClass )
		items_middle.eq( $index ).addClass( activeClass )

		items_right.removeClass( activeClass )
		items_right.eq( $index ).addClass( activeClass )

		items_bottom.removeClass( activeClass )
		items_bottom.eq( $index ).addClass( activeClass )

		if ( $(window).width() > 767 && $('.our-team__list3').hasClass('owl-loaded') ) {
			$('.certificates').removeClass('owl-carousel')
	
			if( typeof $owl2 != 'undefined' ){
				$owl2.trigger('destroy.owl.carousel')
			}
		} else if ( $(window).width() < 768 && !$('.our-team__list3').hasClass('owl-loaded') ) {
			$('.our-team__list3').addClass('owl-carousel')
	
			$owl2 = $('.our-team__list3').owlCarousel({
				nav: false,
				dots: false,
				smartSpeed: 500,
				loop: false,
				autoWidth: true,
				items: 1,
				onInitialized: function(event){
				}
			})
		}

	});
	$('.our-team__list3-item').eq(0).trigger('click');

	$('a[href^="#scrollto"]').bind('click.smoothscroll',function (e) {
		var target = this.hash,
			$target = $(target);
		$('html, body').stop().animate( {
			'scrollTop': $target.offset().top - 200
		}, 900, 'swing', function () {
			window.location.hash = target;
		} );
	});
});

document.addEventListener("DOMContentLoaded", function(event) { 

    let isSafari = false;
    let ua = navigator.userAgent.toLowerCase(); 
    if (ua.indexOf('safari') != -1) { 
        if (ua.indexOf('chrome') > -1) {
        
        } else {
            isSafari = true;
        }
    }

    // if ( !isSafari ){

	if (document.querySelector('.section--our-team')) {	
        setTimeout(function(){

            gsap.registerPlugin(ScrollTrigger);			

			let header = document.querySelector('#header') || false;
			let y = 0;

			if( header ){
				y = header.getBoundingClientRect().height;
			}

			$('.our-team').attr('style', '--header-height:' + y + 'px;' + ' --header-height2:' +  (900 - y + ''))

			let list = document.querySelector('.our-team__list3') || false;

			
			let y1 = list.getBoundingClientRect().height - listWrap.getBoundingClientRect().height;
			

            ScrollTrigger.matchMedia({    
                "(min-width: 1023px)": function(){            
                    let blockWrap = document.querySelector('.section--our-team');

                    let t01, t1;
                    t01 = {
                        trigger: blockWrap,
                        toggleActions: 'play none none none',
                        start: 'top ' + y,
                        end: 'bottom 0px',
                        // markers: true,
						pin: true,
                        scrub: 1,
                        // onUpdate: (self) => {
                        //     let progress = self.progress.toFixed(2);
                        // },
                    }
                    t1 = gsap.timeline({
                        scrollTrigger: t01
                    });

                    let block = document.querySelector('.our-team__list3');
                    t1.to(block, {
                        y: -y1,
                        // 'padding-top': "1000px",
                        // z: "0px", 
                        // 'top':'1000px',
                        autoRound:false, 
                        // ease: Power1.ease0ut,
                        // opacity: 0,
                        duration: 2,
                    });
                }
            });
        }, 100)
	}
    // }
});})(jQuery);