function over_img(img,n){

	var hover = "_"+n;
	if (img.hasClass("on") == false && img.find("img").length > 0){
		menuimg = img.find("img");

		if (menuimg.attr("src").indexOf(".jpg") > 0){
			menuimg_type = ".jpg";
		}else if (menuimg.attr("src").indexOf(".gif") > 0){
			menuimg_type = ".gif";
		}else if (menuimg.attr("src").indexOf(".png") > 0){
			menuimg_type = ".png";
		}


		menuimg_src = menuimg.attr("src").split("_off")[0];
		menuimg_src = menuimg_src.split("_on")[0];
		menuimg_src = menuimg_src.split("_select")[0];
		menuimg.attr("src",menuimg_src+hover+menuimg_type);
	}
}

// Gnb
function gnbUI(){
	var el, timeoutID, header;
	
	el = $('#gnb');
	header = $('#header');
	timeoutID = null;

	if(el.lenght <= 0){
		return;
	}
	
	bindEvents();

	function bindEvents(){

		el.find('.depth1 > li > a').on('mouseenter focusin', function(){
			header.addClass('hover');
			$(this).closest('li').addClass('on');
			$(this).next('.depth2').show();
		});

		el.find('.depth1 > li').on('mouseleave', function(){
			header.removeClass('hover');
			$(this).removeClass('on');
			$(this).find('.depth2').hide();
		});

		el.on({
			mouseleave : function(){
				timeoutID = setTimeout( function(){ 
					el.find('.depth2').hide();
					el.find('.depth1 > li').removeClass('on');
					header.removeClass('hover');
				}, 10);
			},
			mouseenter : function(){
				clearTimeout( timeoutID );
			}
		});

		
	}
}

// 레이어 팝업
function gfnOpenLayer(popupContent, _this){
	var settings = {
		position : 'absolute',
		minHeight : '100%',
		top : 0,
		opacity : 0,
		y : 0
	}

	TweenMax.set(popupContent, settings);

	popupContent.show();

	// 썸네일 팝업 일경우
	if(popupContent.hasClass('popThumbnail')){
		var thisTarget = $(window.focusBtn);
		var win = $(window);
		var winH_Half = win.height() / 2;
		var thumbLayerH_Half = popupContent.find('.popCont').height() / 2;

		var sct = win.scrollTop() + winH_Half - thumbLayerH_Half;

		popupContent.find('.layerPopArea').css({
			top : sct
		});
		
		// 레이어 썸네일 비율
		var ratio = 1080 / 679;
		var thumbW = $('.photoSlide').find('p img').width();
		var thumbH = $('.photoSlide').find('p img').height();
		var thumbRatio = thumbW / thumbH;

		if(ratio > thumbRatio){
			$('.photoSlide').find('p img').addClass("vertical");
		}
	}

	// 개인정보처리방침
	if(popupContent.hasClass('popPrivacy')){
		$('body').addClass('bodyHidden');
	
	}

	TweenMax.to(popupContent, 0.4, {
		opacity : 1,
		y : 0,
		onComplete : function() {
			popupContent.css({
				transform : 'initial'
			});
		}
	});

	popupContent.find('.layerPopArea').attr('tabIndex' , -1).focus();

	// 레이어 닫기
	popupContent.find('.btnLayerClose').off('click.closeEvent').on('click.closeEvent', function(e){
		e.preventDefault();
		$(this).closest(popupContent).hide();

		$('body').removeClass('bodyHidden');

		if(window.focusBtn){
			window.focusBtn.focus();
		}
	});
}

