$(function () {

//     var mainslide = new Swiper('#main-slider2', {
//         slidesPerView: 1,
//         spaceBetween: 0,
//         slidesPerGroup: 1,
//         loop: true,
//         autoplay: true,
//         loopFillGroupWithBlank: true,
//         navigation: {
//             nextEl: '.main-next',
//             prevEl: '.main-prev',
//         },
//     });


     //메인슬라이드
     $('#main-slider').slick({
         slide: 'div', //슬라이드 되어야 할 태그 ex) div, li 
         fade: false,
         infinite: true, //무한 반복 옵션  
         slidesToShow: 1, // 한 화면에 보여질 컨텐츠 개수
         slidesToScroll: 1, //스크롤 한번에 움직일 컨텐츠 개수
         speed: 1000, // 다음 버튼 누르고 다음 화면 뜨는데까지 걸리는 시간(ms)
         lazyLoad: 'progressive',
         arrows: true, // 옆으로 이동하는 화살표 표시 여부
         dots: true, // 스크롤바 아래 점으로 페이지네이션 여부
         autoplay: true, // 자동 스크롤 사용 여부
         autoplaySpeed: 5000, // 자동 스크롤 시 다음으로 넘어가는데 걸리는 시간 (ms)
         pauseOnHover: true, // 슬라이드 이동 시 마우스 호버하면 슬라이더 멈추게 설정
         vertical: false, // 세로 방향 슬라이드 옵션
         prevArrow: "<button type='button' class='slick-prev'>Previous</button>", // 이전 화살표 모양 설정
         nextArrow: "<button type='button' class='slick-next'>Next</button>", // 다음 화살표 모양 설정
         dotsClass: "slick-dots", //아래 나오는 페이지네이션(점) css class 지정
         draggable: true, //드래그 가능 여부 

     });



     //갤러리슬라이드
     $('.gallerybbs>tbody').addClass('swiper-container gallery-container');
     $('.gallerybbs>tbody>tr').addClass('swiper-wrapper');
     $('.gallerybbs>tbody>tr>td').addClass('swiper-slide');

     var swiper1 = new Swiper('.gallery-container', {
         slidesPerView: 4,
         spaceBetween: 20,
         slidesPerGroup: 1,
         loop: true,
         autoplay: true,
         loopFillGroupWithBlank: true,
         navigation: {
             nextEl: '.next-btn-01',
             prevEl: '.prev-btn-01',
         },
         breakpoints: {
             575: {
                 slidesPerView: 1,
                 spaceBetween: 5,
             },
             768: {
                 slidesPerView: 2,
                 spaceBetween: 10,
             },
             1024: {
                 slidesPerView: 3,
                 spaceBetween: 20,
             },
         }
     });



     //products 슬라이드 
     /*
     var swiper2 = new Swiper('.main_products', {
         slidesPerView: 1,
         spaceBetween: 20,
         initialSlide: 1,
         slidesPerGroup: 1,
         loop: true,
         autoplay: false,
         loopFillGroupWithBlank: true,
         navigation: {
             nextEl: '.prod-next',
             prevEl: '.prod-prev',
         },
     });

     */

     var swiper = new Swiper('.main_products', {


        loop: true,
        autoplay: true,
        loopFillGroupWithBlank: true,

        pagination: {
          el: ".swiper-pagination",
          type: "fraction",
          formatFractionCurrent: function (number) {
            return ('0' + number).slice(-2);
        },
        formatFractionTotal: function (number) {
            return ('0' + number).slice(-2);
        },
        renderFraction: function (currentClass, totalClass) {
            return '<span class="' + currentClass + '"></span>' +
                   ' / ' +
                   '<span class="' + totalClass + '"></span>';
        }
        },
        navigation: {
          nextEl: ".prod-next",
          prevEl: ".prod-prev",
        },
    });

 })