$(function(){
	tl = TweenMax;
	startJs();
	popup();
	menuJs();
	allMenuJs();
});

$(document).on('click', 'a[href="#none"]', function(e) {
	e.preventDefault();
});

//기본js
function startJs(){

	$(document).on('click', 'a[href="#none"]', function(e) {e.preventDefault()});

	if($('html').is('.ie67, .ie7, .ie8, .ie9')) {
		$('div.ie_alert_text').show().html('현재 사이트는 IE9 미만의 하위브라우저를 지원하지 않습니다. <br />브라우저를 최신 버전으로 <b>업데이트</b>해 주세요.');
	}

	WebFont.load({google: {families: ['Noto Sans KR', 'Montserrat']}});
	
	$('#wrap').addClass('ani');
	setTimeout(function() {
		$('#wrap').addClass('init');
	}, 2000);



	//모바일구분
	$(window).resize(function(){
		windowWidth = $(window).width();
		if(windowWidth < 1279){
			$('body').removeClass('pc');
			$('#wrap').removeClass('pc');
			$('#wrap').addClass('mobile');
		}else{
			$('body').addClass('pc');
			$('#wrap').addClass('pc');
			$('#wrap').removeClass('mobile');
		}
	}).resize();

	
	tl.staggerFromTo($("#wrap.pc header .logo"), 1, {opacity: 0, x: '80px'}, {opacity: 1, x: '0px', delay:1, ease: Power1.easeOut});
	tl.staggerFromTo($("#wrap header #nav > .gnb"), 1.3, {opacity: 0, x: '80px'}, {opacity: 1, x: '0px', delay:0.5, ease: Power1.easeOut});
	tl.staggerFromTo($("#wrap.pc header .area_r"),1, {opacity: 0, x: '-80px'}, {opacity: 1, x: '0px', delay:1, ease: Power1.easeOut});
	tl.staggerFromTo($("#wrap.pc header .line"),2, {opacity: 0, width:'0%'}, {opacity: 1, width: '100%',  ease: Power1.easeInOut});

	tl.staggerFromTo($("#wrap.mobile header .logo"), 1, {opacity: 0, x: '20px'}, {opacity: 1, x: '0px', delay:1, ease: Power1.easeOut});
	tl.staggerFromTo($("#wrap.mobile header .area_r"),1, {opacity: 0, x: '-20px'}, {opacity: 1, x: '0px', delay:1, ease: Power1.easeOut});
	tl.staggerFromTo($("#wrap.mobile header .line"),1, {opacity: 1, width:'0%'}, {opacity: 1, width: '100%', delay:0.2, ease: Power1.easeInOut});

}

function popup() {

	//레이어팝업
	var bg = $("#bg");

	$(document).on('click',' #bg, .close ', function () {
		bg.fadeOut();
		$('div[id*="-popup"] div.inner').html('');
		$('div[id*="-popup"]').hide();
	});

	$(document).on('click','.layer-',
		function () {
		var ClassName = $(this).data('link');

		bg.show();
		$('#layer-popup').show();
		$('#layer-popup').html(
			'<div class="popup-close">'+
			'<img src="/img/common/popup_close_icon.png" alt="close" class="close"></div>'+
			'<div class="inner">'+
			'</div>'
		);

		//foot 메뉴 클릭시
		switch (ClassName) {
			case "privacy1":
				$("#layer-popup div.inner").load("/_privacy1.php");
			break;
			case "terms":
				$("#layer-popup div.inner").load("/_terms.php");
			break;
		}

	}); //click

}