// 메인 섹션 이동
function mainUI(){
	var el = $('.wrap');
	var $section = el.find(".section");
	var delta = 200;
	var H;
	var rtime = new Date(1, 1, 2000, 12,00,00);
	var timeout = false;
	var scrolltop;
	var section1top;
	var timeNull = null;

	if(el.length <= 0){
		return;
	}

	bindEvents();

	resize(true);

	function bindEvents(){
		winH();
		scrollReady = true;
		setupScrollHandler();
	}

	//윈도우 리사이즈
	$(window).resize(function () {
		rtime = new Date();
		if (timeout === false) {
			timeout = true;
			setTimeout(resizeend, delta);
		}
		resize();
	});

	function resizeend() {
		if (new Date() - rtime < delta) {
			setTimeout(resizeend, delta);
		}
		else {
			timeout = false;
			sectionScroll();
			H = $('.visual').height();
		}
	}

	function winH(){
		H = $('.visual').height();
	}


	// resize scroll오차
	function sectionScroll(){
		var visualH = $('.visual').height();
		scrolltop = $(window).scrollTop();
		var newScroll = H - visualH;

		if(scrolltop >= H){
			$("html, body").stop().animate({scrollTop: scrolltop - newScroll }, 0);
		}
	}

	var wheelLock = false;
	function setupScrollHandler() {
		$(".wrap").on("mousewheel", function(delta, aS, aQ, deltaY){
			if ( wheelLock ) return false;

			scrolltop = $(window).scrollTop();
			section1top = $('.section.sec01').offset().top;

			if (deltaY > 0) { // 위로
				scrollPrev();
				clearTimeout(timeNull);
				$('.section').not('.sec01').removeClass('on');
				if(!scrollReady) return false;
			} else { // 아래로
				scrollNext();
				if(!scrollReady) return false;
			}
		});

		$('.main .visual .arr').on('click' , function(e){
			e.preventDefault();
			
			$('.wrap').trigger('mousewheel', 1);
		});
	}

	function scrollPrev() {
		if( scrolltop <= section1top+1  && scrollReady == true ) {
			performScroll(0,1);
			$('.section.sec01').removeClass('on');
		}
	}

	function scrollNext() {
		if( scrolltop == 0 && scrollReady == true ) {
			performScroll(H,0);
		}
	}

	function performScroll(newYPos,newOpa) {
		scrollReady = false;
		$("html, body").stop().animate({scrollTop: newYPos },350,
			function(){
				if(newOpa == 0){
					console.log('down');
					$('.section.sec01').addClass('on');
					
					// 비쥬얼이 영상일때 일시정지
					$('.visual > ul li').filter('.video').find("video").each(function(){
						this.pause();
					});
				}
				else{
					console.log('up');
					
					// 비쥬얼이 영상일때 play
					$('.visual > ul li.on').filter('.video').find("video").each(function(){
						this.play();
					});
				}
				scrollReady = true;
			}
		)

	}


	//리사이즈
	function resize(first) {
		winW = $(window).width();
		if(winW  <= 1000){
			winW = 1000
		}

		winH = $(window).height();
		if (winH <= 680) {
			winH = 680;
		}

		$('.wrap.main .visual').css({ height: winH });
		$('.wrap.main .lyVideo').css({ height: winH });

		if($('.lyVideo').css('display') == 'block'){
			$('.sectionWrap').css('margin-top' , winH);
		}
		else{
			$('.sectionWrap').css('margin-top' , winH + 30);
		}
	}
}

// 스크롤 섹션 이동
function scrollSubUI(){
	var el = $('.wrap');
	var delta = 200;
	var headerFixedH = 89;
	var subVisual = $('.subVisual');
	var H = subVisual.height() - headerFixedH;
	var rtime = new Date(1, 1, 2000, 12,00,00);
	var scrolltop;
	var subVisualH;

	if(el.hasClass('main') == true){
		return;
	}

	bindEvents();

	function bindEvents(){
		scrollReady = true;
		setupScrollHandler();
	}

	var wheelLock = false;
	function setupScrollHandler() {
		$(".wrap").bind("mousewheel", function(delta, aS, aQ, deltaY){
			if ( wheelLock ) return false;

			scrolltop = $(window).scrollTop();
			subVisualH = subVisual.height();

			if (deltaY > 0) { // 위로
				scrollPrev();
				if(!scrollReady) return false;
			} else { // 아래로
				scrollNext();
				if(!scrollReady) return false;
			}
		});
	}

	function scrollPrev() {
		if( scrolltop <= subVisualH+1  && scrollReady == true ) {
			performScroll(0,1);
		}
	}

	function scrollNext() {
		if( scrolltop == 0 && scrollReady == true ) {
			performScroll(H,0);
		}
	}

	function performScroll(newYPos,newOpa) {
		scrollReady = false;
			
		$("html, body").stop().animate({scrollTop: newYPos },350,
			function(){
				scrollReady = true;
			}
		);
		
	}
}

