$(function () {
  $.fn.nbxs = function (opts) {
    init.call(this, opts);

    function init(opts) {
      var $win = $(window);
      var options = $.extend({
        optionPc: opts.optionPc,
        slwpc: opts.optionPc['slideWidth'],
        slmpc: opts.optionPc['slideMargin'],
        carousel: opts.carousel,
        target: this,
        slider: ''
      }, opts);

      function resetPosition() {
        var inw = $('body').width();
        if (options.carousel && options.optionPc['mode'] == 'horizontal')
          options.target.css({ left: (inw - options.slwpc) / 2 });
      }

      function reloadSlider() {
        var opt = options.optionPc;
        if (options.slider) options.slider.reloadSlider(opt);
        else options.slider = options.target.bxSlider(opt);
        resetPosition();
      }

      $win.on('resize', function () {
        resetPosition();
      });

      $win.on('load', function () {
        reloadSlider();
        // auto = true の時、コントロール及びページャーにmouseover時はautoを一時停止
        // mouseoutでauto再開
        if (options.optionPc['auto']) {
          $('.bx-prev, .bx-next, .bx-pager-link').hover(
            function () { options.slider.stopAuto(); },
            function () { options.slider.startAuto(); }
          );
        }
      });

    }
  };

  $('#main-slider').nbxs({
    // bxSlider オプション
    optionPc: {
      mode: 'horizontal',
      auto: true,
      autoHover: true,
      maxSlides: 5,
      moveSlides: 1,
      pager: false,
      responsive: false,
      speed: 1000,
      slideMargin: 92,
      slideWidth: 1046,
      infiniteLoop: true,
      prevText: '',
      nextText: '',
      touchEnabled: false,
      onSliderLoad: function () {
        $('#main-slider-wrap').addClass('show')
      }
    },
    // カルーセル式の指定
    carousel: true
  });

  // スライドショーのオプション
  var recommendOption = {
    slideSelector: '.course-history-box',
    slideWidth: 181,
    slideMargin: 25,
    maxSlides: 4,
    pager: false,
    prevText: '',
    nextText: '',
    touchEnabled: false
  };

  // 最近見た講座
  // 4講座以下の場合には、矢印を表示しない
  if ($('.course-history-box').length <= 4) {
    recommendOption.controls = false;
    $('.course-history-slide').addClass('no-slider');
  }

  // スライドショーを設定
  $('.course-history-slide').bxSlider(recommendOption);

});