// banner
var sbanner = new Swiper("#banner", {
  spaceBetween: 10,
  loop: true,
  autoplay: {
    delay: 10000,
    disableOnInteraction: false,
  },
  pagination: {
    el: '.swiper-pagination',
    clickable: true,
  },
  navigation: {
    nextEl: ".swiper-button-next",
    prevEl: ".swiper-button-prev"
  }
});

// product
var product = new Swiper('#product', {
  slidesPerView: 4,
  slidesPerColumn: 2,
  spaceBetween: 25,
  autoplay: {
    delay: 5000,
    disableOnInteraction: false,
  },
  breakpoints: {
    1200: {
      slidesPerView: 3,
      spaceBetween: 15,
    },
    768: {
      slidesPerView: 2,
      spaceBetween: 15,
    },
  }
});
// super
var galleryThumbs = new Swiper('#super_img', {
  spaceBetween: 10,
  loop: true,
  loopedSlides: 4,
  // autoplay: {
  //   delay: 3000,
  //   disableOnInteraction: false,
  // },
  watchSlidesVisibility: true,
  watchSlidesProgress: true,
  breakpoints: {
    640: {
      spaceBetween: 0,
    },
  },
});
var galleryTop = new Swiper('#super_txt', {
  spaceBetween: 10,
  loop: true,
  loopedSlides: 4,
  // autoplay: {
  //   delay: 3000,
  //   disableOnInteraction: false,
  // },
  navigation: {
    nextEl: '.swiper-button-next',
    prevEl: '.swiper-button-prev',
  },
  thumbs: {
    swiper: galleryThumbs,
  },
});
function swiperTo(index,swiperObj) {
  swiperObj.slideTo(index);
}
// case
var scase = new Swiper('#case', {
  slidesPerView: 4,
  spaceBetween: 30,
  autoplay: {
    delay: 5000,
    disableOnInteraction: false,
  },
  loop: true,
  breakpoints: {
    1400: {
      slidesPerView: 4,
      spaceBetween: 15,
    },
    1200: {
      slidesPerView: 3,
      spaceBetween: 15,
    },
    768: {
      slidesPerView: 2,
      spaceBetween: 15,
    },
  }
});