// ¸ÞÀν½¶óÀ̵å
var swiper = new Swiper('.main-roll', {
 autoplay: {
  delay: 5500,
  disableOnInteraction: false,
 },
 spaceBetween: 0,
 effect: 'slide',
 loop: true,
 pagination: {
  el: '.swiper-pagination',
  clickable: true,
 },
 navigation: {
  nextEl: '.swiper-button-next',
  prevEl: '.swiper-button-prev',
 },
});
// BEFORE&AFTER ¼½¼Ç ÅÇ ±â´É
$(document).ready(function() {
 $("#section1 .tab-list > li").click(function() {
  var tab_index = $(this).index();
  $("#section1 .tab-list > li").removeClass('active');
  $(this).addClass('active');
  $("#rollingBox > .rolling-box").removeClass('active');
  $("#rollingBox > .rolling-box").eq(tab_index).addClass('active');
 });
});
// BEFORE&AFTER ù¹ø°½½¶óÀ̵å
var swiper = new Swiper('.rolling-box-first', {
 /*autoplay: {
  delay: 5500,
  disableOnInteraction: false,
 },*/
 spaceBetween: 0,
 effect: 'slide',
 loop: true,
 navigation: {
  nextEl: '.swiper-button-next',
  prevEl: '.swiper-button-prev',
 },
});
// BEFORE&AFTER µÎ¹ø°½½¶óÀ̵å
var swiper = new Swiper('.rolling-box-second', {
 /*autoplay: {
  delay: 5500,
  disableOnInteraction: false,
 },*/
 spaceBetween: 0,
 effect: 'slide',
 loop: true,
 navigation: {
  nextEl: '.swiper-button-next',
  prevEl: '.swiper-button-prev',
 },
});
// BEFORE&AFTER ¼¼¹ø°½½¶óÀ̵å
var swiper = new Swiper('.rolling-box-third', {
 /*autoplay: {
  delay: 5500,
  disableOnInteraction: false,
 },*/
 spaceBetween: 0,
 effect: 'slide',
 loop: true,
 navigation: {
  nextEl: '.swiper-button-next',
  prevEl: '.swiper-button-prev',
 },
});
// BEFORE&AFTER ³×¹ø°½½¶óÀ̵å
var swiper = new Swiper('.rolling-box-fourth', {
 /*autoplay: {
  delay: 5500,
  disableOnInteraction: false,
 },*/
 spaceBetween: 0,
 effect: 'slide',
 loop: true,
 navigation: {
  nextEl: '.swiper-button-next',
  prevEl: '.swiper-button-prev',
 },
});
// Áß°£ ¼¼°³¹è³Ê ½½¶óÀ̵å
var swiper = new Swiper('#grid-rolling', {
 /*autoplay: {
  delay: 5500,
  disableOnInteraction: false,
 },*/
 slidesPerView: 3,
    spaceBetween: 0,
 effect: 'slide',
 loop: true,
 navigation: {
  nextEl: '.swiper-button-next-',
  prevEl: '.swiper-button-prev-',
 },
 breakpoints: {
   640: {
  slidesPerView: 1,
  spaceBetween: 0,
   },
   768: {
  slidesPerView: 2,
  spaceBetween: 0,
   },
   1024: {
  slidesPerView: 3,
  spaceBetween: 0,
   },
 }
});