$(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');

    });


    //메인 슬라이드
    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('.roomSwiper', {
      slidesPerView: 1,
      pagination: {
        el: '.swiper-pagination',
        clickable: true,
      },
      autoplay: {    
        delay: 2500, 
        disableOnInteraction: false, 
      },
      loop: true,
      centeredSlides: true, 
      breakpoints: {
        768: { slidesPerView: 3}
      }
  });
    
   // 서브페이지 rooms 
   var swiper2 = new Swiper(".room_Swiper", {
    loop:true,
    loopAdditionalSlides : 1,
    autoplay: {
      delay: 3000,
      disableOnInteraction: false,
      },
    pagination : { 
    el : '.swiper-pagination',
     clickable : true,
   },
   navigation : { 
    nextEl : '.swiper-button-next', 
    prevEl : '.swiper-button-prev', 
  },
    
  });

   // 서브페이지 facilities 
   var swiper3 = new Swiper(".fac_Swiper", {
    loop:true,
    loopAdditionalSlides : 1,
    autoplay: {
      delay: 3000,
      disableOnInteraction: false,
      },
    pagination : { 
    el : '.swiper-pagination',
     clickable : true,
   },
   navigation : { 
    nextEl : '.swiper-button-next', 
    prevEl : '.swiper-button-prev', 
  },
  });
    
      // 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);
     });

     

    });