$(function () {
	function setContentSize() {
		$('.swiper-content').css({
			height: $(window).height() - $('.swiper-navs').height()
		})
	}
	setContentSize()
	$(window).resize(function () {
		setContentSize()
	})

	//Swiper Content
	// var contentSwiper = $('.swiper-content').swiper({
	// 	onSlideChangeStart: function () {
	// 		// updateNavPosition()
	// 	}
	// })
	//Nav

	// var navSwiper = $('.swiper-nav').swiper({
	// 	visibilityFullFit: false,
	// 	slidesPerView: 'auto',
	// 	//Thumbnails Clicks
	// 	// onSlideClick: function () {
	// 	// 	// contentSwiper.swipeTo( navSwiper.clickedSlideIndex )
	// 	// }
	// })

	var navSwiper = new Swiper('.swiper-nav', {
        visibilityFullFit: false,
		slidesPerView: 'auto',
    });



	//Update Nav Position
	function updateNavPosition() {
		$('.swiper-nav .active-nav').removeClass('active-nav')
		var activeNav = $('.swiper-nav .swiper-slide').eq(contentSwiper.activeIndex).addClass('active-nav')
		if (!activeNav.hasClass('swiper-slide-visible')) {
			if (activeNav.index() > navSwiper.activeIndex) {
				var thumbsPerNav = Math.floor(navSwiper.width / activeNav.width()) - 1
				navSwiper.swipeTo(activeNav.index() - thumbsPerNav)
			} else {
				navSwiper.swipeTo(activeNav.index())
			}
		}
	}
})