$(function(){
smoothscroll.init();

	
		$(".head .innerwrap").mouseover(function(){
			 var sn = isWhite();
			ww = $(window).width();
			
			if(ww < 990){			
				//console.log("none");
				
			}else{
				$("#header").addClass("active");
				if(sn){
				$("#header").removeClass("wht");
				}
				
			}
				
			
			
		});

		$("#header").mouseleave(function(){
			var sn2 = isWhite();
			ww = $(window).width();
			
			if(ww < 990){					
				//console.log("none");
				
			}else{
				$("#header").removeClass("active");
				if(sn2){
				$("#header").addClass("wht");
				}
			}
		});


$("#container").on('click', function(){
	//alert('click');
	$('.head .innerwrap .bot nav>ul>li').removeClass('on');
	$("nav>ul>li>.nav-container").hide();

});

$(window).scroll(function(){
			ww = $(window).width();
			 var sct = $(this).scrollTop();
			 var bn = isWhite();
			if(ww < 769){
				if ( sct >0.5){
					$("#header").addClass("on");
					$("#lnb").addClass("on");
					//alert("onlnb");
					if(bn){
							$("#header").removeClass("wht");
							$("#lnb").removeClass("wht");
						}
						if(sct > 100){
						$("#topbtn").addClass("show");
						}else{
						$("#topbtn").removeClass("show");
						}
					}else{
						$("#header").removeClass("on");
					$("#lnb").removeClass("on");
					$("#topbtn").removeClass("show");
					if(bn){
							$("#header").addClass("wht");
							$("#lnb").addClass("wht");
						}
					//alert("offlnb");
				}
			
			}
		});


/* scroll */
	var $animation_elements = $('.ani');
	var $window = $(window);

	function check_if_in_view() {
	  var window_height = $window.height();
	  var window_top_position = $window.scrollTop();
	  var window_bottom_position = (window_top_position + window_height);

	  $.each($animation_elements, function() {
		var $element = $(this);
		var element_height = $element.outerHeight();
		var element_top_position = $element.offset().top+200;
		var element_bottom_position = (element_top_position + element_height);
		//console.log(element_top_position);

		//check to see if this current container is within viewport
		if ((element_bottom_position >= window_top_position) &&
		  (element_top_position <= window_bottom_position)) {
		  $element.addClass('in-view');

		} else {
		 //$element.removeClass('in-view');
		}
	  });
	}

	$window.on('scroll resize', check_if_in_view);
	$window.trigger('scroll');
	

/*navcontainer*/
	$(".head nav>ul>li").on('click',function(){
		
		$("#header").addClass("active");
		navliNum = $("nav>ul>li").index($(this));
		
		$(this).toggleClass("on");
		$(this).siblings().removeClass("on");
		
		var navThis = $("nav>ul>li:eq("+navliNum+")>.nav-container");
		//첫번째 리스트 on리셋: 첫번째 리스트의 depth2까지 보이게 원상복귀
		var firstDepth1 = $("nav>ul>li:eq("+navliNum+") .depth1-list .depth1:eq(0)");
		firstDepth1.addClass("on").siblings("nav>ul>li .depth1-list .depth1").removeClass("on");
		firstDepth1.find(".depth2-list").show();
		firstDepth1.siblings("nav>ul>li .depth1-list .depth1").find(".depth2-list").hide();

		$("nav>ul>li>.nav-container").hide();
		if($(this).attr("class") == "on"){			
			navThis.show();
			//console.log("show");
		}else{
		navThis.hide();
		//console.log("hide");
		}

	});



	/*depth1*/
	$("nav .depth1-list>li").mouseover(function(){
		var navRightMenu = $(".nav-menu-right>.nav-right-wrap");
		//dep1Num = $("nav .depth1-list>li").index($(this));
		dep1Num = $(this).index();
		//console.log("dep1Num", dep1Num);
		$(this).addClass("on").siblings().removeClass("on");
		$(this).closest(".row").find(".nav-menu-right>.nav-right-wrap:eq("+dep1Num+")").show().siblings(navRightMenu).hide();
		$(this).find(".depth2-list").show();
		$(this).siblings().find(".depth2-list").hide();
	});

	/*depth2*/
	$("nav .depth2-list>li").mouseover(function(){
		dep2Num = $(this).index();
		console.log("dep2Num", dep2Num);
		$(this).find(".depth3-list").show();
		$(this).siblings().find(".depth3-list").hide();
	});

$(window).resize(function(){
			ww = $(window).width();
			if(ww < 990){
				$("body").addClass("mobile");
				$("#header").addClass("active");
				if(ww < 769){
					smoothscroll.destroy();
					$('#topbtn').click(function(){
					$('html, body').animate({scrollTop:0},1000);
					return false;
				});
				}
			}else{
				$("body").removeClass("mobile");
				$("#header").removeClass("active");

			}
		}).resize();



$(document).on("click",".mobile .allmenu .allmenuwrap>ul>li>a",function(){
			if($(this).parent().attr("class") == "on"){			
				/**$(this).find("ul").slideUp(300);		**/	
					$(this).next("ul").slideUp(300);	
				
			}else{
				$(this).next("ul").slideDown(300);			
			}
			
			$(this).parent().toggleClass("on");
			$(this).parent().siblings("li").removeClass("on");
			$(this).parent().siblings("li").children("ul").slideUp();
			//console.log("성공");
		});

	$(document).on("click",".mobile .allmenu .allmenuwrap>ul>li>ul>li>a",function(){
			if($(this).parent().attr("class") == "on"){			
				//$(this).find("ul").slideUp(300);		
					$(this).next("ul").slideUp(300);	
				
			}else{
					$(this).next("ul").slideDown(300);			
			}
			
			$(this).parent().toggleClass("on");
			$(this).parent().siblings("li").removeClass("on");
			$(this).parent().siblings("li").children("ul").slideUp();
			
		});

		$(document).on("click",".mobile .allmenu .allmenuwrap>ul>li>ul>li>ul>li>a",function(){
			if($(this).parent().attr("class") == "on"){			
				/**$(this).find("ul").slideUp(300);		**/	
					$(this).next("ul").slideUp(300);	
				
			}else{
				$(this).next("ul").slideDown(300);			
			}
			
			$(this).parent().toggleClass("on");
			$(this).parent().siblings("li").removeClass("on");
			$(this).parent().siblings("li").children("ul").slideUp();
			//console.log("성공");
		});




	btnchk = 0;
	$(".hbtn").click(function(){
		if(btnchk == 0){
			$(".allmenu").fadeIn();
			$(this).addClass("on");
			btnchk = 1;
			console.log(btnchk);
		}else{
			$(".allmenu").fadeOut();
			$(this).removeClass("on");
			btnchk = 0;
		}
	});

	$(".head .innerwrap .gnb.pc .language  .sel>a").on('click', function(){
			$(".head .innerwrap .gnb.pc .language .langlist").toggleClass('show');
		});

		$(".head .innerwrap .gnb.tm .language  .thisLang").on('click', function(){
			$(".head .innerwrap .gnb.tm .language .langlist").toggleClass('show');
		});
	

});





		


