$$plugins.define('gallery', ['swiper-bundle', 'domHelper'], function (element, options, Swiper, $) {
	var $galleryImg = $('.gallery__figure img'),
		thumbs = document.querySelector('.galleryThumbs'),
		sliderModal = document.querySelector('.gallerySliderModal'),
		$image;

	var swiperThumbs = new Swiper(".galleryThumbs", {
		direction: "horizontal",
		freeMode: true,
		init: false,
		slidesPerView: 4,
		spaceBetween: 8,
		speed: 800,
		watchSlidesProgress: true,
		pagination: {
			el: '.swiper-pagination',
		},
		breakpoints: {
			768: {
				slidesPerView: 5,
				spaceBetween: 17,
			}
		},
	});

	var swiperMain = new Swiper(".galleryMainImg", {
		init: false,
		loop: true,
		navigation: {
			nextEl: ".swiper-button-next",
			prevEl: ".swiper-button-prev",
		},
		speed: 800,
		thumbs: {
			swiper: swiperThumbs,
		},
	});

	$galleryImg.on('click', function () {
		if (!thumbs.classList.contains('swiper-initialized')) {
		swiperThumbs.init();
			swiperMain.init();
		}
		sliderModal.classList.add('open');
		$image = $(this).parents('.gallery__figure');
		swiperMain.slideTo($image.index() + 1, 0);

		//document.documentElement.classList.add('noScroll');

	});
});