$(document).ready(function() {

// main-A :
var section01Slider = new Swiper('#main-swiper', { 
  slidesPerView: 1,
  speed: 1200,
  effect: 'fade',
  allowTouchMove : true,
  //direction: "vertical",    
  //mousewheel: true,
  fadeEffect: {
      crossFade: true,
  },
  autoplay: {
      delay: 5000,
      disableOnInteraction: false, 
  },
  //loop: true,    
  draggable: true,
  pagination: {
      el: '.main-swiper-wrap .pager',
      clickable: true,
      bulletActiveClass: 'on',
      renderBullet: function (i, className) {
        return `
                <button class="${className}">
                <svg class="progress" width="41" height="41"><circle class="circle-origin" r="20" cx="20.5" cy="20.5"></circle></svg><span>¡Ü</span>
                </button>
                `;
      },
    },
    navigation: {
      nextEl: '.main-swiper .swiper-button-next',
      prevEl: '.main-swiper .swiper-button-prev',
    },
      
});   // main-swiper-A END

var sw = 0;
$('.btn_pause').click(function () {
  if (sw == 0) {
    $('.btn_pause').addClass('on');
    section01Slider.autoplay.stop();
    sw = 1;
  } else {
    $('.btn_pause').removeClass('on');
    section01Slider.autoplay.start();
    sw = 0;
  }
});

// main-A -another
var swiper = new Swiper('#main-swiper-1', { 
    slidesPerView: 1,
    speed: 1200,
    effect: 'fade',
    allowTouchMove : true,
    fadeEffect: {
        crossFade: true,
    },
    autoplay: {
        delay: 5000,
        disableOnInteraction: false, 
    },
    loop: true,
    pagination: {
        el: '.main-swiper-nav',
        clickable: true,
    },
    draggable: true,
    on: {
        init: function () {
            $('.m-progress-bar').removeClass('animate');
            $('.m-progress-bar').removeClass('active');
            $('.m-progress-bar').eq(0).addClass('animate');
            $('.m-progress-bar').eq(0).addClass('active');
        },
        slideChangeTransitionStart: function () {
            $('.m-progress-bar').removeClass('animate');
            $('.m-progress-bar').removeClass('active');
            $('.m-progress-bar').eq(0).addClass('active');
        },
        slideChangeTransitionEnd: function () {
            $('.m-progress-bar').eq(0).addClass('animate');
        },
    },
    breakpoints: {
        769: {
            autoplay: {
                delay: 5000,
                disableOnInteraction: false, 
            },
        }
    }
       
        
  });   // main-swiper-A END


var galleryThumbs = new Swiper('#tab1', {
    spaceBetween:0,
    //slidesPerView: 4,
    slidesPerView: 'auto',
    freeMode: true,
    //watchSlidesVisibility: true,
    watchSlidesProgress: true,   
    direction: "vertical",      
    slideToClickedSlide: true, 

  /* ¸ð¹ÙÀÏ  direction üÀÎÁöÀÏ°æ¿ì »ç¿ë 
    direction: getDirection(),
    on: {
      resize: function () {
        swiper.changeDirection(getDirection());
      },
    },  */
  });

  /* ¸ð¹ÙÀÏ  direction üÀÎÁöÀÏ°æ¿ì »ç¿ë 
  function getDirection() {
    var windowWidth = window.innerWidth;
    var direction = window.innerWidth <= 768 ? 'horizontal' : 'vertical';
  
    return direction;
  }
  */

  var galleryTop = new Swiper('#business-slider1', {
    spaceBetween: 0,
    slidesPerView:1,
    
    effect: "fade",
    pagination: { 
            el: '.swiper-business .swiper-pagination', 
            clickable: true, 
            },           
    thumbs: {
        swiper: galleryThumbs
    },
    autoplay: { 
        delay: 5000, 
        disableOnInteraction: false, 
    }, 
    
  }); 

  

  

}); // END