/* ----------------------------------------------------------------------------
スクロールで画面表示
---------------------------------------------------------------------------- */
$(function(){
  $('.js-fadeIn').bind('inview', function(event, isInView, visiblePartX, visiblePartY) {
      $(this).animate({opacity:1},1000);
  });
});

(function (factory) {
  if (typeof define == 'function' && define.amd) {
    define(['jquery'], factory);
  } else if (typeof exports === 'object') {
    module.exports = factory(require('jquery'));
  } else {
    factory(jQuery);
  }
}(function ($) {

  var inviewObjects = [], viewportSize, viewportOffset,
      d = document, w = window, documentElement = d.documentElement, timer;

  $.event.special.inview = {
    add: function(data) {
      inviewObjects.push({ data: data, $element: $(this), element: this });
      if (!timer && inviewObjects.length) {
         timer = setInterval(checkInView, 250);
      }
    },

    remove: function(data) {
      for (var i=0; i<inviewObjects.length; i++) {
        var inviewObject = inviewObjects[i];
        if (inviewObject.element === this && inviewObject.data.guid === data.guid) {
          inviewObjects.splice(i, 1);
          break;
        }
      }

      if (!inviewObjects.length) {
         clearInterval(timer);
         timer = null;
      }
    }
  };

  function getViewportSize() {
    var mode, domObject, size = { height: w.innerHeight, width: w.innerWidth };

    if (!size.height) {
      mode = d.compatMode;
      if (mode || !$.support.boxModel) {
        domObject = mode === 'CSS1Compat' ?
          documentElement :
          d.body;
        size = {
          height: domObject.clientHeight,
          width:  domObject.clientWidth
        };
      }
    }

    return size;
  }

  function getViewportOffset() {
    return {
      top:  w.pageYOffset || documentElement.scrollTop   || d.body.scrollTop,
      left: w.pageXOffset || documentElement.scrollLeft  || d.body.scrollLeft
    };
  }

  function checkInView() {
    if (!inviewObjects.length) {
      return;
    }

    var i = 0, $elements = $.map(inviewObjects, function(inviewObject) {
      var selector  = inviewObject.data.selector,
          $element  = inviewObject.$element;
      return selector ? $element.find(selector) : $element;
    });

    viewportSize   = viewportSize   || getViewportSize();
    viewportOffset = viewportOffset || getViewportOffset();

    for (; i<inviewObjects.length; i++) {
      if (!$.contains(documentElement, $elements[i][0])) {
        continue;
      }

      var $element      = $($elements[i]),
          elementSize   = { height: $element[0].offsetHeight, width: $element[0].offsetWidth },
          elementOffset = $element.offset(),
          inView        = $element.data('inview');

      if (!viewportOffset || !viewportSize) {
        return;
      }

      if (elementOffset.top + elementSize.height > viewportOffset.top &&
          elementOffset.top < viewportOffset.top + viewportSize.height &&
          elementOffset.left + elementSize.width > viewportOffset.left &&
          elementOffset.left < viewportOffset.left + viewportSize.width) {
        if (!inView) {
          $element.data('inview', true).trigger('inview', [true]);
        }
      } else if (inView) {
        $element.data('inview', false).trigger('inview', [false]);
      }
    }
  }

  $(w).bind("scroll resize scrollstop", function() {
    viewportSize = viewportOffset = null;
  });

  if (!documentElement.addEventListener && documentElement.attachEvent) {
    documentElement.attachEvent("onfocusin", function() {
      viewportOffset = null;
    });
  }
}));

/* ----------------------------------------------------------------------------
スライダー
---------------------------------------------------------------------------- */
$(function () {
  // メイン画像のオプション
  $(".p-history__slider").slick({
    lazyLoad: 'ondemand',
    infinite: true,
    autoplay: false,
    autoplaySpeed: 3000,
    slidesToShow: 1,
    arrows: true,
    adaptiveHeight: true,
    centerMode: true,
    variableWidth: true,
    asNavFor: ".p-history__slideber", // サムネイルと同期
    responsive: [
      {
        breakpoint: 768,
        settings: {
          centerMode: false,
          variableWidth: false,
        }
      }
    ]
  });
  // サムネイルのオプション
  $(".p-history__slideber").slick({
    slidesToShow: 8, // サムネイルの表示数
    asNavFor: ".p-history__slider", // メイン画像と同期
    focusOnSelect: true, // サムネイルクリックを有効化
  });
});