// scroll UI
function scrollUI(){
	var header, obj;

	header = $('#header');
	obj = $('.btnScrollTop');
	obj2 = $('.btnScrollCounsel');
	
	if(header.length <= 0){
		return;
	}

	bindEvents();

	function bindEvents(){
		$(window).on('scroll', function(){
			var footer = $('#footer'),
				 header = $('#header');
			var subVisual = $('.subVisual'),
				 visual = $('.wrap.main .visual');

			if(subVisual.length > 0){
				if($(this).scrollTop() > subVisual.height() - header.outerHeight()){
					header.addClass('fixed');
				}
				else{
					header.removeClass('fixed');
				}
			}
			else if(visual.length > 0){
				if($(this).scrollTop() > visual.height() - header.outerHeight()){
					header.addClass('fixed');
				}
				else{
					header.removeClass('fixed');
				}
			}

			if($(this).scrollTop() > header.height()){
				obj.show();
				obj2.show();
			}
			else{
				obj.hide();
				obj2.hide();
			}

			if($(window).scrollTop() >= $(document).height() - $(window).height() - footer.height() - 75){
				obj.addClass('nofixed');
				obj2.addClass('nofixed');
			}
			else{
				obj.removeClass('nofixed');
				obj2.removeClass('nofixed');
			}

		}).trigger('scroll');

		obj.on('click', function(e){
			e.preventDefault();
			$('body, html').stop().animate({
				scrollTop : 0
			});
		});

	}
}


// util Language
function languageUI(){
	var el;

	el = $('.bxLanguage');
	
	if(el.lenght <= 0){
		return;
	}

	el.find('.btnLanguage').on('click' , function(e){
		e.preventDefault();

		if($(this).hasClass('on')){
			$(this).removeClass('on');
			$(this).next('ul').stop().slideUp(100);
		}
		else{
			$(this).addClass('on');
			$(this).next('ul').stop().slideDown(100);
		}

		el.find('ul li a').on('click', function(e){
			var text = $(this).text();
			el.find('ul li').removeClass('on');
			$(this).closest('li').addClass('on');

			$(this).closest('ul').prev('.btnLanguage').text(text);
		});
		
		// 타켓이 바깥일 경우
		$(document).off('click.clickLanguage').on('click.clickLanguage', function(e){
			if($(e.target).next('ul').size() == 0){
				el.find('.btnLanguage').removeClass('on');
				el.find('.btnLanguage').next('ul').stop().slideUp(100);
			}
		});
	});
}

