$(document).ready(function(){
    /* GNB 메뉴 토글 */
	if($('header').length > 0){
	var _cont =  $('.gnb');
	var _subMenu = $('.new_lnb');
	_cont.find('a').each(function(i){
	  $(this).bind('mouseenter', function(){
		_cont.find('a').removeClass('on');
		_subMenu.find('.category-wrapper').removeClass('hover');
		_subMenu.find('.handler').removeClass('on');
		$(this).addClass('on');
		_subMenu.find('.cat' + i).addClass('hover');
		_subMenu.addClass('menuActivate');
	  });
	});
	$('header').bind('mouseleave', function(){
	  _subMenu.removeClass('menuActivate');
	  _cont.find('a').removeClass('on');
        $('.allmenu').removeClass('on');
	});
	_subMenu.find('.category-wrapper').each(function(){
	  $(this).bind('mouseenter', function(){
		_subMenu.find('.category-wrapper').removeClass('hover');
		$(this).addClass('hover');
	  });
	});
	}
	if($('.category-wrapper').length > 0){
	var cont = $('.category-wrapper');
	var handlers = cont.find('.handler');
	cont.each(function(i){
	  var _this = $(this);
	  _this.bind('mouseenter', function(){
		$('.gnb a').removeClass('on');
		$('.gnb a').eq(_this.index()).addClass('on');
	  })
	});
	}

    //gnb
    $('.allmenu').click(function(){
        $('.allmenu').toggleClass('on');
		_subMenu.toggleClass('menuActivate');
        $('.m-gnb').toggleClass('open');
    });
    
    //sub visual
    $('.s-visual').addClass('load');
	
    
    

});
//docu end

function setLnbWidth() {
    for(let i = 0; i<$('.new_lnb .category-wrapper').length; i++) {
        let cat_list = ".cat" + i;
        let idx_wd = $("#new_gnb .gnb li").eq(i).css("width");
        
        $('.new_lnb .category-wrapper' + cat_list).css("width", idx_wd);
    }
}

//mobile gnb
 (function ($) {
        var lnbUI = {
            click: function (target, speed) {
                var _self = this,
                    $target = $(target);
                _self.speed = speed || 300;
                $target.each(function () {
                    if (findChildren($(this))) {
                        return;
                    }
                    $(this).addClass('noDepth');
                });

                function findChildren(obj) {
                    return obj.find('> ul').length > 0;
                }
                $target.on('click', 'a', function (e) {
                    e.stopPropagation();
                    var $this = $(this),
                        $depthTarget = $this.next(),
                        $siblings = $this.parent().siblings();
                    $this.parent('li').find('ul li').removeClass('on');
                    $siblings.removeClass('on');
                    $siblings.find('ul').slideUp(250);
                    if ($depthTarget.css('display') == 'none') {
                        _self.activeOn($this);
                        $depthTarget.slideDown(_self.speed);
                    } else {
                        $depthTarget.slideUp(_self.speed);
                        _self.activeOff($this);
                    }
                })
            },
            activeOff: function ($target) {
                $target.parent().removeClass('on');
            },
            activeOn: function ($target) {
                $target.parent().addClass('on');
            }
        }; 
     $(function () {
         lnbUI.click('.m-gnb li', 300)
     });
}(jQuery));


$(function () {
    setLnbWidth();

    $(window).on({
        scroll : function(){
            var sc = $(window).scrollTop();
            //스크롤시 헤더 활성화
            headerChange(sc);
        }
    });
    var sc = $(window).scrollTop();
    //스크롤시 헤더 활성화
    function headerChange(sc){
            if(sc > 50){
                $('header').addClass('fix');
            }else{
                $('header').removeClass('fix');
            }
            if(sc > 53){
                $('header').addClass('top');
            }else{
                $('header').removeClass('top');
            }

            setLnbWidth();
    }

    $(window).resize(function(){
        setLnbWidth();
    });
});