/*--------------*/
// Main/Product image slider for product page
$('#detail .main-img-slider').slick({
slidesToShow: 1,
slidesToScroll: 1,
infinite: true,
arrows: true,
fade:false,
autoplay: true,
autoplaySpeed: 4000,
speed: 300,
lazyLoad: 'ondemand',
asNavFor: '.thumb-nav',
prevArrow: '
',
nextArrow: ''
});
// Thumbnail/alternates slider for product page
$('.thumb-nav').slick({
slidesToShow: 6,
slidesToScroll: 6,
infinite: false,
centerPadding: '0px',
asNavFor: '.main-img-slider',
dots: false,
centerMode: false,
draggable: false,
speed:200,
focusOnSelect: true,
prevArrow: '',
nextArrow: ''
});
//keeps thumbnails active when changing main image, via mouse/touch drag/swipe
$('.main-img-slider').on('afterChange', function(event, slick, currentSlide, nextSlide){
//remove all active class
$('.thumb-nav .slick-slide').removeClass('slick-current');
//set active class for current slide
$('.thumb-nav .slick-slide:not(.slick-cloned)').eq(currentSlide).addClass('slick-current');
});