$(function(){

	// 창 너비에 따라 적용
	$(window).resize(function(){
		headerMobile();
	});
	
	// 텍스트 : 익스플로러 일때는 ie용 말줄임 CSS를 추가한다
	var agent = navigator.userAgent.toLowerCase(); 

	if ( (navigator.appName == 'Netscape' && navigator.userAgent.search('Trident') != -1) || (agent.indexOf("msie") != -1) ) {
		$('.movieMain').before('<a href="https://www.youtube.com/supported_browsers" title="이 브라우저는 곧 유튜브 영상 지원이 중단됩니다. 최적의 환경을 위해 브라우저를 업데이트 하세요.(새창열림)" target="_blank" class="ytbNotice"><span>이 브라우저는 곧 유튜브 영상 지원이 중단됩니다. 최적의 환경을 위해 브라우저를 업데이트 하세요.</span></a>');
		$('.contPage > div a > span').css({'white-space':'nowrap'});
	}
	
	
	// ----- Header 스크롤 시 숨김 · 보임
	var didScroll = true;
	var lastScrollTop = 0;
	var delta = 5; // 동작의 구현이 시작되는 위치	
	var navbarHeight = $('body > header').outerHeight() + 32; // 영향을 받을 요소 - Header	
	
	// 스크롤시 사용자가 스크롤했다는 것을 알림
	$(window).scroll(function(e){
		didScroll = true;			
	});	
	
	// hasScrolled()를 실행하고 didScroll 상태를 재설정
	setInterval(function(){
		if(didScroll){
			hasScrolled();
			didScroll = false;
		}
	}, 0);
	
	function hasScrolled(){		
		var st = $(this).scrollTop(); // 현재 스크롤의 위치를 저장
		
		// 설정한 delta 값보다 더 스크롤 되었는지를 확인
		if(Math.abs(lastScrollTop - st) <= delta)
			return;
		
		// Header의 높이보다 더 스크롤 되었는지 확인하고 class값 설정
		if(st > lastScrollTop && st > navbarHeight){
			$('body > header').animate({'top': - navbarHeight},0);
			$('.eg').animate({'top': - navbarHeight},0);
			// 가로 너비 변화 시 id값 변경
			if($(window).width() <= 1000){
				$('body > header').attr('id','');
				$('#utilMenu').css('top', '0');
			}else{
				$('body > header').attr('id','whiteSkin-scroll');
				$('#utilMenu').css('top', '0');
				$('#utilMenu, .eg').addClass('up');
			}
		}
		// 스크롤이 맨 위로 올라갈때 id값 삭제
		else if(st < 10){
			$('body > header').attr('id','');
			$('#utilMenu').attr('style', '');
		}else {
			if(st + $(window).height() < $(document).height()){
				$('body > header').animate({'top': 32},0);
                $('.eg').animate({'top': 0 },0);
				// 가로 너비 변화 시 id값 변경
				if($(window).width() <= 1000){
					$('body > header').attr('id','');
					$('#utilMenu').attr('style', '');
				}else{
					$('body > header').attr('id','whiteSkin-scroll');
					$('#utilMenu').css('top',  $('body > header').outerHeight() + 32);
					$('#utilMenu, .eg').removeClass('up');
				}
			}
		}
		
		// lastScrollTop에 현재 스크롤 위치를 저장
		lastScrollTop = st;
	}
	
// ----- Header (Mobile)
	function headerMobile(){
		if($(window).width() <= 1000){
//			$('header').addClass('mobileHeader').attr('id','');
			$('body > header').attr('class','mobileHeader');
			if($('.search_mobile').hasClass('view')){
				$('#searchFrm, .schButton').show();		
			}else{
				$('#searchFrm, .schButton').hide();	
			}
		}else{
//			$('header').removeClass('mobileHeader');
			$('body > header').attr('class','headerHover');
			$('body > header').attr('id','');	
			$('.searchFrmWrap').stop();
			$('.search_mobile').stop().removeClass('view');
				$('#searchFrm, .schButton').show();		
		}
	}
	// 모바일 모드에서 검색창 노출 기능
	$('.searchIcon_mobile').on('click', function(){	
		if($(this).hasClass('close')){
			$(this).removeClass('close');
			$('.search_mobile').removeClass('view');
			$('#searchFrm, .schButton').hide();
		}else{
			$(this).addClass('close');
			$('.search_mobile').addClass('view');
			$('#searchFrm, .schButton').show();
		}
	});
	/*
	function headerMobile(){
		
		if($(window).width() <= 1000){
			$('body > header').attr('class','mobileHeader');	
			$('#searchFrm, .schButton').hide();	
		}else{
			$('body > header').attr('class','headerHover');
			$('body > header').attr('id','');
			$('.searchFrmWrap, .search_mobile').stop();
			$('.search_mobile').removeClass('view');
			$('#searchFrm, .schButton').show();
		}
		
		
	}
	// 모바일 모드에서 검색창 노출 기능
	$('.searchIcon_mobile').on('click', function(){	
		$(this).toggleClass('close');
		$('.search_mobile').toggleClass('view');
		$('#searchFrm, .schButton').toggle();
	});
*/
	
// ----- Header (Pc)
	function header(){

		// - 펼쳐진 메뉴
		var menu = $('.menu > li'),
			menuA = $('.menu > li > a');
	
						
			// ** 웹접근성을 위한 포커스 시	: 1뎁스 메뉴
			menuA.bind('focus', function(){
				var Li = $(this).parent('li'),
					i = Li.index() + 1;				
				
				$('header').addClass('headerHover');
				
				$(this).addClass('menuListOn').css({'opacity':'1'});
				$(this).parent('li').siblings().find('> a').removeClass('menuListOn').css({'opacity':'1'});
				
				$('.menuList .ml0' + i).show().siblings().hide();
				
				Li.find('.menuList').slideDown();
				Li.siblings().find('.menuList').hide();
				
			});

			// ** 웹접근성을 위한 포커스 시	: 검색바
			$('input[name="searchInput"]').bind('focus', function(){
				$('.menuList').slideUp('400');
				menuA.removeClass('menuListOn').css({'opacity':'1'});				
			});

			// - 1뎁스 마우스 오버 시
			menu.bind('mouseenter focus', function(){
				
					$(this).find('> a').addClass('menuListOn').css({'opacity':'1'});	
					$(this).siblings().find('> a').removeClass('menuListOn').css({'opacity':'1'});
					
					
					$(this).find('.menuList').stop(true,true).slideDown('400').css('z-index','100');
					$(this).siblings().find('.menuList').stop(true,true).slideUp('400').css('z-index','');
			});

			// Header 마우스 벗어났을때
			$('header').bind('mouseleave', function(){
				menuA.removeClass('menuListOn');
				$('.depth01').css({'opacity':'1'});
				$('.menuList').slideUp();
				
			});
			
			// 3뎁스 마우스 오버 시
			$('.mlCnt a')
				.hover(function() {
					$(this).addClass('hoverOn');
				}, function() {				
					$(this).removeClass('hoverOn');
				});
		
			// 3뎁스 새창열림 링크
			$('.menuList a[target^="_blank"]').each(function() {
				var	blank = '_blank';
				var Title = $(this).attr('title');
				var NewTabs = Title + ' (새창열림)';
				if(Target = blank){
					$(this).append('<i></i>');
					$(this).attr('class','newTab');
					$(this).attr('title', NewTabs);
				}
			});	
		// - 검색바
			var ipt = $('#searchInput'),
				clearIpt = $('.searchClear'),
				searchIcon = $('.searchIcon');

			// 검색어 입력 시 '검색어 전체삭제'버튼 추가
			ipt.keyup(function(){
				clearIpt.toggle(Boolean($(this).val()));
				searchIcon.addClass('active');
			});

			clearIpt.toggle(Boolean(ipt.val()));
			searchIcon.removeClass('active');
			
			clearIpt.click(function(){
				ipt.val('').focus();
				$(this).hide();
			});
			ipt.focusout(function(){
				searchIcon.removeClass('active');
			});
	}	
	header();
	
	//웹접근성을 위한 value값 추가
	$('.detailSearch dd span input[type=submit]').attr('value','검색하기');
	$('.detailSearch dd span input[type=submit]').attr('title','검색하기');
    
    $(".open_familySite").click(function(){
        if( $(this).hasClass("on") ){
            $(this).removeClass("on");
            $(".familySite ul").slideUp("fast");
        } else{
            $(this).addClass("on");
            $(".familySite ul").slideDown("fast");
        }
        return false;
    });

});