/*********************************************************************************
플러그인 : jquery.dbNavi2DMove.js (ver 1.0)
제작자 : Copyright ⓒ 2012 by 디자인블랙(http://designblack.com) 
라이센스 : 도메인라이센스
기타 : 기술문서, 사용법 및 라이센스는 홈페이지를 참고하세요
       문서정보는 수정하거나 삭제 할 수 없습니다
*********************************************************************************/
;(function($){
	$.fn.dbNavi2DMove=function(options){
		//옵션값
		var opt={
			pageNum:null,           //페이지인식(메인메뉴)
			subNum:null,            //페이지인식(서브메뉴)
			motionType:'none',      //모션타입(fade,slide,none)
			motionSpeed:150,        //모션속도(밀리초)
			moveHeight:-21,         //이동높이값
			moveSpeed:200,          //스피드
			delayTime:100           //메뉴 아웃 딜레이시간(밀리초)
		};
		$.extend(opt,options);
		return this.each(function(){
			var $this=$(this);
			var $mainList=$this.find('.dMain');
			var $subList=$mainList.find('.dSub');
			var listNum=$mainList.length;	
			var fixMain=opt.pageNum-1;		
			var fixSub=opt.subNum-1;
			var currentMain=fixMain;
			var currentSub=fixSub;
			var timerId;
			init();

			function init(){
				setCss();
				setSwapInfo();
				setMouseEvent();
				setAnimation();
			}
			
			//out,over data정보담기
			function setSwapInfo(){
				//img
				var _img=$this.find('img');
				for(var i=0;i<_img.length;i++){
					var _mc=_img.eq(i);					
					_mc.data('out_img',_mc.attr('src'));
					if(String(_mc.data('out_img')).search('_off')!=-1){
						_mc.data('over_img',_mc.data('out_img').replace('_off','_on'));						
					}
				}
			}
			
			//css
			function setCss(){
				$mainList.find('>a').css({position:'relative'})
				$mainList.find('>a>img').css({position:'relative'});
				if($mainList.find('>a>img').css('top')=='auto'){
					$mainList.data('startY',0);
				}else{
					$mainList.data('startY',$mainList.find('>a>img').css('top'));
				}

				$mainList.find('ul').hide();
				
			}
			
			//event
			function setMouseEvent(){
				$this.bind('mouseenter',function(){
					clearTimeout(timerId);
				});
				$this.bind('mouseleave',function(){
					timerId=setTimeout(setAnimation,opt.delayTime);
				});				
				$mainList.bind('mouseenter keyup',function(){
					currentMain=$(this).index();
					if(currentMain!=fixMain){
						currentSub=null;
					}						
					setAnimation();
				});
				$mainList.bind('mouseleave',function(){
					if(currentMain!=fixMain){
						currentSub=fixSub;
					}
					currentMain=fixMain;
				});
				$subList.bind('mouseenter keyup',function(){
					currentSub=$(this).index();
					setAnimation();					
				});
				$subList.bind('mouseleave',function(){
					var _currentMain=$(this).parents('.dMain').index();	
					if(_currentMain==fixMain){
						currentSub=fixSub;
					}else{
						currentSub=null;
					}
				});
			}

			function setAnimation(){		
				for(var i=0;i<listNum;i++){
					var _mc=$mainList.eq(i);
					if(currentMain==i){
						_mc.find('>a>img').stop(true,true).animate({top:opt.moveHeight},opt.moveSpeed);						
						switch(opt.motionType){
							case 'fade':
								_mc.find('>ul').stop(true,true).fadeIn(opt.motionSpeed);
								break;
							case 'slide':
								_mc.find('>ul').stop(true,true).slideDown(opt.motionSpeed);
								break;
							default:
								_mc.find('>ul').show();
						}				
											

						//서브						
						for(var k=0;k<_mc.find('.dSub').length;k++){
							var _subA=_mc.find('.dSub').eq(k).find('a');
							if(currentSub==k){							
								_subA.addClass('select');
								var _subImg=_subA.find('img');					
								if(_subImg){
									swapImg(_subImg,_subImg.data('over_img'));
								}
							}else{
								_subA.removeClass('select');
								var _subImg=_subA.find('img');					
								if(_subImg){
									swapImg(_subImg,_subImg.data('out_img'));
								}
							}
						}
						
						
					}else{
						_mc.find('>a>img').stop(true,true).animate({top:$mainList.data('startY')},opt.moveSpeed);				
						switch(opt.motionType){
							case 'fade':
								_mc.find('ul').stop(true,true).fadeOut(opt.motionSpeed/2);
								break;
							case 'slide':
								_mc.find('ul').stop(true,true).slideUp(opt.motionSpeed/2);
								break;
							default:
								_mc.find('ul').hide();
						}					
					}
				}
			}
			
			//on,off교체
			function swapImg(_mc,_arg){
				if(_arg){
					_mc.attr('src',_arg);					
				}				
			}

		})			
		
	}			
})(jQuery)