/*
* Layer Popup - 레이어팝업 공통 및 콘텐츠별 화면 디자인
* 작업일 1일차 2018-04-23
* by @ mosf (http://www.mosf.go.kr)
*/

$(function(){	
	var $layer = $('.footerLayer'),
		$lyBox = $layer.find('.container'),
		$lyTit = $layer.find('h2'),
		$lyCnt = $lyBox.find('.content'),
		$lyTab = $('.tabNav'),
		
		$bann = $('.popSite').children('span'),
		$fav = $('.popMenu'),
		
		$menuOpen = $('.allMenu'),
		$menuTxtOpen = $('.headUtil .menuTxt'),
		$menuClose = $('.menuClose'),
		$mainNav = $('#mainNav');
		$departOpen = $('button.orgButton');
		$departLayer = $('.departLayer');
			
	// 하단 외부링크 레이어창 열기
	$bann.click(function(){
		var $bannId = $(this).index(),
		    $bannTxt = $(this).text(),
		    $scrollHeight = $('body').scrollTop();

		$('body').addClass('layerOpen'); // body 스크롤 없애기
		$('body').css('top', - $scrollHeight);
		
		$lyTit.text($bannTxt);
		$lyCnt.css('display', 'none');
		$lyCnt.find('> ul:nth-child(1)', '.on').css('display','block');
		$lyBox.find('.fl' + $bannId).fadeIn();
		
		$('.footerLayer').fadeIn(); // 레이어창 열기		
		$lyBox.find('.fl' + $bannId).find('.layerClose').addClass('Open');
		
	});	
	
	// 하단 외부링크 레이어창 닫기
	$('button.layerClose').click(function(){
		var $scrollHeight = $('body').scrollTop();

		$('body').removeClass('layerOpen'); // body 스크롤 살리기
		$(this).delay(500).removeClass('Open');
		$('body').css('top', $scrollHeight);		
		$('.footerLayer').fadeOut(); // 레이어창 닫기
	});
	// 하단 외부링크 웹접근성 포커스
	$('.relLink0').click(function(){
		$('.footerLayer .rel0 li:first-child a').focus();
	});
	$('.relLink1').click(function(){
		$('.footerLayer .rel1 li:first-child a').focus();
	});
	$('.relLink2').click(function(){
		$('.footerLayer .rel2 li:first-child a').focus();
	});
	$('.footerLayer .fl0 .layerClose').click(function(){
		$('.bannerUtil button.relLink0').focus();
	});
	$('.footerLayer .fl1 .layerClose').click(function(){
		$('.bannerUtil button.relLink1').focus();
	});
	$('.footerLayer .fl2 .layerClose').click(function(){
		$('.bannerUtil button.relLink2').focus();
	});
	
	// 전체 메인메뉴 열기	
	$menuOpen.click(function(){
		var $scrollHeight = $('body').scrollTop();

		$('body').addClass('layerOpen'); // body 스크롤 없애기
		$('body').css('top', - $scrollHeight);
		
		$mainNav.fadeIn();
		$menuClose.addClass('Open');
		$mainNav.find('.allMenuNav .depth1m:first-child > button').focus();
	});
	$menuTxtOpen.click(function(){
		var $scrollHeight = $('body').scrollTop();

		$('body').addClass('layerOpen'); // body 스크롤 없애기
		$('body').css('top', - $scrollHeight);
		
		$mainNav.fadeIn();
	});
	// 전체 메인메뉴 닫기
	$menuClose.click(function(){
		var $scrollHeight = $('body').scrollTop();

		$('body').removeClass('layerOpen'); // body 스크롤 살리기
		$menuClose.delay(500).removeClass('Open');
		$('body').css('top', $scrollHeight);
		
		$mainNav.fadeOut();
		$menuOpen.focus();
	});
	
	// 자주찾는 나의 메뉴 레이어창 열기
	$fav.click(function(){
		var $scrollHeight = $('body').scrollTop();

		$('body').addClass('layerOpen'); // body 스크롤 없애기
		$('body').css('top', - $scrollHeight);
		
		$('.favLayer').fadeIn(); // 레이어창 열기
		$('.favLayer .layerClose').addClass('Open');
		$('.favLayer').find('.favList > li:first-child a').focus();
	});	
	
	// 자주찾는 나의 메뉴 레이어창 닫기
	$('.favLayer .layerClose').click(function(){
		var $scrollHeight = $('body').scrollTop();

		$('body').removeClass('layerOpen'); // body 스크롤 살리기
		$('button.layerClose').addClass('Open');
		$('body').css('top', $scrollHeight);	
		
		$('.favLayer').fadeOut(); // 레이어창 닫기
		$(this).removeClass('Open');
		$fav.focus();
	});
	
	// 실ㆍ국별 레이어창 열기
	$departOpen.click(function(){
		var $scrollHeight = $('body').scrollTop();
		
		$('body').addClass('layerOpen'); // body 스크롤 없애기
		$('button.layerClose').addClass('Open');
		$('body').css('top', - $scrollHeight);
		
		$departLayer.fadeIn(); // 레이어창 열기		
	});	
	
	// 실ㆍ국별 메뉴 레이어창 닫기
	$departLayer.find('button.layerClose').click(function(){
		var $scrollHeight = $('body').scrollTop();

		$('body').removeClass('layerOpen'); // body 스크롤 살리기
		$('button.layerClose').addClass('Open');
		$('body').css('top', $scrollHeight);	
		
		$departLayer.fadeOut(); // 레이어창 닫기		
	});
	
	// 레이어팝업을 활성화 시킬경우 부모창의 스크롤를 제거하고 위치를 고정함
	function scrollOff(){
		var $scrollHeight = $('body').scrollTop();
		$('body').addClass('layerOpen');
		$('body').css({
			'position' : 'fixed',
			'top' : - $scrollHeight
		});
	}
});

