//smooth scroll
$('.smoothScroll').on('click', function() {
  // スクロールの速度
  var speed = 400; // ミリ秒
  // アンカーの値取得
  var href= $(this).attr("href");
  // 移動先を取得
  var target = $(href === "#" || href === "" ? 'html' : href);
  // 移動先を数値で取得
  var position = target.offset().top;
  // スムーススクロール
  $('body,html').animate({scrollTop:position}, speed, 'swing');
  return false;
});

//page top button
var showTop = 150;
var pageTop = $('#pageTop');
$(window).on('load scroll resize',function(){
  if($(window).scrollTop() >= showTop) {
    pageTop.fadeIn();
  } else if($(window).scrollTop() < showTop){
    pageTop.fadeOut();
  }
});

var nav = $('.mainMenuTop');
//navの位置
if ( nav.length ) {
  var navTop = nav.offset().top;
}
//スクロールするたびに実行
$(window).scroll(function () {
  var winTop = $(this).scrollTop();
  //スクロール位置がnavの位置より下だったらクラスfixedを追加
  if (winTop >= navTop) {
    nav.addClass('fixed');
  } else if (winTop <= navTop) {
    nav.removeClass('fixed');
  }
});


//all link
$('.allLink').addClass('allLinkNone');

$('.allLink').on('click', function(e) {
  if (!$(e.target).closest('.textLink').length) {
    if($(this).find('a').attr('target')=='_blank') {
      window.open($(this).find('a').attr('href'), '_blank');
    } else if($(this).find('a').length) {
      location.href = $(this).find('a').attr('href');
    }
    return false;
  }
});

$('.allLink').each(function() {
  if($(this).find('a').length) {
    $(this).removeClass('allLinkNone');
  }
});


//header
if (window.matchMedia('(min-width: 768px)').matches) {
  $('.globalNav01 .dropBtn:not(.menuBtn):not(.webBtn)').hover(function() {
    $(this).find('.menuListArea').stop().fadeIn();
  }, function() {
    $(this).find('.menuListArea').stop().fadeOut();
  });

  $('.menuList01 li').hover(function() {
    $(this).find('.displayNone').stop().fadeIn();
  }, function() {
    var index = $(this).parent().index();
    $(this).find('.displayNone').stop().fadeOut();
  });
} else {
  $('.closeBtn').on('click', function() {
    $(this).parents('.menuListArea').stop().fadeOut();
    $('.glovalNavArea02').removeClass('onWeb');
  });

  $('.menuList01 li').on('click', function() {
    $(this).find('.displayNone').stop().slideToggle();
  });
}

$('.dropBtn.menuBtn').on('click', function() {
  $(this).next('.menuListArea').stop().fadeToggle();
  $('.glovalNavArea02').toggleClass('on');
  $('.dropBtn02.web').next('.menuListArea').stop().fadeOut();
  $('.glovalNavArea02').removeClass('onWeb');
  if (window.matchMedia('(max-width: 767px)').matches) {
    $('.globalNav01 h1').toggleClass('on');
  }
});

$('.megamenu-close').on('click', function() {
  $('.dropBtn.menuBtn').next('.menuListArea').stop().fadeToggle();
  $('.glovalNavArea02').toggleClass('on');
  $('.dropBtn02.web').next('.menuListArea').stop().fadeOut();
  $('.glovalNavArea02').removeClass('onWeb');
  if (window.matchMedia('(max-width: 767px)').matches) {
    $('.globalNav01 h1').toggleClass('on');
  }
});

$('.dropBtn02.web').on('click', function() {
  $(this).next('.menuListArea').stop().fadeToggle();
  $('.glovalNavArea02').toggleClass('onWeb');
  $('.dropBtn.menuBtn').next('.menuListArea').stop().fadeOut();
  $('.glovalNavArea02').removeClass('on');
  if (window.matchMedia('(max-width: 767px)').matches) {
    $('.globalNav01 h1').removeClass('on');
  }
});


//footer
$('.footerLinkArea').css('display', 'none');
$('.footer .accordionTit').on('click', function() {
  $('.footerLinkArea').slideToggle();
});


//modal
$('.modalOpen').on('click', function() {
  posi = $(window).scrollTop();
  $('html').css({
    position: 'fixed',
    top: -1 * posi
  });

  $('body').append('<div class="modalOverlay"></div>');
  // オーバーレイをフェードイン
  $('.modalOverlay').fadeIn('slow');

  // モーダルコンテンツのIDを取得
  var modal = $(this).attr('data-target');
  // モーダルコンテンツの表示位置を設定
  modalResize();
   // モーダルコンテンツフェードイン
  $(modal).fadeIn('slow');

  //　relのURLを変数へ代入し、srcへ挿入
  var mURL = $(modal).find('iframe').attr('rel');
  $(modal).find('iframe').attr('src', mURL);

  // 「.modalOverlay」あるいは「.modal-close」をクリック
  $('.modalOverlay, .modalClose').off().on('click', function() {
    // モーダルコンテンツとオーバーレイをフェードアウト
    $('html').attr('style', '').prop({scrollTop: posi});
    $(modal).fadeOut('slow');
    $(modal).find('iframe').attr('src', '');
    $('.modalOverlay').fadeOut('slow', function(){
      // オーバーレイを削除
      $('.modalOverlay').remove();
    });
  });

  // リサイズしたら表示位置を再取得
  $(window).on('resize', function(){
    modalResize();
  });

  // モーダルコンテンツの表示位置を設定する関数
  function modalResize() {
    // ウィンドウの横幅、高さを取得
    var w = $(window).width();
    var h = $(window).height();

    // モーダルコンテンツの表示位置を取得
    var x = (w - $(modal).outerWidth(true)) / 2;
    var y = (h - $(modal).outerHeight(true)) / 2;

    $(modal).css({'left': x + 'px','top': y + 'px'});
  }
});


