var viewswiper = new swiper('.view .swiper-container', {
	spacebetween: 30,
	on: {
		slidechangetransitionstart: function() {
			updatenavposition()
		}
	}

})

$('.view .arrow-left,.preview .arrow-left').on('click', function(e) {
	e.preventdefault()
	if(viewswiper.activeindex == 0) {
		viewswiper.slideto(viewswiper.slides.length - 1, 1000);
		return
	}
	viewswiper.slideprev()
})
$('.view .arrow-right,.preview .arrow-right').on('click', function(e) {
	e.preventdefault()
	if(viewswiper.activeindex == viewswiper.slides.length - 1) {
		viewswiper.slideto(0, 1000);
		return
	}
	viewswiper.slidenext()
})

var previewswiper = new swiper('.preview .swiper-container', {
	visibilityfullfit: true,
	
	slidesperview: '7',

	on: {
		tap: function() {
			viewswiper.slideto(previewswiper.clickedindex)
		}
	}
})
if($(window).width()<1200){
var previewswiper = new swiper('.preview .swiper-container', {
	visibilityfullfit: true,
	
	slidesperview: '3',

	on: {
		tap: function() {
			viewswiper.slideto(previewswiper.clickedindex)
		}
	}
})	
}

function updatenavposition() {
	$('.preview .active-nav').removeclass('active-nav')
	$(".pc_index").text("0"+ parseint(viewswiper.activeindex+1))
	
	var activenav = $('.preview .swiper-slide').eq(viewswiper.activeindex).addclass('active-nav')
	if(!activenav.hasclass('swiper-slide-visible')) {
		if(activenav.index() > previewswiper.activeindex) {
			var thumbspernav = math.floor(previewswiper.width / activenav.width()) - 1
			previewswiper.slideto(activenav.index() - thumbspernav)
		} else {
			previewswiper.slideto(activenav.index())
		}
	}
}