var viewSwiper = new Swiper('.slide1', {
		onSlideChangeStart: function() {
			    updateNavPosition()
		},
		lazyLoading : true,
		autoplay : 1500,
		speed:500,
	})
	
	$('.view1 .arrow-left,.preview1 .arrow-left').on('click', function(e) {
		e.preventDefault()
		if (viewSwiper.activeIndex == 0) {
			viewSwiper.slideTo(viewSwiper.slides.length - 1, 1000);
			return
		}
		viewSwiper.slidePrev()
	})
	$('.view1 .arrow-right,.preview1 .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('.preslide1', {
		//visibilityFullFit: true,
		slidesPerView: 'auto',
		allowTouchMove: false,
		onTap: function() {
			    viewSwiper.slideTo(previewSwiper.clickedIndex)
		},
		lazyLoading : true,
		autoplay : 1500,
		speed:500,
	})
	
	function updateNavPosition() {
			$('.preview1 .active-nav').removeClass('active-nav')
			var activeNav = $('.preview1 .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())
				}
			}
		}
		
	
	
	var viewSwiper2 = new Swiper('.slide2', {
				onSlideChangeStart: function() {
					    updateNavPosition2()
				},	
				lazyLoading : true,
				autoplay : 1800,
				speed:600,
			})
			
			$('.view2 .arrow-left,.preview2 .arrow-left').on('click', function(e) {
				e.preventDefault()
				if (viewSwiper2.activeIndex == 0) {
					viewSwiper2.slideTo(viewSwiper2.slides.length - 1, 1000);
					return
				}
				viewSwiper2.slidePrev()
			})
			$('.view2 .arrow-right,.preview2 .arrow-right').on('click', function(e) {
				e.preventDefault()
				if (viewSwiper2.activeIndex == viewSwiper2.slides.length - 1) {
					viewSwiper2.slideTo(0, 1000);
					return
				}
				viewSwiper2.slideNext()
			})
			
			var previewSwiper2 = new Swiper('.preslide2', {
				//visibilityFullFit: true,
				slidesPerView: 'auto',
				allowTouchMove: false,
				onTap: function() {
					    viewSwiper2.slideTo(previewSwiper2.clickedIndex)
				},
				lazyLoading : true,
				autoplay : 1800,
				speed:600,
			})
			
			function updateNavPosition2() {
					$('.preview2 .active-nav').removeClass('active-nav')
					var activeNav = $('.preview2 .swiper-slide').eq(viewSwiper2.activeIndex).addClass('active-nav')
					if (!activeNav.hasClass('swiper-slide-visible')) {
						if (activeNav.index() > previewSwiper2.activeIndex) {
							var thumbsPerNav = Math.floor(previewSwiper2.width / activeNav.width()) - 1
							previewSwiper2.slideTo(activeNav.index() - thumbsPerNav)
						} else {
							previewSwiper2.slideTo(activeNav.index())
						}
					}
				}
	
	
	var viewSwiper3 = new Swiper('.slide3', {
					onSlideChangeStart: function() {
						    updateNavPosition3()
					},	
					lazyLoading : true,
					autoplay : 1500,
					speed:500,
				})
				
				$('.view3 .arrow-left,.preview3 .arrow-left').on('click', function(e) {
					e.preventDefault()
					if (viewSwiper3.activeIndex == 0) {
						viewSwiper3.slideTo(viewSwiper3.slides.length - 1, 1000);
						return
					}
					viewSwiper3.slidePrev()
				})
				$('.view3 .arrow-right,.preview3 .arrow-right').on('click', function(e) {
					e.preventDefault()
					if (viewSwiper3.activeIndex == viewSwiper3.slides.length - 1) {
						viewSwiper3.slideTo(0, 1000);
						return
					}
					viewSwiper3.slideNext()
				})
				
				var previewSwiper3 = new Swiper('.preslide3', {
					//visibilityFullFit: true,
					slidesPerView: 'auto',
					allowTouchMove: false,
					onTap: function() {
						    viewSwiper3.slideTo(previewSwiper3.clickedIndex)
					},
					lazyLoading : true,
					autoplay : 1500,
					speed:500,
				})
				
				function updateNavPosition3() {
						$('.preview3 .active-nav').removeClass('active-nav')
						var activeNav = $('.preview3 .swiper-slide').eq(viewSwiper3.activeIndex).addClass('active-nav')
						if (!activeNav.hasClass('swiper-slide-visible')) {
							if (activeNav.index() > previewSwiper3.activeIndex) {
								var thumbsPerNav = Math.floor(previewSwiper3.width / activeNav.width()) - 1
								previewSwiper3.slideTo(activeNav.index() - thumbsPerNav)
							} else {
								previewSwiper3.slideTo(activeNav.index())
							}
						}
					}
	
	var viewSwiper4 = new Swiper('.slide4', {
						onSlideChangeStart: function() {
							    updateNavPosition4()
						},	
						lazyLoading : true,
						autoplay : 1500,
						speed:500,
					})
					
					$('.view4 .arrow-left,.preview4 .arrow-left').on('click', function(e) {
						e.preventDefault()
						if (viewSwiper4.activeIndex == 0) {
							viewSwiper4.slideTo(viewSwiper4.slides.length - 1, 1000);
							return
						}
						viewSwiper4.slidePrev()
					})
					$('.view4 .arrow-right,.preview4 .arrow-right').on('click', function(e) {
						e.preventDefault()
						if (viewSwiper4.activeIndex == viewSwiper4.slides.length - 1) {
							viewSwiper4.slideTo(0, 1000);
							return
						}
						viewSwiper4.slideNext()
					})
					
					var previewSwiper4 = new Swiper('.preslide4', {
						//visibilityFullFit: true,
						slidesPerView: 'auto',
						allowTouchMove: false,
						onTap: function() {
							    viewSwiper4.slideTo(previewSwiper4.clickedIndex)
						},
						lazyLoading : true,
						autoplay : 1500,
						speed:500,
					})
					
					function updateNavPosition4() {
							$('.preview4 .active-nav').removeClass('active-nav')
							var activeNav = $('.preview4 .swiper-slide').eq(viewSwiper4.activeIndex).addClass('active-nav')
							if (!activeNav.hasClass('swiper-slide-visible')) {
								if (activeNav.index() > previewSwiper4.activeIndex) {
									var thumbsPerNav = Math.floor(previewSwiper4.width / activeNav.width()) - 1
									previewSwiper4.slideTo(activeNav.index() - thumbsPerNav)
								} else {
									previewSwiper4.slideTo(activeNav.index())
								}
							}
						}
	
	var viewSwiper5 = new Swiper('.slide5', {
							onSlideChangeStart: function() {
								    updateNavPosition5()
							},	
							lazyLoading : true,
							autoplay : 1500,
							speed:500,
						})
						
						$('.view5 .arrow-left,.preview5 .arrow-left').on('click', function(e) {
							e.preventDefault()
							if (viewSwiper5.activeIndex == 0) {
								viewSwiper5.slideTo(viewSwiper5.slides.length - 1, 1000);
								return
							}
							viewSwiper5.slidePrev()
						})
						$('.view5 .arrow-right,.preview5 .arrow-right').on('click', function(e) {
							e.preventDefault()
							if (viewSwiper5.activeIndex == viewSwiper5.slides.length - 1) {
								viewSwiper5.slideTo(0, 1000);
								return
							}
							viewSwiper5.slideNext()
						})
						
						var previewSwiper5 = new Swiper('.preslide5', {
							//visibilityFullFit: true,
							slidesPerView: 'auto',
							allowTouchMove: false,
							onTap: function() {
								    viewSwiper5.slideTo(previewSwiper5.clickedIndex)
							},
							lazyLoading : true,
							autoplay : 1500,
							speed:500,
						})
						
						function updateNavPosition5() {
								$('.preview5 .active-nav').removeClass('active-nav')
								var activeNav = $('.preview5 .swiper-slide').eq(viewSwiper5.activeIndex).addClass('active-nav')
								if (!activeNav.hasClass('swiper-slide-visible')) {
									if (activeNav.index() > previewSwiper5.activeIndex) {
										var thumbsPerNav = Math.floor(previewSwiper5.width / activeNav.width()) - 1
										previewSwiper5.slideTo(activeNav.index() - thumbsPerNav)
									} else {
										previewSwiper5.slideTo(activeNav.index())
									}
								}
							}
	
	
	var viewSwiper6 = new Swiper('.slide6', {
							onSlideChangeStart: function() {
								    updateNavPosition6()
							},	
							lazyLoading : true,
							autoplay : 1500,
							speed:500,
						})
						
						$('.view6 .arrow-left,.preview6 .arrow-left').on('click', function(e) {
							e.preventDefault()
							if (viewSwiper6.activeIndex == 0) {
								viewSwiper6.slideTo(viewSwiper6.slides.length - 1, 1000);
								return
							}
							viewSwiper6.slidePrev()
						})
						$('.view6 .arrow-right,.preview6 .arrow-right').on('click', function(e) {
							e.preventDefault()
							if (viewSwiper6.activeIndex == viewSwiper6.slides.length - 1) {
								viewSwiper6.slideTo(0, 1000);
								return
							}
							viewSwiper6.slideNext()
						})
						
						var previewSwiper6 = new Swiper('.preslide6', {
							//visibilityFullFit: true,
							slidesPerView: 'auto',
							allowTouchMove: false,
							onTap: function() {
								    viewSwiper6.slideTo(previewSwiper6.clickedIndex)
							},
							lazyLoading : true,
							autoplay : 1500,
							speed:500,
						})
						
						function updateNavPosition6() {
								$('.preview6 .active-nav').removeClass('active-nav')
								var activeNav = $('.preview6 .swiper-slide').eq(viewSwiper6.activeIndex).addClass('active-nav')
								if (!activeNav.hasClass('swiper-slide-visible')) {
									if (activeNav.index() > previewSwiper6.activeIndex) {
										var thumbsPerNav = Math.floor(previewSwiper6.width / activeNav.width()) - 1
										previewSwiper6.slideTo(activeNav.index() - thumbsPerNav)
									} else {
										previewSwiper6.slideTo(activeNav.index())
									}
								}
							}
	
		var viewSwiper7 = new Swiper('.slide7', {
								onSlideChangeStart: function() {
									    updateNavPosition7()
								},	
								lazyLoading : true,
								autoplay : 1500,
								speed:500,
							})
							
							$('.view7 .arrow-left,.preview7 .arrow-left').on('click', function(e) {
								e.preventDefault()
								if (viewSwiper7.activeIndex == 0) {
									viewSwiper7.slideTo(viewSwiper7.slides.length - 1, 1000);
									return
								}
								viewSwiper7.slidePrev()
							})
							$('.view7 .arrow-right,.preview7 .arrow-right').on('click', function(e) {
								e.preventDefault()
								if (viewSwiper7.activeIndex == viewSwiper7.slides.length - 1) {
									viewSwiper7.slideTo(0, 1000);
									return
								}
								viewSwiper7.slideNext()
							})
							
							var previewSwiper7 = new Swiper('.preslide7', {
								//visibilityFullFit: true,
								slidesPerView: 'auto',
								allowTouchMove: false,
								onTap: function() {
									    viewSwiper7.slideTo(previewSwiper7.clickedIndex)
								},
								lazyLoading : true,
								autoplay : 1500,
								speed:500,
							})
							
							function updateNavPosition7() {
									$('.preview7 .active-nav').removeClass('active-nav')
									var activeNav = $('.preview7 .swiper-slide').eq(viewSwiper7.activeIndex).addClass('active-nav')
									if (!activeNav.hasClass('swiper-slide-visible')) {
										if (activeNav.index() > previewSwiper7.activeIndex) {
											var thumbsPerNav = Math.floor(previewSwiper7.width / activeNav.width()) - 1
											previewSwiper7.slideTo(activeNav.index() - thumbsPerNav)
										} else {
											previewSwiper7.slideTo(activeNav.index())
										}
									}
								}
		var viewSwiper8 = new Swiper('.slide8', {
								onSlideChangeStart: function() {
									    updateNavPosition8()
								},	
								lazyLoading : true,
								autoplay : 1500,
								speed:500,
							})
							
							$('.view8 .arrow-left,.preview8 .arrow-left').on('click', function(e) {
								e.preventDefault()
								if (viewSwiper8.activeIndex == 0) {
									viewSwiper8.slideTo(viewSwiper8.slides.length - 1, 1000);
									return
								}
								viewSwiper8.slidePrev()
							})
							$('.view8 .arrow-right,.preview8 .arrow-right').on('click', function(e) {
								e.preventDefault()
								if (viewSwiper8.activeIndex == viewSwiper8.slides.length - 1) {
									viewSwiper8.slideTo(0, 1000);
									return
								}
								viewSwiper8.slideNext()
							})
							
							var previewSwiper8 = new Swiper('.preslide8', {
								//visibilityFullFit: true,
								slidesPerView: 'auto',
								allowTouchMove: false,
								onTap: function() {
									    viewSwiper8.slideTo(previewSwiper8.clickedIndex)
								},
								lazyLoading : true,
								autoplay : 1500,
								speed:500,
							})
							
							function updateNavPosition8() {
									$('.preview8 .active-nav').removeClass('active-nav')
									var activeNav = $('.preview8 .swiper-slide').eq(viewSwiper8.activeIndex).addClass('active-nav')
									if (!activeNav.hasClass('swiper-slide-visible')) {
										if (activeNav.index() > previewSwiper8.activeIndex) {
											var thumbsPerNav = Math.floor(previewSwiper8.width / activeNav.width()) - 1
											previewSwiper8.slideTo(activeNav.index() - thumbsPerNav)
										} else {
											previewSwiper8.slideTo(activeNav.index())
										}
									}
								}
	
		var viewSwiper9 = new Swiper('.slide9', {
								onSlideChangeStart: function() {
									    updateNavPosition9()
								},	
								lazyLoading : true,
								autoplay : 1500,
								speed:500,
							})
							
							$('.view9 .arrow-left,.preview9 .arrow-left').on('click', function(e) {
								e.preventDefault()
								if (viewSwiper9.activeIndex == 0) {
									viewSwiper9.slideTo(viewSwiper9.slides.length - 1, 1000);
									return
								}
								viewSwiper9.slidePrev()
							})
							$('.view9 .arrow-right,.preview9 .arrow-right').on('click', function(e) {
								e.preventDefault()
								if (viewSwiper9.activeIndex == viewSwiper9.slides.length - 1) {
									viewSwiper9.slideTo(0, 1000);
									return
								}
								viewSwiper9.slideNext()
							})
							
							var previewSwiper9 = new Swiper('.preslide9', {
								//visibilityFullFit: true,
								slidesPerView: 'auto',
								allowTouchMove: false,
								onTap: function() {
									    viewSwiper9.slideTo(previewSwiper9.clickedIndex)
								},
								lazyLoading : true,
								autoplay : 1500,
								speed:500,
							})
							
							function updateNavPosition9() {
									$('.preview9 .active-nav').removeClass('active-nav')
									var activeNav = $('.preview9 .swiper-slide').eq(viewSwiper9.activeIndex).addClass('active-nav')
									if (!activeNav.hasClass('swiper-slide-visible')) {
										if (activeNav.index() > previewSwiper9.activeIndex) {
											var thumbsPerNav = Math.floor(previewSwiper9.width / activeNav.width()) - 1
											previewSwiper9.slideTo(activeNav.index() - thumbsPerNav)
										} else {
											previewSwiper9.slideTo(activeNav.index())
										}
									}
								}