function menuJs(){

	//menuJs
	var marker = $('#bar'),
    current = $('header .gnb > li.on');
	current.addClass('on');

	/*menu hover*/
	$("#nav>ul>li").mouseenter(function(){
		var menuNum = $(this).index()+1;
		if(menuNum === menuNum){
			$("header").addClass("on");
			$("header").addClass("hover");
			$("#nav .lnb").stop().fadeIn();
			$("#nav>ul>li").removeClass("on");
			$(this).addClass("on");
			$("#nav .lnb > ul").stop().hide().removeClass('on');
			$("#nav .lnb > .sub"+menuNum+"").stop().fadeIn().addClass('on');
			$("#bar").show();
		}else{
			$("#nav .lnb").stop().fadeOut(700);
			$("#nav .lnb > ul").stop().fadeOut(700).removeClass('on');
		}
	});

	$('#nav>ul>li>a').mouseenter(function () {
		var self = $(this),
		offsetLeft = self.position().left,
		width = self.outerWidth() || current.outerWidth(),
		left = offsetLeft == 0 ? 0 : offsetLeft || current.position().left;
		$('header .gnb > li.on').removeClass('on');
		self.parent("li").addClass('on');
		marker.stop().animate({
			left: left,
			width: width,
		}, 300);
	});

	$("#nav").mouseleave(function(){
		$("#nav .lnb").stop().fadeOut();
		$("#nav .lnb > ul").stop().fadeOut();
		$("body:not(.active) header").removeClass("on");
		$("header").removeClass("hover");
		$("#bar").hide();
		$('header .gnb > li.on').removeClass('on');
		current.addClass('on');
		marker.stop().animate({
			width: current.outerWidth(),
		}, 300);
	});
}



function allMenuJs(){

	var $navStatus = 0;
	var allTitleList = $("#allmenu .inner .allgnb");

	$(document).on("click","#hamburger_btn",function(){
		if($navStatus == 0) {
			$navStatus = 1;
			$("#allmenu").fadeIn();
			$('body').stop().addClass('menu_open');
			var ClassName = $('body').attr('class');
			if(ClassName == ClassName) {
				tl.staggerFromTo($("#allmenu .bg_color1"), 0.8, {width:'0%'}, {width: '100%', delay:0.1, ease: Power1.easeInOut}, .1);
				tl.staggerFromTo($("#allmenu .bg_color2"), 0.6, {width:'0%'}, {width: '100%', delay:0.5, ease: Power1.easeInOut}, .1);
				tl.staggerFromTo($("#allmenu .bg_color3"), 0.5, {width:'0%'}, {width: '100%', delay:0.7, ease: Power1.easeInOut}, .1);
				tl.staggerFromTo($("#allmenu .all_box"), 0.5, {opacity:0}, {opacity:1,delay:1.3, ease: Power1.easeInOut}, .1);
				tl.staggerFromTo($(".menu_open #wrap header .logo a,#util_list"), 0.5, {opacity:0}, {opacity:1,delay:1.3, ease: Power1.easeInOut}, .1);
			}else{
				$navStatus = 0;
			}
		}
	
	//태블릿,모바일 아코디언 allmenu
	$(window).on('resize', function() {
		var windowSize = $(window).width();
		if(windowSize <= 1279) {
			//init
			$('#allmenu .sub_menu_wrap').hide();
			$('#allmenu .dep1').removeClass('act');
			$('#allmenu .dep1').on('click', function() {
				$(this).addClass('act');
				if($(this).attr('class') == 'dep1 act'){
					$(this).parents('.menu').siblings().find('.sub_menu_wrap').stop(true).slideUp();
					tl.staggerFromTo($("#allmenu .inner .all_gnb .sub_menu"), 0.5, {opacity:0,}, {opacity:1,delay:0.3, ease: Power1.easeInOut}, .1);
					$(this).next().stop(true).slideDown();
				}else{
					$('#allmenu .dep1').removeClass('act');
				}
			});
		} else {
			//init
			$('#allmenu .dep1').removeClass('act');
			$('#allmenu .sub_menu_wrap').show();
		}
	}).resize();
	});
	
	
	$(document).on("click","#allmenu .close",function(){
		$navStatus = 0;
		$('body').stop().removeClass('menu_open');
		$("#allmenu").fadeOut(100);
	});


	

}