//기본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']}});
	
	//카피라이트 올해년도 출력
	$('.dateOutput').html(new Date().getFullYear());


	if(!($('html').hasClass('mobile') && $('html').hasClass('ios'))) return false;
	(function (){
		//user-scalable : no
		window.document.addEventListener('touchmove', function(e){
		if(e.scale !== 1) {
			e.preventDefault();
		}
		}, {passive: false});
	}());
}

//오픈메뉴
function openMenu() {
	var $navStatus = 0;

	//메뉴 토글
	$('.bar').on('click', function(){
		//정지상태일때 실행 => 중복방지
		if($navStatus == 0) {
			$navStatus = 1;
			$('body').stop().toggleClass('menu_open');
			$('.bar').addClass('on');
			clearTimeout(logoFixed);

			//변수 선언
			var ClassName = $('body').attr('class'),
				logoFixed,
				$nav = $('#main_nav'),
				$bg = $('.nav_bg'),
				$li = $nav.find('.left > ul > li'),
				$foot = $nav.find('.foot'),
				$right = $nav.find('.right .inner'),
				$centerLine = $('.nav_centerLine'),
				$svg = $('#nav_figure .st0');

			if(ClassName == 'menu_open') {
				logoFixed = setTimeout(function() {$('header').addClass('fixed')}, 200);

				t.set($nav, {'display' : 'block'}),
				t.set($svg, {'display' : 'block'}),
				t.fromTo($bg, .6, {scaleY: 0}, {scaleY: 1, ease: Power3.easeInOut});
				t.staggerFromTo($li, .5, {opacity: 0, y: '-30px'}, {opacity: 1, y: 0, delay:.3}, .1);
				t.fromTo($foot, .5, {opacity: 0, y: '-30px'}, {opacity: 1, y: 0, delay:.8});

				if(!$('html').hasClass('mobile')) {
					t.fromTo($right, .6, {opacity: 0, y: '-30px'}, {opacity: 1, y: 0, delay:.5});
				} else {
					t.fromTo($right, .6, {opacity: 0, y: '-30px'}, {opacity: 1, y: 0, delay:.8});
				}

				t.fromTo($centerLine, .4, {opacity:.12}, {height:'100%', delay:.4, onComplete:menuOpenEnd}); //애니메이션 끝난 후 menuEnd() 호출
				//svg
				$svg.velocity("stop");
				$svg.velocity({ 'stroke-dashoffset': 2300 }, { duration: 0, delay: 0 })	 //line length = 3100
					.velocity({ 'stroke-dashoffset': 0 }, { duration: 3000, delay: 0 }, "easeInOut");	//duration = 4500
			}else {
				t.to($right, .65, {opacity: 0});
				t.staggerTo($li, .45, {opacity: 0, y: '-30px', ease: Power3.easeIn}, .1);
				t.to($foot, .4, {opacity: 0, y: '-30px', delay:'.65'});
				t.to($centerLine, .1, {height:'0', opacity:0});
				t.to($svg, .1 , {'display' : 'none'});
				t.to($bg, .7, {scaleY: 0, ease: Power3.easeInOut, delay:'.55'});
				t.to($nav, 1 , {'display' : 'none', onComplete:menuCloseEnd}); //애니메이션 끝난 후 menuEnd() 호출
			}
			function menuOpenEnd(){$navStatus = 0;}
			function menuCloseEnd(){$navStatus = 0; $('.bar').removeClass('on'); $('header').removeClass('fixed');}	//메뉴가 닫힐때까지 로고 및 메뉴 애니메이션 유지를 위해
			
		}
	});

	layoutLine();
	rightUtil();
}

function layoutLine() {
	if($('html').hasClass('mobile')) return;
	$('.bar').hover(function() {$('.outline').addClass('on')},
	function(){$('.outline').removeClass('on')});
}

function rightUtil() {
	$('header .quest-btn').addClass('on');
	$('header .util').addClass('on');

	$('header .util .page_top').on('click', function(event){
		event.preventDefault();
		$('html, body').stop(true).animate({scrollTop: 0}, 600, 'easeInOutQuint');
	});
}

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

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

	//media
	$('.vid-play-btn').on('click', function(){
		bg.show();
		$('#video-popup').show();
		$('#video-popup').html(
			'<div class="popup-close"><button type="button" class="close"><span class="l1"></span><span class="l2"></span></button></div>'+
			'<div class="inner">'+
			'<iframe src="https://player.vimeo.com/video/115630169?'+
			'autoplay=1&title=0&byline=0&portrait=0" width="1351" height="760"'+
			'frameborder="0" allow="autoplay; fullscreen" allowfullscreen></iframe>'+
			'</div>'
		);
	});
}



$(function(){
	t = TweenMax;
	startJs();
	openMenu();
	videoPopup();

});