$(function() {

	var $wrap = $('#wrap'),
		$header = $('header'),
		$navi = $('#navi'),
		$gnb = $('#gnb > ul'),
		$gnbHover = $('#navi #gnb > ul > li'),
		$gnbHover_a = $('#navi #gnb > ul > li a'),
		$gnbSub = $('#navi #gnb > ul > li > ul'),
		$bnt_all = $('.allmenu'),
		$gnb_bg = $('header .gnb_bg'),
		$btn_all = $('.btn_all'),
		$lnb_p = $('#lnb p.sub_title'),
		$lnbul = $('#lnb ul'),
		$lnbli = $('#lnb li'),
		$btn_top = $('.btn_top'),
		$allmenu = $('.allmenu'),
		$searchTop = $('.searchTop'),
		$allmenuBox = $('#allmenuBox');


	$(window).on('scroll', function() {
		bodyScroll = $(document).scrollTop();
		if (bodyScroll > 0) {
			$header.addClass('fix');
			$header.parent().parent().addClass('fix');
		} else {
			$header.removeClass('fix');
			$header.parent().parent().removeClass('fix');
		}
	});
	var menuCont = function() {

		/* web gnb menu */
		$searchTop.on('mouseenter', function() {
			$(this).addClass('on');
		});
		/*
        $gnbHover.each(function() {

          if ($wrap.is('.web')) {
            $(this).on('mouseenter', function() {
                $header.addClass('on');
              $navi.addClass('over');
              $(this).addClass('on');
              $(this).find('ul').stop().slideDown();
            });
            $(this).on('mouseleave', function() {
                //$header.removeClass('on');
              $navi.removeClass('over');
              $(this).removeClass('on');
              $(this).find('ul').stop().slideUp();
            });
          } else {
            $(this).off('mouseenter mouseleave');
          }
        });
        */

		$gnbHover.each(function() {
			if ($wrap.is('.web')) {
				$(this).on('mouseenter', function() {
					$header.addClass('on');
					$navi.addClass('over');
					$('#navi #gnb > ul > li').removeClass('on');
					$(this).addClass('on');
					$gnb_bg.addClass('on');
				});
			} else {
				$(this).off('mouseenter mouseleave');
			}
		});
		$header.on('mouseleave', function() {
			$header.removeClass('on');
			$navi.removeClass('over');
			$(this).removeClass('on');
			$gnb_bg.removeClass('on');

		});

	}


	var windowSize = function() {

		var winWidth = $(window).width();
		if (winWidth > 1023) {
			$wrap.addClass('web');
			$wrap.removeClass('mobile');
			if ($wrap.is('.web')) {
				$('#rightBox .family').each(function(){
					var $list = $(this);
					var $btn = $list.find('.box > a');
					var menuTime;
					$btn.off('click');
					$btn.click(function() {
						if ($list.is('.on')) {
							$(".family").removeClass('on');
						}else{
							$(".family").addClass('on');
						}
					});
					$btn.mouseenter(function(){
						$(this).parent().parent().addClass('on');
					});
					$(document).on('click','header, #container',function(){
						$(".family").removeClass('on');
					});
					$list.mouseleave(function(){
						clearTimeout(menuTime);
						menuTime = setTimeout(mTime, 1);
					});
					function mTime() {
						$(".family").removeClass('on');
					}
				});
			}
		} else {
			$wrap.removeClass('web');
			$wrap.addClass('mobile');
			$bnt_all.removeClass('active');
			if ($wrap.is('.mobile')) {
				$('.allmenu_bottom').on('click','.family .box a',function(){
					$(".family").toggleClass('on');
				});
				$(document).on('click','header, .menuBox',function(){
					$(".family").removeClass('on');
				});
			}
		}

		$bnt_all.off('click');
		$bnt_all.click(function() {
			$header.removeClass('on');
			$navi.removeClass('over');
			$('#navi #gnb > ul > li').removeClass('on');
			$gnb_bg.removeClass('on');
			$header.toggleClass('ov');
			$allmenu.toggleClass('on');
			$allmenuBox.toggleClass('on');
			$searchTop.removeClass('on');
			if ($(this).is('.on')) {
				$('.menuTop').clone().appendTo('#allmenuBox .menuBox');
				$('#rightBox .mbox').clone().appendTo('.allmenu_bottom');
				$(".family").removeClass('on');
				$allmenu.addClass('on');
				$wrap.parent().addClass('hidden');
				$wrap.parent().parent().addClass('hidden');
				$('#rightBox').addClass('on');

				$('#allmenuBox #gnb > ul > li').each(function() {
					$(this).not('.link').children("a").off("click").on("click", function(e) {
						e.preventDefault(); //a 태그 막기
						var depth2 = $(this).siblings('.depth2');
						if (!depth2.is(':visible')) {
							$('#gnb > ul').find('.depth2').stop().slideUp();
							depth2.stop().slideDown();
							$('#gnb > ul li').removeClass('hover');
							$(this).parent().addClass('hover');
						} else {
							$('#gnb > ul').find('.depth2').stop().slideUp();
							$('#gnb > ul li').removeClass('hover');
						};
					});
				});

			} else {
				$('#allmenuBox .menuBox').empty();
				$('.allmenu_bottom').empty();
				$(this).removeClass('on');
				$('#rightBox').removeClass('on');
				$wrap.parent().removeClass('hidden');
				$wrap.parent().parent().removeClass('hidden');
				$header.removeClass('ov');
				$allmenu.removeClass('on');
			}
		});

		$(document).on('click','#allmenuBox #gnb > ul > li > ul > li a',function(){// 복제
			$('#allmenuBox .menuBox').empty();
			$('.allmenu_bottom').empty();
			$('#rightBox').removeClass('on');
			$wrap.parent().removeClass('hidden');
			$wrap.parent().parent().removeClass('hidden');
			$header.removeClass('ov');
			$allmenu.removeClass('on');
			$allmenuBox.removeClass('on');
			if (location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '') && location.hostname == this.hostname) {
				var target = $(this.hash);
				target = target.length ? target : $('[name=' + this.hash.slice(1) + ']');
				if (target.length) {
					event.preventDefault();
					$('html, body').animate({
						scrollTop: target.offset().top - 100
					}, 700);
				}
			}
		});

		menuCont();
	}
	var headerRe = function() {
		if (!navigator.userAgent.match(/Android|Mobile|iP(hone|od|ad)|BlackBerry|IEMobile|Kindle|NetFront|Silk-Accelerated|(hpw|web)OS|Fennec|Minimo|Opera M(obi|ini)|Blazer|Dolfin|Dolphin|Skyfire|Zune/)) {
			if ($bnt_all.is('.active')) {
				$bnt_all.click();
			}
		}
	}
	$(window).load(function() {
		windowSize();
		headerRe();
		menuCont;
	});

	$(window).resize(function() {
		windowSize();
		headerRe();
		menuCont;
	});

	$(window).on("orientationchange", function(event) {
		windowSize();
		headerRe();
		menuCont;
	});

	/* scroll mov */
	var top_space = 0;
	if ($('header').length) {
		top_space = $('header').outerHeight();
	}
	$('#gnb > ul > li > ul > li a').click(function(event) {
		if (location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '') && location.hostname == this.hostname) {
			var target = $(this.hash);
			if (target.length) {
				event.preventDefault();
				$('html, body').animate({
					scrollTop: target.offset().top - top_space
				}, 500);
				return false;
			}
		}
	});


});



var doc = document.documentElement;
// 전체화면 설정
function openFullScreenMode() {
    if (doc.requestFullscreen)
        doc.requestFullscreen();
    else if (doc.webkitRequestFullscreen) // Chrome, Safari (webkit)
        doc.webkitRequestFullscreen();
    else if (doc.mozRequestFullScreen) // Firefox
        doc.mozRequestFullScreen();
    else if (doc.msRequestFullscreen) // IE or Edge
        doc.msRequestFullscreen();
    $('.fullscreen').hide();
    $('.close-fullscreen').show();
}
// 전체화면 해제
function closeFullScreenMode() {
    if (document.exitFullscreen)
        document.exitFullscreen();
    else if (document.webkitExitFullscreen) // Chrome, Safari (webkit)
        document.webkitExitFullscreen();
    else if (document.mozCancelFullScreen) // Firefox
        document.mozCancelFullScreen();
    else if (document.msExitFullscreen) // IE or Edge
        document.msExitFullscreen();
    $('.fullscreen').show();
    $('.close-fullscreen').hide();
}