// 메인 비쥬얼 슬라이드
function mainVisualSlide(state, dualTime){
	function basicFnc(n, time){
		var $view = $(".visual");
		var $viewUl = $view.find("ul");
		var $viewLi = $viewUl.find("li");
		var $viewImg = $viewLi.find("img");
		var $viewLiL =$viewLi.length;
		var $btnPrev = $view.find("a.btnPrev");
		var $btnNext = $view.find("a.btnNext");
		var winW = $(window).width();
		var cntNumber = 1;
		var rollingtv;
		var isitMove =  false;
		dualTime = time;

		/*무한 롤링 변수*/
		var rollingOpt=n;
		var rollingTo;

		function resizeFnc(){
			var winW = $(window).width() - 60;
			var $viewUl = $view.find("ul");
			var $viewLi = $viewUl.find("li");

			if(winW <= 1200){
				winW = 1200
			}
			$viewLi.width(winW)+"px";
			//TweenMax.set($viewUl, {x : -winW*cntNumber});
			$viewUl.css({left : -winW*cntNumber});
		}

		function basicFnc(){
			var query = [];
			$viewLi.each(function(idx, obj){
				query.push(idx+1);
				for(var i = 0 ; i <= idx ; i++){
					$viewLi.eq(i).attr('data-num' , query[i])
				}
			});

			// dot 생성
			$viewLi.not('.video').each(function(idx, obj){
				var htmlSpan = "<span class='dot'></span>";
				var $viewLiL = $view.find('>ul >li').not('.video').length;

				$(this).find('.obj .txtBox').append('<div class="dotBox"></div');
				for(var i = 0 ; i <= $viewLiL-1 ; i++){
					$(obj).find('.dotBox').append(htmlSpan);
				}
				for(var i = 0 ; i <= idx ; i++){
					$(this).find('.dotBox span').eq(idx).addClass('on');
				}
			});
			
			$viewLi.width(winW);
			$viewLi.eq(0).addClass('on');
			$viewLi.eq(0).clone().appendTo($viewUl);
			$viewLi.eq($viewLiL-1).clone().prependTo($viewUl);
			//TweenMax.set($viewUl, {x : -winW});
			$viewUl.css({left : -winW});

			var $viewImgH = $viewImg.height();
			$view.height($viewImgH);
			$viewLi.height($viewImgH);
			

			// 영상 정지 재생
			if($viewLi.filter('.video').attr('data-num') == 1){
				$viewLi.filter('.video').find("video").each(function(){
					this.play();
				});
			}
			else{
				$viewLi.filter('.video').find("video").each(function(){
					this.pause();
				});
			}
		
		}

		function slideAction(cnt){
			isitMove = true;
			winW = $(window).width() - 60;

			if(winW <= 1200){
				winW = 1200
			}
				
			//TweenMax.to($viewUl , 0.5, {x : -winW*cnt, ease: Power1.easeOut, onComplete : function(){
			//	isitMove = false;
			//	if(cnt > $viewLiL){
			//		cntNumber = 1;
			//		TweenMax.set($viewUl, {x : -winW*cntNumber});
			//	}
			//	else if(cnt <= 0){
			//		cntNumber = $viewLiL;
			//		TweenMax.set($viewUl, {x : -winW*cntNumber});
			//	}
			//	
			//	$view.find('>ul li').removeClass('on');
			//	$view.find('>ul li').eq(cntNumber).addClass('on');
			//
			//	TweenMax.to($viewLi.eq(cntNumber-1), 0.5, {scale : 1, ease: Power2.easeOut});
			//	
			//	// 영상 정지 재생
			//	if($viewLi.filter('.video').attr('data-num') == cntNumber){
			//		$viewLi.filter('.video').find("video").each(function(){
			//			this.play();
			//		})
			//	}
			//	else{
			//		$viewLi.filter('.video').find("video").each(function(){
			//			this.pause();
			//		})
			//	}
			//}});

			$viewUl.stop().animate({
				left : -winW*cnt
			},{
				duration : 700,
				'easing' : 'easeInOutQuart', 
				complete : function(){
					isitMove = false;
					if(cnt > $viewLiL){
						cntNumber = 1;
						$viewUl.css({left : -winW*cntNumber});
					}
					else if(cnt <= 0){
						cntNumber = $viewLiL;
						$viewUl.css({left : -winW*cntNumber});
					}
					
					$view.find('>ul li').removeClass('on');
					$view.find('>ul li').eq(cntNumber).addClass('on');

					TweenMax.to($viewLi.eq(cntNumber-1), 0.5, {scale : 1, ease: Power2.easeOut});
					
					// 영상 정지 재생
					if($viewLi.filter('.video').attr('data-num') == cntNumber){
						$viewLi.filter('.video').find("video").each(function(){
							this.play();
						})
					}
					else{
						$viewLi.filter('.video').find("video").each(function(){
							this.pause();
						})
					}
				}
			});

			cntNumber=cnt;
		}

		function rollingFnc(n){
			if(n==true){
				rollingOpt=true;
				rollingTo = true;
				clearInterval(rollingtv);
				rollingtv = setInterval(function(){
					TweenMax.to($viewLi.eq(cntNumber-1), 0.5, {scale : 0.85, ease: Power2.easeOut, onComplete : function(){
						TweenMax.set($('.visual li'), {scale : 0.85});
						slideAction(cntNumber+1);
					}});
				},time);
				
			}
			else if(n==false){
				rollingOpt=false;
				rollingTo =false;
				clearInterval(rollingtv);
			}

		}

		$btnNext.on({
			click : function(){
				if(rollingOpt==true){
					rollingFnc(false);
				}
				if(isitMove ==false){
					isitMove = true;
					TweenMax.to($viewLi.eq(cntNumber-1), 0.5, {scale : 0.85, ease: Power2.easeOut, onComplete : function(){
						TweenMax.set($('.visual li'), {scale : 0.85});
						slideAction(cntNumber+1);

						rollingFnc(true);
					}});
				}
			}
		});

		$btnPrev.on({
			click : function(){
				if(rollingOpt==true){
					rollingFnc(false);
				}
				if(isitMove ==false){
					isitMove = true;
					TweenMax.to($viewLi.eq(cntNumber-1), 0.5, {scale : 0.85, ease: Power2.easeOut, onComplete : function(){
						TweenMax.set($('.visual li'), {scale : 0.85});
						slideAction(cntNumber-1);

						rollingFnc(true);
					}});
				}
			}
		});

		// gnb 오버시
		var setTime;
		$('#gnb').find('.depth1 > li > a').on('mouseenter focusin', function(){
			rollingFnc(false);
		});
		
		$('#gnb').find('.depth1 > li').on('mouseleave focusout', function(){
			rollingFnc(true);
		});

		rollingFnc(rollingOpt);
		basicFnc();
		resizeFnc();

		$(window).resize(function(){
			resizeFnc();
			var $viewImgH = $viewImg.height();

			$view.height($viewImgH);
			$viewLi.height($viewImgH);
		});
	}
	basicFnc(state, dualTime);
}


