// JavaScript Document
$(document).ready(function() {
    $('.animsition').animsition();
});

var lnb_type='type1'; 

$(function () {
    /*
    // 스크롤시 header 고정
    var menupos = $('#header').offset().top;
    $(window).scroll(function(){
        if($(window).scrollTop() > 100) {
            $('#header').addClass('fixed');
        } else {
            $('#header').removeClass('fixed');
        }
    });
    */
	$("#header").addClass(lnb_type); 

    // Hide Header on on scroll down
     var menupos = $('#header').offset().top;
    $(window).scroll(function(){
        if($(window).scrollTop() > 40) {
            $('#header').removeClass('nav-top');
        } else {
            $('#header').addClass('nav-top');
        }
        if($(window).scrollTop() > 100) {
            $('#header').addClass('fixed');
			$('.sub__navbar').hide();
        } else {
            $('#header').removeClass('fixed');
			$('.sub__navbar').show();
        }
    });
	$(window).trigger('scroll'); 

    var didScroll;
    var lastScrollTop = 0;
    var delta = 5;
    var navbarHeight = $('#header').outerHeight();
    $(window).scroll(function(event){
        didScroll = true;
    });
    setInterval(function() {
        if (didScroll) {
            hasScrolled();
            didScroll = false;
        }
    }, 250);
    function hasScrolled() {
        var st = $(this).scrollTop();
        
        // Make sure they scroll more than delta
        if(Math.abs(lastScrollTop - st) <= delta)
            return;
        
        // If they scrolled down and are past the navbar, add class .nav-up.
        // This is necessary so you never see what is "behind" the navbar.
        if (st > lastScrollTop && st > navbarHeight){
            // Scroll Down
            $('#header').removeClass('nav-down').addClass('nav-up');
        } else {
            // Scroll Up
            if(st + $(window).height() < $(document).height()) {
                $('#header').removeClass('nav-up').addClass('nav-down');
            }
        }        
        lastScrollTop = st;
    }
	hasScrolled(); 



    // header gnb 서브메뉴
    $(document).on('mouseenter', '#header__lnb .lnb-menu > li', function() {
        if ($(window).width() > 1025) {
			if ($(this).hasClass('search')||$(this).hasClass('lang')) {
				return; 
			}
			if(lnb_type=='type1') { 
		        var gnbmenu = $(this).find('.lnb_sub_menu');
			} else if (lnb_type=='type2') {
				var gnbmenu = $(this).parent().find('.lnb_sub_menu'); 
			}
            gnbmenu.slideDown();
            $('.lnb_sub_menu').not(gnbmenu).slideUp();
            $(this).addClass('ov');
			$('#header').addClass('open_menu');
            $('.lnb_sub_menu').addClass('open');
        } else {
            return true;
        }
    });
    $('#header__lnb .lnb-menu > li').on('mouseleave', function(){ 
		if(lnb_type=='type1') {
			$('.lnb_sub_menu').stop().finish().slideUp();
			$(this).removeClass('ov');
			$('#header').removeClass('open_menu');
			$('.lnb_sub_menu').removeClass('open');
		} else if(lnb_type=='type2') {
			$(this).removeClass('ov');
		}
    });
	$(document).on('mouseleave', '#header', function() {
		if(lnb_type=='type2') { 
		    $('.lnb_sub_menu').stop().finish().slideUp(200);
			$('#header').removeClass('open_menu');
			$('.lnb_sub_menu').removeClass('open');
		} 
	}); 
    $(document).on('click', '#header__lnb .lnb-menu > li', function() {
        if ($(window).width() < 1025) {
            var gnbmenu = $(this).find('.lnb_sub_menu');
            if(gnbmenu.css('display') == 'none') {
                gnbmenu.slideDown();
                $("#header__lnb .lnb-menu > li").removeClass('ov');
                $(this).addClass('ov');
                $('.lnb_sub_menu').not(gnbmenu).slideUp();
                return false;
            }
            else {
                gnbmenu.slideUp();
            }
        } else {
            return true;
        }
    });

    $(document).on('mouseenter', '#header__lnb .lnb-menu .lnb_sub_menu', function() {
       if ($(window).width() > 1025) {
			$(this).parent().addClass('active'); 
        } else {
            return true;
        }
    });
    $(document).on('mouseleave', '#header__lnb .lnb-menu .lnb_sub_menu', function() {
       if ($(window).width() > 1025) {
			$(this).parent().removeClass('active'); 
        } else {
            return true;
        }
    });


    // mobile
    $(document).on('click', '#header__mobile', function() {
        $('.header__gnb').toggleClass('none');
        $('#header__mobile').toggleClass('active');
		$('body').toggleClass('hidden');


        // $('body').toggleClass('hidden');
		// $('.gl_menu_box').show().done(function(){}); 
		$('.gl_menu_box').show(0,function(){
			let $this = $(this); 

			$('.gl_menu_box').toggleClass('active'); 
			let status = $('.gl_menu_box').hasClass('active'); 
			
			let tl = gsap.timeline({delay:0.3}); 
			let gl_menu_box = $('.gl_menu_body');

			if(gl_menu_box.length==0) return; 

			if(status) { 
				gl_menu_box.children(".gl_menu_box_list").each(function(e,t) {
					//tl.fromTo(t,.6, { left:-5, autoAlpha:0 } , { left:0, autoAlpha:1,delay:.1,ease:Power2.easeOut } ,.05*e)
					tl.fromTo(t, .6, {opacity:0,y:'100%'}, {y:'0%', duration:0.7, opacity:1,delay:.3,ease:Power2.easeOut },.07*e );
				}); 
				//$('.quick-inner').hide(); 
			} else { 
				tl = gsap.timeline({delay:0}); 
				let t = gl_menu_box.children(".gl_menu_box_list");
				tl.fromTo(t, .6, {opacity:1}, {duration:0.5, opacity:0, ease:Power2.easeOut, onComplete :function(){ $this.hide(); } } );
				
				//$('.quick-inner').show(); 
			}

		});

		/*
        if ($(window).width() < 1025) {
            mobileMenu();
        } else {
            return true;
        }
		*/ 
    });
    function mobileMenu() {
		$('.header-inner  #header__lnb').fadeToggle();
		$('.header-inner  #header__lnb').toggleClass('active');
		$('.header__gnb').toggleClass('none');
		$('#header__mobile').toggleClass('active');
		$('body').toggleClass('hidden');
    }
    $(window).resize(function(){
        var wWidth = $(window).width();
        if(wWidth >= 1025)
        {
            $("#header .header-inner  #header__lnb").fadeIn();
            $('.lnb_sub_menu').slideUp();
        }
    });



    $(document).on('click', '.lnb-search .search_btn', function() {
        $('.header__search_popup').fadeIn();
		$('body').toggleClass('hidden');
    });
    $(document).on('click', '.header__search_popup .popup__close', function() {
        $('.header__search_popup').fadeOut();
		$('body').toggleClass('hidden');
    });



    $('.btnTop').on('click', function(){
        var Dnum = $(this).index();
        var Dheight = $('html,body').eq(Dnum).offset();
        $('html,body').animate({scrollTop : Dheight.top},500);
    });


    var btnTopMain = $('.btnTop');
    var btnTop = $('.btnTop');
    $(window).scroll(function () {
        var scrollHeight = $(window).scrollTop();
        var windowHeight =  $(window).height();
        var documentHeight = $(document).height();

        if ((scrollHeight + windowHeight) >= documentHeight - 249) {
            btnTopMain.addClass('btnTop-bot');
        } else if ((scrollHeight + windowHeight) >= documentHeight - 194) {
            btnTop.addClass('btnTop-bot');
        } else{
            btnTopMain.removeClass('btnTop-bot');
            btnTop.removeClass('btnTop-bot');
        }
    });
    var btnTopHover = $('.btnTop').offset().top;
    $(window).scroll(function(){
        if($(window).scrollTop() > 500) {
            $('.btnTop').fadeIn('slow');
        } else {
            $('.btnTop').fadeOut("slow");
        }
    });


    $(document).ready(function (){
		$('.sub-menu ul').each(function (){
			var _width = $(this).width(),
			_length = $(this).length,
			_index = $(this).find('.on').index();
			_location = (_width/_length) * _index;

			if (_location > 2040) {
				$('.sub-menu').scrollLeft(_location);
			}
		});
	});

});