;(function($) {

  /**
   * PRバナー表示用スクリプト
   * 
   * 外部設定可能パラメータ:
   *  
   *  autoSlideTime   : 自動スライド待ち時間（デフォルト4秒）
   *  showBannersThumb  : サムネイル表示フラグ 1:表示 0:非表示
   *  bannerWidth     : メインバナーサイズ（幅）
   *  bannerHeight    : メインバナーサイズ（縦）
   *  slideBnrWidth   : メインバナースライド幅
   *  thumbWidth      : サムネイルサイズ(幅)
   *  thumbHeight     : サムネイルサイズ(（)縦)
   *  thumbMargin     : サムネイル横マージン
   *  slideThmWidth   : サムネイルスライド幅
   *  duration      : スライド所要時間
   *  isLoop        : 両端ループ設定
   *  isAuto        : 自動スライド設定
   *  level       : PRバナー設置階層
   *  cloneNum      : クローンノード生成数
   *  easing        : イージング
   *  
   */

  $.fn.PRBanner = function(options) {

    // ミニアイコンサイズ
    var SIZE_MINI_ICON = 38;

    /* メインバナー */
    var $bnrBase = $(this)
    , $bnrWrap = $bnrBase.find('.prWrapper')
    , $bnrUL = $bnrWrap.find('ul')
    , $bnrLI = $bnrWrap.find('li')
    , $bnrArrw = $bnrBase.find('.arrow')
    , $bnrNext = $bnrBase.find('.arrow.next')
    , $bnrPrev = $bnrBase.find('.arrow.prev')
    , $bnrNextImg = $bnrNext.find('img')
    , $bnrPrevImg = $bnrPrev.find('img')
    , $bnrPage = null

    /* サムネイル */
    , $thumbBase = $bnrBase.find('.thumbOutline')
    , $thumbWrap = $bnrBase.find('.thumbWrapper')
    , $thumbNext = $bnrBase.find('.thumbArrow.next')
    , $thumbPrev = $bnrBase.find('.thumbArrow.prev')
    , $thumbUL = $thumbWrap.find('ul')
    , $thumbLI = $thumbWrap.find('li')

    , _isSP = false     // SPフラグ
    , _isAndroid4 = false   // Android4.x
    , _bnrNum = 0       // バナー画像数
    , _interval = null    // 自動設定時インターバル
    , _showShadow = false   // 影表示

    , _baseX = 0
    , _distanceX = 0
    , _positionX = 0
    , _positionY = 0
    , _animateWidth = 320
    ;

    var params = $.extend({}, $.fn.PRBanner.defaults, options);

    /**
     * プラグイン中で使用するイベントバインド
     */
    var bind = function() {

      $(window).on('load', function() {

        initDomLoaded();

        // バナー画像が1枚の場合スワイプは不要
        if (_bnrNum === 1) return;

        $bnrUL.find('li').on({
          'touchstart': function(e) {
            var touch = e.originalEvent.touches[0] || e.originalEvent.changedTouches[0];
            // 計測開始
            _baseX = $bnrUL.offset().left;
            _distanceX = 0;
            _positionX = touch.pageX;
            _positionY = touch.pageY;
            return false;
          }
        , 'touchend': function(e) {
            var touch = e.originalEvent.touches[0] || e.originalEvent.changedTouches[0]
            , horizontal = _positionX - touch.pageX
            , pos = parseInt($bnrUL.data('pos'), 10);

            if ($bnrUL.is(':animated')) return false;

            if (horizontal > 50) {
              slideBnrNext(pos+1);
            } else if (horizontal < -50) {
              slideBnrPrev(pos-1);
            } else {
              location.href = $(this).find('a').attr('href');
            }
            // 初期化
            _distanceX = 0;
            _positionX = 0;
            _positionY = 0;
          }
        , 'touchmove': function(e) {

            var touch = e.originalEvent.touches[0] || e.originalEvent.changedTouches[0]
            , left = $bnrUL.offset().left
            , horizontal = _positionX - touch.pageX
            , virtical = _positionY - touch.pageY
            , pos = parseInt($bnrUL.data('pos'), 10);

            if ($bnrUL.is(':animated')) return false;

            if (Math.abs(virtical) < 5) {
              e.preventDefault();
            } else {
              if (_isAndroid4) {
                if (horizontal > 10) {
                  slideBnrNext(pos+1);
                } else if (horizontal < -10) {
                  slideBnrPrev(pos-1);
                }

              } else {
                var distanceX = (horizontal < 0) ? -10 : 10;
                _distanceX = _distanceX + distanceX;

                var totalDistance = _baseX - (_baseX + _distanceX);
                if (totalDistance <= _animateWidth
                  && Math.abs(horizontal) > 20) {
                  $bnrUL
                    .stop(true, false)
                    .animate({ left: _baseX - _distanceX }, 0, 'linear'
                      , function() {}
                    );
                }
              }
            }
            return false;
          }
        });
      });

      $bnrNext
        .on({
          'mouseenter': function(e) {

            e.preventDefault();

            // ループ設定時かループ未設定時にバナーが右端ではない場合
            if (params.isLoop == 1 
              || $bnrUL.data('pos') < _bnrNum-1) {
                $bnrNextImg.fadeIn(params.fadeTime);
            }
          }
        , 'mouseleave': function(e) {

            e.preventDefault();

            // PCの場合はフォーカスが外れると画像を非表示にする
            if (!_isSP) {
              $bnrNextImg.fadeOut(params.fadeTime);
            }
          }
        , 'click': function(e) {

            e.preventDefault();

            var pos = parseInt($bnrUL.data('pos'), 10);

            if ($bnrUL.is(':animated')) return;

            changeCurrentThumb($thumbLI.filter('.cur').next());
            slideThmPrev(1);
            slideBnrNext(pos+1);
          }
        });

      $bnrPrev
        .on({
          'mouseenter': function(e) {

            e.preventDefault();

            // ループ設定時かループ未設定時にバナーが左端ではない場合
            if (params.isLoop == 1 || $bnrUL.data('pos') > 0) {
              $bnrPrevImg.fadeIn(params.fadeTime);
            }
          }
        , 'mouseleave': function(e) {

            e.preventDefault();

            // PCの場合はフォーカスが外れると画像を非表示にする
            if (!_isSP) {
              $bnrPrevImg.fadeOut(params.fadeTime);
            }
          }
        , 'click': function(e) {

            e.preventDefault();

            var pos = parseInt($bnrUL.data('pos'), 10);

            if ($bnrUL.is(':animated')) return;

            changeCurrentThumb($thumbLI.filter('.cur').prev());
            slideThmNext(1);
            slideBnrPrev(pos-1);
          }
        });


      $thumbNext
        .on({
          'click': function(e) {

            e.preventDefault();

            var pos = parseInt($bnrUL.data('pos'), 10);

            if ($bnrUL.is(':animated')) return;

            changeCurrentThumb($thumbLI.filter('.cur').next());
            slideThmPrev(1);
            slideBnrNext(pos+1);
          }
        });

      $thumbPrev
        .on({
          'click': function(e) {

            e.preventDefault();

            var pos = parseInt($bnrUL.data('pos'), 10);

            if ($bnrUL.is(':animated')) return;

            changeCurrentThumb($thumbLI.filter('.cur').prev());
            slideThmNext(1);
            slideBnrPrev(pos-1);
          }
        });

      }

    , initDomReady = function() {

        // 画像キャッシュ生成
        $bnrWrap.find('img').each(function() {
          (new Image()).src = $(this).attr('src');
        });

        _bnrNum = $bnrLI.size();

        if (params.slideBnrWidth === null) {
          params.slideBnrWidth = params.bannerWidth + params.bannerMargin
        }

        if (params.slideThmWidth === null) {
          params.slideThmWidth = params.thumbWidth + params.thumbMargin
        }

        if (params.showBannersThumb == 1 && params.cloneNum == 0) {
          params.cloneNum = 2;
        }

        if (params.isLoop == 1 && params.cloneNum == 0) {
          params.cloneNum = 1;
        }

        if (_isSP &&
          ($bnrWrap.hasClass('topShadow') || $bnrWrap.hasClass('bottomShadow'))) {
          _showShadow = true;
          $bnrLI.each(function() {
            $(this).prepend('<span/>');
          });
        }

        if ($('header').hasClass('sp')) {
          _isSP = true;
          params.showBannersThumb = 0;

          $bnrArrw.find('img').each(function() {
            $(this).remove();
          });
        }

        if (_bnrNum === 1) {
          $bnrWrap.css('paddingBottom', 0);
          $bnrArrw.remove();
        }

        _isAndroid4 = /Android 4/.test(navigator.userAgent);

        // イベントバインド
        bind();
      }

    , initDomLoaded = function() {

        initBannerStyle();

        // サムネイルを生成する
        if (params.showBannersThumb == 1) {
          initThumbnail();
        }

        // ページングを生成する
        if (_bnrNum > 1 && params.showBannersThumb == 0) {
          initPagenation();
        }

        // ループ処理時、両端に番兵を生成する
        increaseClone();

        // 自動スライド設定
        slideBnrAuto();

        // 初期設定完了後、バナー画像表示
        $bnrLI.show().find('img');
      }

      /**
       * 動的パラメータによりメインバナーのスタイルを変更する
       */
    , initBannerStyle = function() {

        // 階層別にスタイルを適用するため階層設定
        $bnrBase.css({
            'width' : params.bannerWidth
          })
          .addClass('prBannerLevel'+params.level);
        $bnrWrap.css({
            'width' : params.bannerWidth
          });

        $bnrUL.css({
            'position': 'absolute'
          , 'left': 0
          , 'width' : (params.bannerWidth+params.bannerMargin) * _bnrNum
          })
          .attr('data-pos', 1);
        $bnrLI.each(function(i) {
            var $this = $(this);
            $this.attr("data-pos", i+1);
            if (i===0) {
              $this.addClass('cur');
            }
          })
        .find('img').css({
            'width' : params.bannerWidth
          , 'height': 'auto'
          });

        var h = $bnrLI.find('img').height();
        $bnrBase.find('.prWrapper,ul').css({'height': h });
        if (!_isSP) {
          $bnrBase.find('.arrow').css({'height': h });
        }
    }

      /**
       * ページングの初期設定を行う
       */
    , initPagenation = function() {

        var miniIconW = _bnrNum*SIZE_MINI_ICON
        , posNum = 0;

        $bnrBase.append($('<ul class="pagenation" />'));

        $bnrPage = $bnrBase.find('.pagenation');

        for (var i=params.cloneNum,l=_bnrNum+params.cloneNum; i<l; i++) {
          posNum++;
          $bnrPage.append(
            '<li data-pos="'+posNum+'" class="'+(i===params.cloneNum?'cur':'')+'"><a href="#">'+posNum+'</a></li>');
        }

        $bnrPage.find('li').on('click', function(e) {

          e.preventDefault();

          var $this = $(this)
          , pos = $this.data('pos')
          , direction = ($bnrUL.data('pos')<pos)?-1:1;

          if ($bnrUL.is(':animated')) return;

          $this.blur();

          $bnrUL.data('pos', pos);
          if (direction == -1) {
            slideBnrNext(pos);
          } else {
            slideBnrPrev(pos);
          }
        });
      }

      /**
       * サムネイルの初期設定を行う
       */
    , initThumbnail = function() {

        // サムネイル非表示設定時は無視する
        if (params.showBannersThumb == 0) return;

        $thumbLI.each(function(i) {
          $(this)
            .attr('data-pos', i+1)
            .addClass((i===0)?'cur':'');
        });

        var isSet = false;
        while(!isSet) {
          for (var i=0,l=$thumbLI.length; i<l; i++) {
            $thumbUL
              .append($thumbLI.clone().removeClass('cur').get(i));
          };
          $thumbLI = $thumbUL.find('li');

          if ($thumbLI.size() >= 12) {
            isSet = true;
          }
        }

        // 左端修正前にフレーム位置分調整する
        $thumbUL.css('left', ((params.thumbWidth + params.thumbMargin) * 2) + (params.thumbMargin / 2));
        $($thumbLI
          .get().reverse())
          .each(function(i) {
            if (i < Math.floor($thumbLI.size() / 2)) {
              $thumbUL
                .prepend($(this))
                .css('left', '-=' + (params.thumbWidth + params.thumbMargin));
            }
          });
        $thumbLI = $thumbUL.find('li');
        $thumbBase.show();

        // ノードの増減が発生するためLiveイベントで登録
        $(document).on('click', [$bnrBase.selector, '.thumbWrapper li'].join(' '), function() {

          var $this = $(this)
          , $cur = $thumbLI.filter('.cur')
          , newPos = parseInt($this.data('pos'), 10)
          , oldPos = parseInt($cur.data('pos'), 10)
          , absPos = Math.abs($cur.index() - $this.index());

          if (absPos === 0 || $bnrUL.is(':animated')) return;

          changeCurrentThumb($this);

          // 左に追加
          if ($cur.index() > $this.index()) {
            slideThmNext(absPos);
            slideBnrPrev(oldPos-absPos);
          // 右に追加
          } else {
            slideThmPrev(absPos);
            slideBnrNext(oldPos+absPos);
          }
        });
      }

    , changeCurrentClass = function($obj, pos) {

        pos = pos || 1;

        $obj.data('pos', pos)
          .find('li')
            .removeClass('cur')
          .filter(':not(.cloned):[data-pos=' + pos + ']')
            .addClass('cur');
      }

    , changeCurrentThumb = function($obj) {

        $thumbLI.removeClass('cur');
        $obj.addClass('cur');
      }

      /**
       * スライドメイン
       */
    , slide = function($obj, pos, to, callback) {

        $obj.stop(true, true)
          .animate(
          { left: to }
        , params.duration
        , params.easing
        , function() {
          if (typeof(callback) === 'function') {
            callback();

            // 自動スライド設定時は解除
            clearInterval(_interval);
            _interval = null;

            if((params.isLoop == 0 && pos < _bnrNum-1)
              || params.isLoop == 1) {
              // 自動スライド設定
              slideBnrAuto();
            }
          }
        });
      }

      /**
       * メインバナー左方向スライド
       */
    , slideBnrPrev = function(pos) {

        $bnrNext.removeClass('disabled');

        var toPos = pos+params.cloneNum-1
        , $to = $bnrUL.find('li:eq('+toPos+')')
        , isClone = (params.isLoop == 1 && $to.hasClass('cloned'))
        , curPos = (isClone)?$to.data('pos'):pos;

        changeCurrentClass($bnrUL, curPos);

        if (params.showBannersThumb == 0) {
          changeCurrentClass($bnrPage, curPos);
        }

        slide($bnrUL, pos, -(toPos * params.slideBnrWidth), function() {

          // ループ設定で左端の番兵に辿り着いた時、右端に表示を切り替える
          if (isClone) {
            $bnrUL.css({'left': -(params.slideBnrWidth * (toPos+_bnrNum))});

          // 左端到達時に前へボタンを非表示にする
          } else if(params.isLoop == 0 && pos < 1) {
            $bnrPrev.addClass('disabled');
            $bnrPrevImg.fadeOut(params.fadeTime);
          }
        });
      }

      /**
       * メインバナー右方向スライド
       */
    , slideBnrNext = function(pos) {

        $bnrPrev.removeClass('disabled');
        var toPos = pos+params.cloneNum-1
        , $to = $bnrUL.find('li:eq('+toPos+')')
        , isClone = (params.isLoop == 1 && $to.hasClass('cloned'))
        , curPos = (isClone)?$to.data('pos'):pos;

        changeCurrentClass($bnrUL, curPos);

        if (params.showBannersThumb == 0) {
          changeCurrentClass($bnrPage, curPos);
        }

        slide($bnrUL, pos, -(toPos * params.slideBnrWidth), function() {

          // ループ設定で右端の番兵に辿り着いた時は左端に表示を切り替える
          if (isClone) {

            var fixNum = pos - _bnrNum -1;
            $bnrUL.css({'left': -(params.slideBnrWidth*(params.cloneNum+fixNum))});

          // 右端到達時に次へボタンを非表示にする
          } else if(params.isLoop == 0 && pos === _bnrNum-1) {
            $bnrNext.addClass('disabled');
            $bnrNextImg.fadeOut(params.fadeTime);
          }
        });
      }

    /**
     * 自動スライド設定時処理
     */
    , slideBnrAuto = function() {

        if (_interval == null && params.isAuto == 1) {

          _interval = setInterval(function() {

            var pos = parseInt($bnrUL.data('pos'), 10);

            if ($bnrUL.is(':animated')) return;

            if (pos <= _bnrNum) {

              changeCurrentThumb($thumbLI.filter('.cur').next());
              slideThmPrev(1);
              slideBnrNext(pos+1);
            }

          }, params.autoSlideTime);
        }
      }

    /**
     * サムネイル右方向スライド
     */
    , slideThmNext = function(pos) {

        if (params.showBannersThumb == 0
          || $bnrUL.is(':animated')) return;

        var nodeSize = $thumbLI.size()-1
        , distance = pos * params.slideThmWidth
        , i = 0;

        for (; i< pos; i++) {
          $thumbUL.prepend($thumbLI.filter(':eq('+(nodeSize-i)+')').clone());
        }

        slide($thumbUL.data('pos', pos)
            .css('left', '-='+distance+'px')
          , pos, '+=' + distance + 'px'
          , function() {
            var i = 0;
            for (; i< pos; i++) {
              $thumbLI.filter(':last').remove();
              $thumbLI = $thumbUL.find('li');
            }
          })
      }

    /**
     * サムネイル左方向スライド
     */
    , slideThmPrev = function(pos) {

        if (params.showBannersThumb == 0
          || $bnrUL.is(':animated')) return;

        var distance = pos * params.slideThmWidth
        , i = 0;

        for (; i< pos; i++) {
          $thumbUL.append($thumbLI.filter(':eq('+i+')').clone());
        }

        slide($thumbUL.data('pos', pos)
          , pos, '-=' + distance + 'px'
          , function() {
            var i = 0;
            for (; i< pos; i++) {
              $thumbLI.filter(':first').remove();
              $thumbLI = $thumbUL.find('li');
              $thumbUL.css('left', '+=' + (params.slideThmWidth));
            }
          })
      }

    /**
     * ループ処理で使用する番兵を設定する
     */
    , increaseClone = function() {

        if (params.isLoop == 0) return;

        for (var i=0; i<params.cloneNum; i++) {
          $bnrUL 
            .prepend($bnrUL.find('li:not(.cloned):eq('+($bnrLI.size()-(i+1))+')').clone().attr('data-num', i).removeClass().addClass('cloned'))
            .append($bnrUL.find('li:not(.cloned):eq('+i+')').clone().attr('data-num', i).removeClass().addClass('cloned'))
          // ULタグの幅に番兵分を追加する
            .css({
              'left'  : '-=' + (params.bannerWidth + params.bannerMargin)
            , 'width' : '+=' + ((params.bannerWidth + params.bannerMargin) * 2)
            });
        }

        // 番兵を追加したため再キャッシュする
        $bnrLI = $bnrUL.find('li');
      }


    return this.each(function() {

      initDomReady(params);

    });
  };

  $.fn.PRBanner.defaults = {
    'autoSlideTime'   : 4000
  , 'showBannersThumb'  : 0
  , 'bannerWidth'   : 980
  , 'bannerHeight'    : 320
  , 'bannerMargin'    : 20
  , 'slideBnrWidth'   : null
  , 'thumbWidth'    : 180
  , 'thumbHeight'   : 48
  , 'thumbMargin'   : 12
  , 'slideThmWidth'   : null
  , 'fadeTime'      : 200 
  , 'duration'      : 800
  , 'isLoop'      : 1
  , 'isAuto'      : 1
  , 'level'       : 1
  , 'cloneNum'      : 0
  , 'easing'      : 'easeInOutQuad'
  };

})(jQuery);