// videoUI
function videoUI(){
	var el = $('.videoWrap.videoControl');

	if(el.length <= 0){
		return;
	}

	el.on('click', function(){
		$(this).find("video").each(function(){
			if(this.paused){
				$(this).parent().addClass("on");
				this.play();
				var _this = $(this)
				setTimeout(function(){_this.css("visibility","visible");},400)
			}else{
				$(this).parent().removeClass("on");
				this.pause();
			}
		})
	});
}

//팝업 - 윈도우
function pop_window(url,w,h){
	window.open(url, "팝업" , "width="+w+",height="+h+', scrollbars=yes, resizable=no, toolbar=no, top=100, left=100');
}

// sns Floating
function floatingSns(){
	var elBtn = $('.btnSocial');
	var elBox = elBtn.next('.snsBox');
	var snsMenu = elBox.find('a');
	var menuLength = snsMenu.length;

	if(elBtn.length <= 0 || elBox.length <= 0){
		return;
	}
	
	snsMenu.hide();
	
	// sns 오픈
	elBtn.on('click' , function(e){
		e.preventDefault();
		
		if($(this).hasClass('close')){
			closeEvents();
			setTimeout(function(){
				elBox.hide().removeAttr('style');
				$(this).removeAttr('style');
			},200);
		}
		else{
			$(this).addClass('close');
			openEvents();
		}
		
	});
	
	function openEvents(){
		elBox.show();
		snsMenu.show();
		for(var i=0;i<menuLength;i++){
			TweenMax.to(snsMenu.eq(i), 0.35, {autoAlpha : 1, top : (i+1)*45, ease:Elastic.easeOut.config(0.75,0.75)})
		}
		TweenMax.to(snsMenu, 0.2, {autoAlpha:1});
	}

	function closeEvents(){
		elBtn.removeClass('close');
		TweenMax.to(snsMenu, 0.05, {autoAlpha:0, onComplete: function(){
			snsMenu.hide();
		}});
		for(var i=0;i<menuLength;i++){
			TweenMax.to(snsMenu.eq(i), 0.2, {top : 0, ease:Power2.easeOut });
			TweenMax.to(snsMenu.eq(i), 0.1, {autoAlpha:0, onComplete:function(){
				snsMenu.eq(i).hide().removeAttr('style');
			}});
		}
	}

}

// 이벤트 상세 하단 썸네일 이미지 비율
function evtThumRatio(){
	var el = $('.eventList.thumb');

	if(el.length <= 0){
		return;
	}

	el.find('li').each(function(idx, obj){
		var target = $(obj);
		var img = target.find('img');
		var divAspect = 270 / 585;
		var imgAspect = img.height() / img.width();

		if (imgAspect <= divAspect) {
			var imgWidthActual = target.height() / imgAspect;
			var imgWidthToBe = target.height() / divAspect;
			var marginLeft = -Math.round((imgWidthActual - imgWidthToBe) / 2);
			img.css({
				width : 'auto',
				height : '100%',
				marginLeft : marginLeft
			});

		} else {
			img.css({
				width : '100%',
				height : 'auto',
				marginLeft : 0
			});
		}
	});
	
}

// 이벤트 상세 하단 갤러리 이미지 비율
function evtGalleryRatio(){
	var el = $('.thumbPhoto');

	if(el.length <= 0){
		return;
	}

	el.find('li').each(function(idx, obj){
		var target = $(obj);
		var img = target.find('img');
		var divAspect = 208 / 208;
		var imgAspect = img.height() / img.width();

		if (imgAspect <= divAspect) {
			var imgWidthActual = target.height() / imgAspect;
			var imgWidthToBe = target.height() / divAspect;
			var marginLeft = -Math.round((imgWidthActual - imgWidthToBe) / 2);

			console.log(divAspect)
			img.css({
				width : 'auto',
				height : '100%',
				marginLeft : marginLeft
			});

		} else {
			img.css({
				width : '100%',
				height : 'auto',
				marginLeft : 0
			});
		}
	});
	
}

$(function(){
	gnbUI();
	scrollUI();
	languageUI();
	videoUI();
	scrollSubUI();
	floatingSns();

	// 개인정보처리방침 클릭시 레이어 팝업
	$('.btnPrivacy').on('click', function(e){
		e.preventDefault();
		window.focusBtn = e.currentTarget;
		gfnOpenLayer($('.layerPop.popPrivacy'), $(this));
	});

});