/* ----------------------------------------------------------------------------
テキスト表示数
---------------------------------------------------------------------------- */
$(function () {
  var $text = $('.-first .p-message__text');//対象のテキスト
  var $more = $('.-first .p-message__text__more');//続きを読むボタン
  var lineNum = 9;//表示する行数
  var textHeight = $text.height();//テキスト全文の高さ
  var lineHeight = parseFloat($text.css('line-height'));//line-height
  var textNewHeight = lineHeight * lineNum;//指定した行数までのテキストの高さ
  
  // テキストが表示制限の行数を超えたら発動
  if (textHeight > textNewHeight) {
    $text.css({
      height: textNewHeight,
      overflow: 'hidden',
    });
    //続きを読むボタンクリックで全文表示
    $more.click(function () {
      $(this).hide();
      $text.css({
        'height': textHeight,
        'overflow': 'visible',
      });
      return false;//aタグ無効化
    });
  } else {
    // 指定した行数以下のテキストなら続きを読むは表示しない
    $more.hide();
  }
});

$(function () {
  var $text = $('.-second .p-message__text');//対象のテキスト
  var $more = $('.-second .p-message__text__more');//続きを読むボタン
  var lineNum = 9;//表示する行数
  var textHeight = $text.height();//テキスト全文の高さ
  var lineHeight = parseFloat($text.css('line-height'));//line-height
  var textNewHeight = lineHeight * lineNum;//指定した行数までのテキストの高さ
  
  // テキストが表示制限の行数を超えたら発動
  if (textHeight > textNewHeight) {
    $text.css({
      height: textNewHeight,
      overflow: 'hidden',
    });
    //続きを読むボタンクリックで全文表示
    $more.click(function () {
      $(this).hide();
      $text.css({
        'height': textHeight,
        'overflow': 'visible',
      });
      return false;//aタグ無効化
    });
  } else {
    // 指定した行数以下のテキストなら続きを読むは表示しない
    $more.hide();
  }
});

/* ----------------------------------------------------------------------------
スクロールでバナー追従
---------------------------------------------------------------------------- */
var goToTopBtn01 = (function(){
  function init(){
    var $topBtn = $('.p-link__bnr__wrap');
    $topBtn.hide();
    $(window).on("scroll", function() {
      if ($(this).scrollTop() > 100) {
        $topBtn.fadeIn();
      } else {
        $topBtn.fadeOut();
      }
    });
  };
  return {
    init: init
  }
})();

$(function(){
  goToTopBtn01.init();
});

var thisOffset;
$(window).on('load', function () {
  thisOffset = $('.p-follow__wrap').offset().top + $('.p-follow__wrap').outerHeight();
});
$(window).scroll(function () {
  if ($(window).scrollTop() + $(window).height() > thisOffset) {
    $(".p-link__bnr__wrap").addClass("hidden");
  } else {
    $(".p-link__bnr__wrap").removeClass("hidden");
  }
});

/* ----------------------------------------------------------------------------
クリックでクラス追加
---------------------------------------------------------------------------- */
$(function () {
  $(".p-link__bnr__button").on("click", function () {
      $(".p-link__bnr__wrap").addClass("none");
  });
});

/* ----------------------------------------------------------------------------
ハンバーガーメニューでページ内リンク
---------------------------------------------------------------------------- */
$(function () {
  $(".p-drawerNav__item.-menu").on("click", function() {
    $("body").removeAttr("style");
  });
});
$(function () {
  $(".p-drawerNavMenu__item a").on("click", function() {
    $(".p-drawerNavMenu__inner").slideToggle();
    $(".p-drawerNav__btn").removeClass("is-close");
    $("body").removeClass("is-fixed");
  });
});