var myHeader;

$(document).ready(function() {
	myHeader = new header( $("#header") );
	myHeader.init();
	//myHeader.quickOpenClose();
});

function header( targetStage ){

	//var headerStage = targetStage;
	var myQuickService = new Object;
	var myTabMenu = new Object;
	//ÃʱâÈ­ ÇÔ¼ö
	this.init = function(){
		//gnb
		myGnb = new gnb( targetStage );
		myGnb.xmlPath = "http://bdmp-007.cafe24.com/bizdemo10774/img/link.xml";
		myGnb.init();
		//ºü¸¥ ¼­ºñ½º
		myQuickService = new quickService( targetStage );
		//ÅÜ ¸Þ´º
		myTabMenu = new tabMenu( targetStage );
	};
	
	//¿ÜºÎ Á¢±Ù ÇÔ¼ö/////////////////////////////////////////////////////////////////////////////////////////////////////////////
	this.setScheduleBtn = function(){
		myQuickService.setBtn();
	};
	
	this.resetList = function(i){
		myTabMenu.resetList(i);
	};
	
	//gnb //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
	///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
	function gnb( targetStage ){
		this.xmlPath;
		
		var gnbStage = targetStage.find('#mNav');
		var subMenu = targetStage.find( '.menuList' );
		var subMenuBg = targetStage.find('.bgMenuList');
		var arrObj = gnbStage.find(".arr>span");
		
		var menuHeight = subMenuBg.height() + 59;
		var isMobile = false;
		
		var timerNum = 0;
		var depth1Num = -1;
		
		this.init = function(){
			chsckMobile();
			xmlLoad( this.xmlPath );
			subMenuBg.css("height","0px");
		};
		//xml·Îµå 
		function xmlLoad( path ){
			$.ajax({
				type:'get'
				,dataType:'xml'
				,url:path
				,success:function(xml){
					//menuData = $( xml );
					//ÇöÀç À§Ä¡¸¦ ã¾Æ³¿
					currenrLocation( xml );
					//À̺¥Æ® ºÎ¿©
					addEvent();
					//Ãʱ⠸޴º ¿ÀÇÂ
					menuOpen( depth1Num );
				}
				,error:function(xhr, status, error ){
					alert( error );
				}
			});
		}
		//PC, ¸ð¹ÙÀÏ Ã¼Å©
		function chsckMobile(){
			var mobileKeyWords = new Array('iPhone', 'iPod', 'BlackBerry', 'Android', 'Windows CE', 'LG', 'MOT', 'SAMSUNG', 'SonyEricsson');
			for (var word in mobileKeyWords){
				if (navigator.userAgent.match(mobileKeyWords[word]) != null){
					isMobile = true;
					break;
				}
			}
		}
		//ÇöÀç À§Ä¡ Ãßô
		function currenrLocation(xml){
		
			//ÇöÀç URL°ú xml»óÀÇ URLÀ» ºñ±³ °ªÀ» ã´Â´Ù.
			var address = String( location.href ).split("index.html");
			address = address.slice( 3,  address.length );
			address.pop();
			//address.join();

			$(xml).find('menus').children().each( function( i ){
				//depth1
				if( address[0] == hrefString( $(this ) )[0] ){
					depth1Num = i;
				}
			});
		}

		function hrefString( obj ){
			var arr;
			//var str;

			arr = String( obj.attr('href')).split("index.html");
			arr.pop();
			arr.shift();

			//str = arr.join();
			return arr;
		}

		//À̺¥Æ® ºÎ¿©
		function addEvent(){
			
			gnbStage.bind( 'mouseenter', function(){
				stopTimer();
			});
			
			gnbStage.bind( 'mouseleave', function(){
				startTimer();
			});
			
			//subMenuBg.bind( 'mouseenter', function(){
				//stopTimer();
			//});
			
			//subMenuBg.bind( 'mouseleave', function(){
				//startTimer();
			//});

			//2depth Menu titleÈ°¼ºÈ­
			subMenu.each(function(i){

				var sub = $(this);
				sub.bind( 'mouseenter', function(){
					$(this).find('.tit').addClass('on');
				});
				
				sub.bind( 'mouseleave', function(){
					$(this).find('.tit').removeClass('on');
				});
				
				sub.find("a").each(function(i){
					var btn = $(this);
					btn.bind('focusin', function(event){
						//¼­ºê ¿ÀÇÂ
						stopTimer();
					});

					btn.bind('focusout', function(event){
						//¼­ºê ¾Æ¿ô
						startTimer();
					});
				});
			});
			
			gnbStage.find( '.clfix' ).children().each(function(i){
				
				var btn = $(this).children().eq(0);
				//console.log(btn)
				//var depth1URL = menuData.find('menus').children().eq(i).attr('href');

				btn.bind('mouseover', function(event){
					//¼­ºê ¿ÀÇÂ
					if( !isMobile ){
						openSubMenu();
						menuOpen( i );
					}
				});

				btn.bind('mouseout', function(event){
					//¼­ºê ¾Æ¿ô
				});
				
				btn.bind('focusin', function(event){
					//¼­ºê ¿ÀÇÂ
					if( !isMobile ){
						openSubMenu();
						menuOpen( i );
						stopTimer();
					}
				});

				btn.bind('focusout', function(event){
					//¼­ºê ¾Æ¿ô
					startTimer();
				});

				btn.bind('click', function(event){
					//location.href = depth1URL;
					//¸ð¹ÙÀÏÀÏ °æ¿ì ¼­ºê¸¦ Çѹø ¿ÀÇÂÇØ ÁØ´Ù.. ( ±× ÈÄ HTML¿¡ °É·ÁÀÖ´Â ¸µÅ© °í°í )
					if( isMobile ){
						if(  subMenu.css('display') == "none" ){
							openSubMenu();
							menuOpen( i );
							event.preventDefault();
						}else{

						}
					}
				});				
			});
		}
		
		function menuOpen( id ){
			gnbStage.find( '.clfix' ).children().each(function(i){
				var btn = $(this);
				if( id == i ){
					btn.addClass( 'on' );
				}else{
					btn.removeClass( 'on' );
				}
			});
		}
		
		//BG¿Í ¸Þ´º°¡ ºÐ¸® µÇ¾úÀ¸¹Ç·Î subMenuBg¸¦ ±âÁØÀ¸·Î ÄÁÆ®·Ñ ÇØÁØ´Ù.
		function openSubMenu(){

			subMenuBg.css({"display":"block"});
			subMenu.css({'display':"block"});
			
			subMenuBg.stop().animate({"height":menuHeight}, {duration:500,easing:"easeInOutExpo", 
				step:function(){
					var h = parseInt($(this).css("height"));
					var tH = "0px";
					if(parseInt(h) >= 59)tH = (h - 59) + "px";
					subMenu.css({"height":tH});
				},
				complete:function(){
					var h = parseInt($(this).css("height"));
					subMenu.css({"height":(h - 59) + "px"});
				}
			});
			arrObj.stop().animate({top:0},{duration:500,easing:"easeOutExpo"});
		}

		function closeSubMenu(){
			
			if(subMenuBg.css("display") == "none")subMenuBg.css({"display":"block"});
			subMenuBg.stop().animate({"height":0}, {duration:500,easing:"easeInOutExpo", 
				step:function(){
					var h = parseInt($(this).css("height"));
					var tH = (h - 59) + "px";
					if(h - 59 < 0 )tH = "0px";
					subMenu.css({"height":tH});
				},
				complete:function(){
					subMenu.css({'display': "none","height":"0px"});
					subMenuBg.css({"display":"none"});
				}
			});
			arrObj.stop().animate({top:10},{duration:500,easing:"easeInExpo"});
		}

		function startTimer(){
			stopTimer();
			timerNum = setInterval(currentMenu , 100 );
		}
		
		function currentMenu(){
			menuOpen( depth1Num );
			closeSubMenu();
			stopTimer();
		}

		function stopTimer(){
			clearInterval( timerNum );
		}
	}

	//ºü¸¥ ¼­ºñ½º ¸Þ´º //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
	//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
	function quickService( targetStage ){
		
		//Æ˾÷µé ºÐ¾ç °èȹ, ºü¸¥ ¼­ºñ½º
		var quickStage = targetStage;
		var popups = [quickStage.find( '.salePlan' ), quickStage.find( '.quickService' ) ];
		var menus = quickStage.find( '.serviceList>ul' ).children();
		var timerNum = 0;
		var currentNum = -1;

		this.setBtn = function(){
			setScheduleBtn();
		};

		//¹öÆ° set
		menus.each( function(i){
			//¹öÆ° À̺¥Æ®
			$(this).find("a").eq(0).bind( 'click', function(event){
				if(currentNum != i){
					openClosePopup( i );
				}else{
					openClosePopup( -1 );
				}
				if( i == 1 )event.preventDefault();
			});
			
			$(this).find("a").eq(0).bind( 'focusin', function(event){
				if(i<2)stopTimer();
			});
			
			$(this).find("a").eq(0).bind( 'focusout', function(event){
				if(i<2)startTimer();
			});
		});

		menus.bind('mouseenter', function(e){
			stopTimer();
		});

		menus.bind('mouseleave', function(e){
			startTimer();
		});
		
		//±âº» Æ˾÷ ¹öÆ° ¼Â
		for( var i =0; i<popups.length; i++){
			
			var popCon = popups[i];

			if( i == 0 ){
				popCon.find( '.close' ).bind('click',function(){
					openClosePopup(-1);
				});
			}
			
			popCon.find("a").bind("focusin",function(){
				stopTimer();
			});
			
			popCon.find("a").bind("focusout",function(){
				startTimer();
			});
		}
		
		//Æ˾÷ ¼ÂÆÃ
		function setScheduleBtn(){
			
			var mySchedule = popups[0];
			
			mySchedule.find("a").each(function(i){
				
				var btn = $(this);
				
				if(!btn.hasClass("close")){
				
					btn.bind("focusin",function(){
						stopTimer();
					});
					
					btn.bind("focusout",function(){
						startTimer();
					});
				
				}
			});
		}
		
		//Æ˾÷ ¿ÀÇÂ
		function openClosePopup( id ){
			
			for( var i = 0; i<popups.length; i++){

				var pop = popups[i];
				
				if( id == i ){
					if(pop.css("display") == "none")pop.stop().slideDown({duration:500,easing:"easeInOutExpo"});
				}else{
					if(pop.css("display") != "none")pop.stop().slideUp({duration:500,easing:"easeOutExpo"});
				}
			}
			
			currentNum = id;
		}

		function startTimer(){
			timerNum = setInterval(currentMenu , 300 );
		}
		
		function currentMenu(){
			openClosePopup (-1);
			stopTimer();
		}

		function stopTimer(){
			clearInterval( timerNum );
		}
	}

	//ÅÜ ¸Þ´º //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
	//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
	function tabMenu( targetStage ){
		//
		var tabStage = targetStage;
		var popup = tabStage.find( '.mainAround' );
		var quickMenuDream = tabStage.find('#quickMenu').find('.quick01>a');
		var quickMenus = tabStage.find('#quickMenu').find('.quick02>a');
		var rollList = tabStage.find( '.aroundList' ).find('.repeat');
		var currentNum = -1;
		var startPos = 39;
		var rollListNum = 0;
		var listLen = 0;

		//µ¥ÀÌÅÍ ·Îµå½Ã ¸®¼Â 
		this.resetList = function(i){
			setList();
			setMenu(i);
			openPopup();
			showList(i);
			setFocusEvent(i);
			currentNum = i;
		};
		
		setList();
		addEvent();
		showList(-1);
		
		quickMenuDream.each( function( i ){
			var btn = $(this);
			
			btn.bind('mouseover', function(event){
				setMenuDream( i );
			});

			btn.bind('mouseout', function(event){
				setMenuDream( currentNum );
			});
			
			btn.bind('click', function(event){				
				//setList();
			});
		});
		
		
		quickMenus.each( function( i ){
			var btn = $(this);
			
			btn.bind('mouseover', function(event){
				setMenu( i );
			});

			btn.bind('mouseout', function(event){
				setMenu( currentNum );
			});
			
			btn.bind('click', function(event){				
				//setList();
			});
		});
		
		function showList(id){

			for(var i=0; i<2; i++){
				
				var page = targetStage.find("#mainAround0"+(i+1));
				
				if(id == i){
					page.css("display","block");
				}else{
					page.css("display","none");
				}
			}
		}
		
		//·Ñ¸µ À̹ÌÁö ÃʱâÈ­
		function setList(){

			listLen = rollList.eq(currentNum).find('li').length - 5;
			
			if( listLen < 0)listLen = 0;
			
			if( listLen == 0 ){
				popup.find( '.prev' ).css({'display':'none'});
				popup.find( '.next' ).css({'display':'none'});
			}else{
				popup.find( '.prev' ).css({'display':'block'});
				popup.find( '.next' ).css({'display':'block'});
			}
			
			rollListNum = 0;
			rollList.css("left",startPos + "px");
		}

		function addEvent(){
			//Æ˾÷ ¼ÂÆà ´Ý±â, ´ÙÀ½, ÀÌÀü ¹öÆ°
			popup.find( '.close' ).bind( 'click', function( event ){
				setMenu( -1 );
				closePopup();
				currentNum = -1;
				event.preventDefault();
			});

			popup.find( '.prev' ).bind( 'click', function( event ){
				rollListNum--;
				if( rollListNum < 0 )rollListNum = 0;
				listMove();
				event.preventDefault();
			});
			
			popup.find( '.next' ).bind( 'click', function( event ){
				rollListNum++;
				if( rollListNum > listLen)rollListNum = listLen;
				listMove();
				event.preventDefault();
			});
			//rollList.css({'position':'absolute'});
			/*
			rollList.each( function(i){
				var listObj = $(this);
				//listObj.css({'position':'absolute','left':(196 * i) + 'px', 'z-index':'98999'});
			})
			*/
		}
		
		function setFocusEvent(id){
			
			var myList = rollList.eq(id).find(".thum");
			//IE, FireFox¿¡¼­ clickÀÌ ÀÛµ¿Çϱâ Àü focusin À̺¥Æ® ¹ß»ý ¹®Á¦·Î 
			//focusÀ̺¥Æ®¸¦  mouse over½Ã¿¡ À̺¥Æ® »èÁ¦, mouse out½Ã¿¡ À̺¥Æ® µî·ÏÀ» ÇÑ´Ù.
			myList.each(function(i){
				
				$(this).data("id",i);
				
				$(this).bind("focusin",{"id":i}, focusinHandler);
				
				$(this).bind( 'mousedown', function( event ){
					$(this).unbind( 'focusin' );
				});
				
				$(this).bind( 'mouseup', function( event ){
					$(this).bind("focusin",{"id":$(this).data("id")}, focusinHandler);
				});
			});
			
			function focusinHandler(event){
				var i = event.data.id;
				
				rollListNum = i;
				if( rollListNum > listLen)rollListNum = listLen;
				listMove(true);
			}
		}
		
		//¸®½ºÆ® À̵¿
		function listMove(noMotion){
			if(noMotion == undefined)rollList.eq(currentNum).animate({'left':(196 * - rollListNum)+startPos}, { duration:300, easing:"easeInOutCubic"});
			else rollList.eq(currentNum).css("left", ((196 * - rollListNum)+startPos)+"px");
		}
		
		//Åܸ޴º ¼ÂÆÃ(¿À¸¥ÂÊ ¾ÆÀÌÄÜ À̹ÌÁö »ö±ò º¯°æÇÏ´Â ºÎºÐ_¸¶À̵帲ÇϿ콺)
		function setMenuDream( id ){
			for( var i = 0; i<quickMenuDream.length; i++){
				var menu = quickMenuDream.eq(i);
				
				if( id == i ){
					menu.addClass('on');
				}else{
					menu.removeClass('on');
				}
			}
		}
				
		//Åܸ޴º ¼ÂÆÃ(¿À¸¥ÂÊ ¾ÆÀÌÄÜ À̹ÌÁö »ö±ò º¯°æÇÏ´Â ºÎºÐ_³»ÁÖº¯´ÜÁö...)
		function setMenu( id ){
			for( var i = 0; i<quickMenus.length; i++){
				var menu = quickMenus.eq(i);
				
				if( id == i ){
					menu.addClass('on');
				}else{
					menu.removeClass('on');
				}
			}
		}
		
		//
		function openPopup(){
			//$('#quick').css({'background-color':'#f7fbfc'});
			tabStage.animate({"height":"395"}, {duration:500,easing:"easeOutCubic"});
		}

		function closePopup(){
			tabStage.animate({"height":"118"}, {duration:500,easing:"easeOutCubic", complete:function(){
				showList(-1);
			}});
		}
	}
}