/*********************************************************************************
플러그인 : jquery.DB_slideStepMove.js
제작자 : Copyright ⓒ 2012 by 디자인블랙(http://designblack.com) 
라이센스 : 도메인라이센스
기타 : 기술문서, 사용법 및 라이센스는 홈페이지를 참고하세요
       문서정보는 수정하거나 삭제 할 수 없습니다
*********************************************************************************/
;(function($){
	$.fn.DB_slideStepMove=function(options){
		var opt={
			motionDirection:'x',       //모션방향('x','y','none')			
			moveDistance:50,           //이동거리
			moveSpeed:300,             //이동속도
			autoRollingTime:5000,      //자동롤링시간(밀리초)
			end:null
		}
		$.extend(opt,options);
		return this.each(function(){
			var $this=$(this);
			var $moveSet=$this.find('.DB_moveSet');			
			var $imgList=$moveSet.find('>li');
			var $nextBtn=$this.find('.DB_nextBtn');
			var $prevBtn=$this.find('.DB_prevBtn');
			var $pageSet=$this.find('.DB_pageSet');
			var pageSetIs=$pageSet.length;
			if(pageSetIs){
				var $currentPage=$pageSet.find('.DB_currentPage');
				var $totalPage=$pageSet.find('.DB_totalPage');
				var currentPage=0;
			}
			var objNum=$imgList.length;
			var moveCount=0;
			var dir='next';
			var imgArr=[];  
			var reClick=1;
			var timerId;
			init();

			function init(){
				setInit();
				setMouseEvent();
				setTimerId();
				setPage();
			}
			
			function setInit(){
				for(var i=0;i<objNum;i++){
					var imgList=$imgList.eq(i);
					imgArr[i]=imgList;
					imgArr[i].data('pos',opt.moveDistance*i);
					if(opt.motionDirection=='y'){
						imgList.css({position:'absolute',top:opt.moveDistance*i});
					}else{
						imgList.css({position:'absolute',left:opt.moveDistance*i});
					}
				}
				//
				$moveSet.css({position:'absolute'});
			}
			
			function setMouseEvent(){
				$this.bind('mouseenter',function(){
					clearInterval(timerId);
				}).bind('mouseleave',function(){
					setTimerId();
				});
			
				$nextBtn.bind('click',function(){
					if(reClick){
						reClick=0;
						dir='next';
						setAnimation();						
					}
				})

				$prevBtn.bind('click',function(){
					if(reClick){
						reClick=0;
						dir='prev';
						setAnimation();
						
					}
				})
				
			}
			
			function setAnimation(){
				switch(opt.motionDirection){
					case 'x':
						if(dir=="next"){
							moveCount--;		
						}else{
							moveCount++;
							var _pos=imgArr[0].data('pos')-opt.moveDistance;
							imgArr[objNum-1].data('pos',_pos);
							imgArr[objNum-1].css({left:_pos});
							imgArr.unshift(imgArr.pop());
						}
						$moveSet.stop().animate({left:opt.moveDistance*moveCount},opt.moveSpeed,function(){	
							reClick=1;
							//애니메이션 종료후 위치변경
							if(dir=="next"){ 			
								var _pos=imgArr[objNum-1].data('pos')+opt.moveDistance;
								imgArr[0].data('pos',_pos);
								imgArr[0].css({left:_pos});							
								imgArr.push(imgArr.shift());			
							}
							setPage();
						})
					break;
					case 'y':
						if(dir=="next"){
							moveCount--;			
						}else{
							moveCount++;					
							var _pos=imgArr[0].data('pos')-opt.moveDistance;
							imgArr[objNum-1].data('pos',_pos);
							imgArr[objNum-1].css({top:_pos});
							imgArr.unshift(imgArr.pop());
					
						}
						$moveSet.stop().animate({top:opt.moveDistance*moveCount},opt.moveSpeed,function(){	
							reClick=1;
							//애니메이션 종료후 위치변경
							if(dir=="next"){  
								var _pos=imgArr[objNum-1].data('pos')+opt.moveDistance;
								imgArr[0].data('pos',_pos);
								imgArr[0].css({top:_pos});							
								imgArr.push(imgArr.shift());							
							}
							setPage();

						})
					break;
					default:
						if(dir=="next"){
							moveCount--;
							var _pos=imgArr[objNum-1].data('pos')+opt.moveDistance;
							imgArr[0].data('pos',_pos)
							imgArr[0].css({left:_pos});							
							imgArr.push(imgArr.shift());	
						}else{
							moveCount++;
							var _pos=imgArr[0].data('pos')-opt.moveDistance;
							imgArr[objNum-1].data('pos',_pos)
							imgArr[objNum-1].css({left:_pos});
							imgArr.unshift(imgArr.pop());
						}
						$moveSet.css({left:opt.moveDistance*moveCount})
						reClick=1;
						setPage();
					break;
				}
			}			

			function setTimerId(){
				timerId=setInterval(setAnimation,opt.autoRollingTime);
			}
			
			function setPage(){
				if(pageSetIs){
					if(dir=='next'){
						currentPage=currentPage==objNum?1:++currentPage;	
					}else{
						currentPage=currentPage==1?objNum:--currentPage;
					}
					$currentPage.text(currentPage);
					$totalPage.text(objNum)
				}
			}

		})			
				
	}			
})(jQuery)