/*
 ## wrFadeSlide Plug-in ##
 @name : WebsRe Fade Slide Plug-In
 @version : 1.0
 @date : 2017-04-13
 @author : Park Soo Hyun (shpark7502@naver.com)
 * 본 스크립트는 웹스리퍼블릭의 저작물로 무단으로 도용 또는 복사, 수정 사용시 법적 처벌을 받을 수 있습니다.
*/
(function($) {
 $.fn.wrFadeSlide = function(options) {
  return this.each(function() {
   var opts = $.extend({paging: true, autoplay: true, interval: 3000}, options);
   var _this = $(this);
   var $elem = _this.find('.imgList').children();
   var $first = 1,
    $last = _this.find('.imgList').children().eq(-1).data('index'),
    $count = _this.find('.imgList').children().length;
   var $fadeTimer;
   var $fadeDelay = opts.interval;
   // 이미지 리스트 페이드 함수
   function fadeImage(index) {
    var $active = _this.find('.imgList > li.active');
    var $currIndex = $active.data('index');
    var $control = _this.find('.control').children();
    var $next;
    if(!index) {  // index 인자가 정의되지 않았을 경우
     $next = _this.find('.imgList > li[data-index=' + ($currIndex + 1) + ']').length ? _this.find('.imgList > li[data-index=' + ($currIndex + 1) + ']') : _this.find('.imgList > li[data-index=' + $first + ']');
    } else {   // index 인자가 정의되어 있을 경우
     $next = _this.find('.imgList > li[data-index=' + index + ']');
    }
    if(!$elem.is(':animated')) {
     if($active.data('index') != $next.data('index')) {
      var $paging = _this.find('.pagination').children();
      $active.addClass('active-last');
      $paging.removeClass('on');
      $paging.eq($next.data('index') - 1).addClass('on');
      $control.removeClass('on');
      $control.eq($next.data('index') - 1).addClass('on');
      $next.css('opacity','0').addClass('active').animate({opacity:'1'}, 400, function() {
       $active.removeClass('active-last active');
      });
     }
    }
   }
   // 페이지네이션 생성
   function pagingInit() {
    if(opts.paging == true) {
     var item = "<li></li>";
     _this.append('<ul class="pagination"></ul>');
     for(i=0; i<$count; i++) {
      _this.find('.pagination').append(item);
     }
     _this.find('.pagination > li:first').addClass('on');
    }
   }
   // 자동 페이드 정지
   function clearTimer() {
    clearInterval($fadeTimer);
   }
   // 페이지네이션 클릭시
   _this.on('click', '.pagination > li', function() {
    if(!$elem.is(':animated')) {
     var $index = $(this).index() + 1;
     if(opts.autoplay == true) {
      clearTimer();
      $fadeTimer = setInterval(function() { fadeImage() }, $fadeDelay);
     }
     fadeImage($index);
    }
   });
   // 컨트롤 버튼 클릭시
   _this.find('.control > li').click(function() {
    if(!$elem.is(':animated')) {
     var $index = $(this).index() + 1;
     if(opts.autoplay == true) {
      clearTimer();
      $fadeTimer = setInterval(function() { fadeImage() }, $fadeDelay);
     }
     fadeImage($index);
    }
   });
   pagingInit();
   // 자동재생 활성화되어 있을 경우
   if(opts.autoplay == true) $fadeTimer = setInterval(function() { fadeImage() }, $fadeDelay);
  });
 }
})(jQuery);