//페이지에 mwht 클래스가 붙어있는지 확인(배너없는 페이지)
function isWhite(){
	var isWhiteNav;
	isWhiteNav = document.querySelectorAll(".mwht").length > 0;
	return isWhiteNav;
}

document.addEventListener("DOMContentLoaded", function() {
   var an = isWhite();
   // console.log("isWhiteNav", an);
	if(an){
	header.classList.add("wht");
	lnb.classList.add("wht");
	}
});




smoothscroll = {

	passive : function(){
		var supportsPassive = false;
		try {
		  document.addEventListener("test", null, { get passive() { supportsPassive = true }});
		} catch(e) {}

		return supportsPassive;
	},
	init : function(){

		var $window = $(window);
		var scrollTime = 1;
		var distance_offset = 2.5;
		var scrollDistance = $window.height() / distance_offset;

		if(this.passive()){
			window.addEventListener("wheel",this.scrolling,{passive: false});
			 //window.addEventListener("touchmove", this.scrolling, { passive: false });
		}else{
			$window.on("mousewheel DOMMouseScroll", this.scrolling);
			//window.addEventListener("touchmove", this.scrolling);
		}

	},
	destroy : function(){

		if(this.passive()){
			window.removeEventListener("wheel",this.scrolling);
			//window.removeEventListener("touchmove", this.scrolling);
		}else{
		   $(window).off("mousewheel DOMMouseScroll", this.scrolling);
		   //window.removeEventListener("touchmove", this.scrolling);
		}
		gsap.killTweensOf($(window),{scrollTo:true});

	},
	scrolling : function(event){

		event.preventDefault();

		var $window = $(window);
		var scrollTime = 1;
		var distance_offset = 2.5;
		var scrollDistance = $window.height() / distance_offset;
		var delta = 0;

		if(smoothscroll.passive()){
			delta = event.wheelDelta/120 || -event.deltaY/3;
		}else{
			if(typeof event.originalEvent.deltaY != "undefined"){
				delta = -event.originalEvent.deltaY/120;
			}else{
				delta = event.originalEvent.wheelDelta/120 || -event.originalEvent.detail/3;
			}
		}

		var scrollTop = $window.scrollTop();
		var finalScroll = scrollTop - parseInt(delta*scrollDistance);

		gsap.to($window, {
			duration: scrollTime,
			scrollTo : { y: finalScroll, autoKill:true },
			ease: 'power3.out',
			overwrite: 5
		});
		var topBtn = document.getElementById("topbtn");
		topBtn.addEventListener("click", function() {
			// 페이지 맨 위로 스크롤하는 애니메이션
			gsap.to(window, {
				duration: 2, // 애니메이션 지속 시간 (초)
				scrollTo: { y: 0 }, // 페이지의 y 좌표를 0으로 이동 (맨 위로 이동)
				ease: 'power3.out',
				onComplete: function() {
					// 페이지 맨 위로 이동 후에 버튼의 투명도를 0으로 줄이는 애니메이션
					gsap.to("#topbtn", { opacity: 0, duration: 0.2 });
					topBtn.classList.remove('show');
				}
			});
		});


		// 추가한 부분
        //var scrollValue = $window.scrollTop();

		var qn = isWhite();
		//console.log("isWhiteNav2", qn);

		var header = document.getElementById("header");
		var lnb = document.getElementById("lnb");
		var navItems = document.querySelectorAll("nav > ul > li");
		var topBtn = document.getElementById("topbtn");
		//console.log("navItems", navItems.length);
		
		var navContainer = document.querySelectorAll('.nav-container');
		//console.log("navContainer", navContainer.length);

        if (scrollTop > 0.5) {
				header.classList.add("on");
				lnb.classList.add("on");
				
				for(var i= 0; i < navItems.length ; i++){
				 navItems[i].classList.remove('on');
				}
				for(var j= 0; j < navContainer.length ; j++){
				 navContainer[j].style.display = "none";
				}
			//console.log('navContainer', navContainer[0]);
			//console.log('scrollTop', scrollTop);
			if(qn){
			header.classList.remove("wht");
				lnb.classList.remove("wht");
			}
			if(scrollTop > 30){
			topBtn.classList.add("show");
			}else{
			topBtn.classList.remove("show");
			}
			
        }else if (scrollTop <= 0.5) {
			header.classList.remove("on");
			lnb.classList.remove("on");
			topBtn.classList.remove("show");
			if(qn){
			header.classList.add("wht");
			lnb.classList.add("wht");
			}
			
        }

		

		/*인덱스 버튼 이동*/
		/**var btn1 = document.getElementById("btn1");
		var btn2 = document.getElementById("btn2");
		var btn3 = document.getElementById("btn3");

	
	  btn1.addEventListener('click', function() {
		 
		gsap.to(window, { duration: 0.7, scrollTo: { y: ".m22 #listarea1", autoKill: true } });
		});**/


	}//scrolling





};