/* global jQuery */

/**
 * NSK
 *
 * @date 2017-10-20
 */

(function ($) {
  var NSK_LP = window.NSK_LP || {};

  NSK_LP.Top = function () {
    var $win = $(window);
    var $body = $('body');

    // 初期化
    var _init = function _init() {
    //   _keyVisualUI();
      _modalPoster();
      _initWaypoints();
    };

    // メインビジュアル
    var _keyVisualUI = function _keyVisualUI() {
      var $toggleMovieModal = $('.js-toggleMovieModal');
      var $playBtn = $('.kv_btn_movie');
      var $playBtn_1 = $('.kv_btn_movie_1');
      var $playBtn_2 = $('.kv_btn_movie_2');
      var $playBtn_3 = $('.kv_btn_movie_3');
      var $playBtn_4 = $('.kv_btn_movie_4');
      var $playBtn_5 = $('.kv_btn_movie_5');
      var $loader = $('.kv_modalMovie_loader');

      $toggleMovieModal.on('click', function () {
        $body.toggleClass('visible-movieModal');
      });
       $playBtn.on('click', function (e) {
        e.preventDefault();
        $loader.append("<iframe height=498 width=510 src='https://player.youku.com/embed/XMTQxNjE2Njg3Ng==' frameborder=0 'allowfullscreen'></iframe>");
      });
       $playBtn_1.on('click', function (e) {
        e.preventDefault();
        $loader.append("<iframe height=498 width=510 src='https://player.youku.com/embed/XMzIwODAwNDM1Mg==' frameborder=0 'allowfullscreen'></iframe>");
      });
       $playBtn_2.on('click', function (e) {
        e.preventDefault();
        $loader.append('<iframe src="" frameborder="0" allowfullscreen></iframe>');
      });
       $playBtn_3.on('click', function (e) {
        e.preventDefault();
        $loader.append('<iframe  src="/company/plants/map.html" frameborder="0"  allowfullscreen></iframe>');
      });
	// http://www.nsk.com.cn/services/aip/success/case3.html 案例三视频
       $playBtn_4.on('click', function (e) {
        e.preventDefault();
        $loader.append("<iframe height=498 width=510 src='https://player.youku.com/embed/XNTExNDYyNjAzMg==' frameborder=0 'allowfullscreen'></iframe>");
      });
	// https://www.nsk.com.cn/company/news/2021/news210208.html 飞行汽车里的NSK技术视频
       $playBtn_5.on('click', function (e) {
        e.preventDefault();
        $loader.append("<iframe height=498 width=510 src='https://player.youku.com/embed/XNTEwNzEyNjg1Ng==' frameborder=0 'allowfullscreen'></iframe>");
      });
      $('.kv_modalMovie_close, .kv_modalMovie_bg').on('click', function () {
        $loader.find('iframe').remove();
      });
    };

    // モーダル（画像）
    var _modalPoster = function _modalPoster() {
      var $btn = $('.creative_introduction_thumb');
      var $modalContent = $('.creative_modal_poster');
      var $prev = $('#modal_ctrl_prev');
      var $next = $('#modal_ctrl_next');
      var visibleClass = 'visible-modal';
      var indexClass = 'gCurrent';

      _bind();
      function _bind() {
        //モーダル表示
        $btn.on('click', function (e) {
          e.preventDefault();
          var index = $btn.index(this);
          $(this).addClass(indexClass);
          $body.addClass(visibleClass);
          showModalContent(index);
        });

        //モーダル閉じる
        $('.creative_modal_close, .creative_modal_bg').on('click', function () {
          $body.removeClass(visibleClass);
          $btn.removeClass(indexClass);
          $modalContent.removeClass('is-current');
        });

        //next
        $next.on('click', function () {
          contentChange(1);
        });

        //prev
        $prev.on('click', function () {
          contentChange(-1);
        });
      }

      function contentChange(n) {
        var index = $btn.index($('.gCurrent'));
        var length = $btn.length;

        if (index === -1) {
          index = 0;
        }

        $btn.removeClass(indexClass);
        $btn.eq(index + n).addClass(indexClass);

        $modalContent.eq(index).removeClass('is-current');

        if (index === 0 && n === -1) {
          showModalContent(length - 1);
        } else if (index === length - 1 && n === 1) {
          //NEXT
          showModalContent(0);
        } else {
          showModalContent(index + n);
        }
      }

      // モーダルコンテンツ部分の表示
      function showModalContent(index) {
        $modalContent.eq(index).addClass('is-current');
      }
    };

    // スクロール時にclassを付与
    var _initWaypoints = function _initWaypoints() {
      var $target = $('.js-ready');

      $target.waypoint({
        handler: function handler(direction) {
          // if(direction === 'down'){
          //   $(this.element).addClass('is-inview');
          // } else if(direction === 'up') {
          //   $(this.element).removeClass('is-inview');
          // }
          $(this.element).addClass('is-inview');
          this.destroy();
        },
        offset: '70%'
      });
    };

    return {
      init: _init
    };
  }();

  NSK_LP.Top.init();
})(jQuery);