$(document).ready(function(){
  // header 
  let $header = $('#header'); 
    var $page = $('.page-start'); //색상이 변할 부분
    var $window = $(window);
    var logo = document.querySelector('.logo');
    var pageOffsetTop = $page.offset().top;//색상 변할 부분의 top값 구하기
    
    $window.resize(function(){ //반응형을 대비하여 리사이즈시 top값을 다시 계산
      pageOffsetTop = $page.offset().top;
      
    });
    
    $window.on('scroll', function(){ //스크롤시
      var scrolled = $window.scrollTop() > pageOffsetTop; //스크롤된 상태; true or false
      $header.toggleClass('down', scrolled); //클래스 토글
    });


  // navbtn
  let $gnb = $header.find('.gnb'),
    $menu = $header.find('.menu');
 
    $menu.click(function(){
    $gnb.fadeToggle();
    $menu.toggleClass('on');

    });


  //메뉴    
    if (document.body.clientWidth > 768) {    
      $('.navi>li').mouseover(function(){
        $('.submenu').stop().slideDown(500);
    }).mouseout(function(){
        $('.submenu').stop().slideUp(500);
    });
       
      }



    //메인 슬라이드
    var swiper = new Swiper(".mySwiper", {
      spaceBetween:30,  
      loop:true,
      loopAdditionalSlides : 1,
      clickable: true,
      speed: 1500,
      effect : 'fade',
      autoplay: {    
        delay: 2500, 
        disableOnInteraction: false, 
      },
      pagination: {
        el: ".swiper-pagination", 
        clickable: true, 
      },
      navigation : { 
        nextEl : '.swiper-button-next', 
        prevEl : '.swiper-button-prev', 
      },
    });

    //서브페이지 rooms
    var swiper = new Swiper('.mySwiper5', {
      speed: 1100,
      loop: true,
      autoplay: {    
        delay: 2000, 
        disableOnInteraction: false, 
      },
      disableOnInteraction: false,
       pagination: {
      el: '.swiper-pagination',
      },
  
      navigation: {
      nextEl: '.swiper-button-next',
      prevEl: '.swiper-button-prev',
    },
  
  });
    //서브페이지 service 
    var swiper = new Swiper(".mySwiper3", {
      loop: true,
      spaceBetween: 10,
      slidesPerView: 5,
      freeMode: true,
      watchSlidesProgress: true,
      responsive: [
        {breakpoint: 768, //화면 넓이 768px 이상
         settings: {
          slidesToShow: 3,
          slidesToScroll: 1
         }}]
    });

    var swiper2 = new Swiper(".mySwiper4", {
      loop: true,
      spaceBetween: 10,
      navigation: {
        nextEl: ".swiper-button-next",
        prevEl: ".swiper-button-prev",
      },
      thumbs: {
        swiper: swiper,
      },
    });
    
      // quick menu
      let $quickBtn = $('#quick_menu'); 
      let $topBtn = $('.top-btn')       
      $quickBtn.hide();

      $(window).scroll(function(){
        if ($(this).scrollTop() > 100 ) {
          $quickBtn.fadeIn();
        } else {
          $quickBtn.fadeOut();
        }
      });

      $topBtn.click(function(){
        $('html, body').stop().animate({
        scrollTop: 0
        }, 500);
     });

     $('.slick_rooms').slick({
      slidesToShow: 3,
      slidesToScroll: 1,
      autoplay: true,
      autoplaySpeed: 2000,
      clickable: true,
      pauseOnFocus: false,
      pauseOnHover: false, 
      responsive: [
        {breakpoint: 768, //화면 넓이 768px 이상
         settings: {
          slidesToShow: 2,
          slidesToScroll: 1
         }}]
    });

    });