var swiper = new Swiper('.team-container', {
  slidesPerView: 1,
  spaceBetween: 5,
  centeredSlides: false,
  loop: true,
  grabCursor: true,
 speed: 1000,
 paginationClickable: true,
 parallax: true,
 autoplay: false,
 effect: "slide",
 mousewheelControl: 1,
  // direction: 'vertical',
  autoplay: {
    delay: 3000,
    disableOnInteraction: false,
  },
  navigation: {
    nextEl: '.swiper-button-next',
    prevEl: '.swiper-button-prev',
  },
  pagination: {
    el: '.swiper-pagination',
    clickable: true,
  },
  breakpoints: {
    320: {
      slidesPerView: 1,
      spaceBetween: 20,
    },
    640: {
      slidesPerView: 1,
      spaceBetween: 10,
    },
    768: {
      slidesPerView: 1,
      spaceBetween: 10,
    },
    1024: {
      slidesPerView: 1,
      spaceBetween: 10,
    },
    1300: {
      slidesPerView: 1,
      spaceBetween: 10,
    },
    1600: {
      slidesPerView: 1,
      spaceBetween: 5,
    },
    1700: {
      slidesPerView: 1,
      spaceBetween: 10,
    }
  }
});



//
$(document).ready(function(){
	$(window).bind('scroll', function() {
		var navHeight = $('#header').height();
		if ($(window).scrollTop() > navHeight) {
			$('.navbar').addClass('fixed');
			// $('.nav').addClass('toleft');
		 }
		else {
			$('.navbar').removeClass('fixed');
			// $('.nav').removeClass('toleft');
		 }
	});
});

// (function($) { "use strict";
//
// 	$(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;
// 		})
//
//
// 	});
//
// })(jQuery);

// Hamburger menu
$(document).ready(function(){
  $('.navbar-menu').click(function(){
      $(this).toggleClass('open');
  });
});


// Active change scroll navbar
// const makeNavLinksSmooth = ( ) => {
//   const navLinks = document.querySelectorAll( '.nav-link' );
//
//   for ( let n in navLinks ) {
//     if ( navLinks.hasOwnProperty( n ) ) {
//       navLinks[ n ].addEventListener( 'click', e => {
//         e.preventDefault( );
//         document.querySelector( navLinks[ n ].hash )
//           .scrollIntoView( {
//             behavior: "smooth"
//           } );
//       } );
//     }
//   }
// }
//
const spyScrolling = ( ) => {
  const sections = document.querySelectorAll( '.hero-bg' );

  window.onscroll = ( ) => {
    const scrollPos = document.documentElement.scrollTop || document.body.scrollTop;

    for ( let s in sections )
      if ( sections.hasOwnProperty( s ) && sections[ s ].offsetTop <= scrollPos ) {
        const id = sections[ s ].id;
        document.querySelector( '.active' ).classList.remove( 'active' );
        document.querySelector( `a[href*=${ id }]` ).parentNode.classList.add( 'active' );
      }
  }
}
//
// makeNavLinksSmooth( );
spyScrolling( );

// Scroll navbar fixed
$(function() {
  $(window).scroll(function() {
    if ($(window).scrollTop() >= 200) {
      $('.navbar').addClass('scrolled');
    } else {
      $('.navbar').removeClass('scrolled');
    }
  });
});


function scrollNav() {
  $('.navbar a').click(function(){
    //Toggle Class
    // $(".active").removeClass("active");
    // $(this).closest('li').addClass("active");
    // var theClass = $(this).attr("class");
    // $('.'+theClass).parent('li').addClass('active');
    //Animate
    $('html, body').stop().animate({
        scrollTop: $( $(this).attr('href') ).offset().top - 100
    }, 400);
    return false;
  });
  $('.scrollTop a').scrollTop();
}
scrollNav();

function scrollButton() {
  $('.scroll-button').click(function(){
    //Toggle Class
    // $(".active").removeClass("active");
    // $(this).closest('li').addClass("active");
    // var theClass = $(this).attr("class");
    // $('.'+theClass).parent('li').addClass('active');
    //Animate
    $('html, body').stop().animate({
        scrollTop: $( $(this).attr('href') ).offset().top - 100
    }, 400);
    return false;
  });
  $('.scroll-button').scrollTop();
}
scrollButton();


// Back to top
var toggleHeight = $(window).outerHeight() * 1;

$(window).scroll(function() {
	if ($(window).scrollTop() > toggleHeight) {
		//Adds active class to make button visible
		$(".m-backtotop").addClass("active");

	} else {
		//Removes active class to make button visible
		$(".m-backtotop").removeClass("active");
	}
});


//Scrolls the user to the top of the page again
$(".m-backtotop").click(function() {
	$("html, body").animate({ scrollTop: 0 }, "slow");
	return false;
});