/* 
## 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);