//fadein(nakamura js)
$(window).on('load', function() {
  $('.fadeinRight, .fadeinLeft, .fadeinUnder').each(function() {
    var elemPos = $(this).offset().top;
    var scroll = $(window).scrollTop();
    var windowHeight = $(window).height();
    if (scroll > elemPos - windowHeight + 65) {
      $(this).addClass('scrollin');
    }
  });
});

$(window).scroll(function (){
  $('.fadeinRight, .fadeinLeft, .fadeinUnder').each(function() {
    var elemPos = $(this).offset().top;
    var scroll = $(window).scrollTop();
     var windowHeight = $(window).height();

    if (scroll > elemPos - windowHeight + 65) {
      $(this).addClass('scrollin');
    }
  });
});


//object fit
if($('.objectFit').length) {
  objectFitImages('.objectFit');
}

//ホバーで画像切り替え
$(function () {
  $('.mouseover').hover(function () {
    $(".mouseoverImg", this).attr('src', $(".mouseoverImg", this).attr('src').replace('_off', '_on'));
  }, function () {
      $(".mouseoverImg", this).attr('src', $(".mouseoverImg", this).attr('src').replace('_on', '_off'));
  });
});


//campaign
if (window.matchMedia('(max-width: 767px)').matches) {
  if($('.campaignList01').length) {
    var division = 4;
    var divlength = $('.campaignList01').length;
    dlsizePerResult = divlength / division;
    for(i=1;i<=dlsizePerResult;i++) {
      $('.campaignList01').eq(division*i-1).after('<p class="campaignBtn01 spOnly center link'+i+'"><span class="flex justifyCenter itemsCenter">他のキャンペーンを見る</span></p>');
    }
    $('.campaignList01, .campaignBtn01').hide();
    for(j=0;j<division;j++) {
      $('.campaignList01').eq(j).show();
    }
    $('.campaignBtn01.link1').show();

    $('.campaignBtn01').click(function() {
      index = $(this).index('.campaignBtn01');
      for(k=0;k<(index+2)*division;k++) {
        $('.campaignList01').eq(k).fadeIn();
      }

      $('.campaignBtn01').hide();
      $('.campaignBtn01').eq(index+1).show();
    });
  }
}


//img
var localpath = location.pathname;
if(!(document.URL.match('/reserve/') || document.URL.match('/reserve-nishinomiya/') || document.URL.match('/reserve-okubo/') || document.URL.match('/reserve-rokko/') || document.URL.match('/reserve-suma/') || document.URL.match('/reserve-unemu/') || document.URL.match('/reserve-nishikobe/') || document.URL.match('/closet/') || document.URL.match('/furisode-gallery/') || document.URL.match('/blog/') || document.URL.match('/info/') || document.URL.match('/campaign/') || document.URL.match('/column/'))) {
  $('img').addClass('lazy');
}

if(document.URL.match('/blog/') || document.URL.match('/info/') || document.URL.match('/campaign/') || document.URL.match('/column/')) {
  $('header img, .campaignImg01 img, .campaignInfoList01 img, .footer img').addClass('lazy');
}

document.addEventListener('DOMContentLoaded', function() {
  var lazyImages = [].slice.call(document.querySelectorAll('img.lazy'));

  if ('IntersectionObserver' in window) {
    let lazyImageObserver = new IntersectionObserver(function(entries, observer) {
      entries.forEach(function(entry) {
        if (entry.isIntersecting) {
          let lazyImage = entry.target;
          lazyImage.src = lazyImage.dataset.src;
          if (typeof lazyImage.dataset.srcset === 'undefined') {
          } else {
            lazyImage.srcset = lazyImage.dataset.srcset;
          }
          lazyImage.classList.remove('lazy');
          lazyImageObserver.unobserve(lazyImage);
        }
      });
    });

    lazyImages.forEach(function(lazyImage) {
      lazyImageObserver.observe(lazyImage);
    });
  }
});


//css
(function(window,document){
  // .lazy-cssを探します
  var lazyCss=document.querySelectorAll('.lazy-css');
  for(var i=0,l=lazyCss.length;i<l;i++){
    // 一つずつ『stylesheet』に変更します
    lazyCss[i].rel='stylesheet';
  }
})(window,document);