var filter = "win16|win32|win64|mac|macintel";
var mobileIs = false;

if(navigator.platform){
	if(filter.indexOf(navigator.platform.toLowerCase()) < 0){
		mobileIs = true;
	}
}

let win_w;
let win_h;
let win_sct;
let doc_sct;


$(document).ready(function(){
	
});


$(window).on("load",function(){

	//공통 적용	
});

$(function(){

	setSitemap();

	var $header = $("header");
	var $gnb = $header.find(".gnb-box .gnb");
	var $snb = $gnb.find(".snb-box *");

	$gnb.find(".snb-box dt a").on("click", function(){
		if(!$(".sitemap").hasClass("mo")){
			var link = $(this).data("link");
			location.href = link;
		}
	});

	$snb.on("mouseenter", function(){
		var id = $(this).children("a").attr("data-item");
		if(!id){
			id = $(this).parents(".snb-box").attr("data-item");
		}

		if(id){
			var $img_box = $(this).parents(".snb").find(".img-box span");
			$img_box.empty();
			var html = "<img src='/img/com/gnb_img_"+id+".png'>";
			$img_box.append(html);
		}
	});

	$gnb.on("mouseenter", function(){
		var $this_snb = $(this).find(".snb");
		if($this_snb.length){
			$this_snb.addClass("active");
		}
	});

	$gnb.on("mouseleave", function(){
		var $all_snb = $gnb.find(".snb");
		$all_snb.each(function(){
			var $img_box = $(this).find(".img-box");
			var id = $img_box.attr("data-default");
			if(id){
				var $img_bx = $img_box.find("span");
				$img_bx.empty();
				var html = "<img src='/img/com/gnb_img_"+id+".png'>";
				$img_bx.append(html);
			}
		});
		$all_snb.removeClass("active");
	});

	var header = "header";
	var logo = header + " .logo";
	var menu = header + " .menu-wrap";
	var gnb_box = header + " .gnb-box";
	var ex_link = header + " .header-top .link-wrap";

	/*$(logo + "," + gnb_box + "," + menu + "," + ex_link).on("mouseenter", function(){
		$(header).addClass("on");
	});

	$(logo + "," + gnb_box + "," + menu + "," + ex_link).on("mouseleave", function(){
		$(header).removeClass("on");
	});*/

	$(header).on("mouseenter", function(){
		$(header).addClass("on");
	});

	$(header).on("mouseleave", function(){
		$(header).removeClass("on");
	});
	
	$(window).scroll(function(){
		var scrollTop = $(document).scrollTop();
		if(scrollTop > 100){
			$(header).addClass("scroll");
		}else{
			$(header).removeClass("scroll");
		}
		
	});


	/*헤더 검색 오픈*/
	$(".com-search").on("click", function(e){
        e.preventDefault();
		$(this).addClass("hide");
		$(".nav-search").addClass("active");
		$(gnb_box).addClass("hide");
        setTimeout(function() {
            $("#inputAllSearch").focus();
        }, 200);
	});

	$(".nav-search .btn-close").on("click", function(){		
		closeNavSearch();
	});


	/*패밀리사이트*/
	$(".family-site").on("click", function(){
		$(this).toggleClass("active");
	});


	$(".btn-top").on("click", function(){
		$("body, html").animate({"scrollTop" : "0px"}, 500);
	});

	$(window).scroll(function(){
		var scrollTop = $(document).scrollTop();
		if(scrollTop > 100) {
			$(".quick-menu").addClass("active");
		}else{
			$(".quick-menu").removeClass("active");
		}
	});


	/*사이트맵*/
	$(".btn-sitemap").on("click", function(){
		$(this).toggleClass("active");
		if($(this).hasClass("active")){
			$("header").addClass("fix");
			$("header .sitemap").addClass("active");
		}else{
			$("header").removeClass("fix");
			$("header .sitemap").removeClass("active");
		}
	});

	$(document).on("click", ".sitemap .sitemap-box .depth-1 .btn-depth-1", function(e){
		var $this_snb = $(this).parents(".sitemap-box").children(".snb-area");
		if(($this_snb.length) && $(".sitemap").hasClass("mo")){
			$this_snb.toggleClass("active");
			if($this_snb.hasClass("active")){
				$(".sitemap .sitemap-box .snb-area").removeClass("active").slideUp();
				$this_snb.addClass("active").slideDown();
			}else{
				$this_snb.removeClass("active").slideUp();
			}
		}
	});

	$(document).on("click", ".sitemap .sitemap-box .snb-box dt .btn-depth-2", function(e){
		var $this_dep = $(this).parents(".snb-box").children("dd");
		if(($this_dep.length) && $(".sitemap").hasClass("mo")){
			$this_dep.toggleClass("active");
			if($this_dep.hasClass("active")){
				$(".sitemap .sitemap-box .snb-area .snb-box dd").removeClass("active").slideUp();
				$this_dep.addClass("active").slideDown();
			}else{
				$this_dep.removeClass("active").slideUp();
			}
		}else{
			if((!$(this).attr("href")) && ($(this).attr("data-link"))){
				location.href = $(this).attr("data-link");
			}
		}
	});


	$(window).resize(function(){
		var win_w = $(window).width();

		if(win_w <= 1024){
			if(!$("header .sitemap").hasClass("mo")){
				$("header .sitemap").addClass("mo");
			}
		}else{
			$("header .sitemap").removeClass("mo");
			$("header .sitemap .sitemap-box .snb-area").removeAttr("style");
			$("header .sitemap .sitemap-box .snb-area").removeClass("active");
			$("header .sitemap .sitemap-box .snb-area .snb-box *").removeAttr("style");
			$("header .sitemap .sitemap-box .snb-area .snb-box dd").removeClass("active");
		}
	});

});


function closeNavSearch(){
	$(".nav-search").removeClass("active");
	$("header .gnb-box").removeClass("hide");
		setTimeout(function(){
		$(".com-search").removeClass("hide");
	}, 350);
}


function setSitemap(){
	
	var html = "";
	var $gnb = $("header .gnb-box .gnb");

	html += "<div class='sitemap'>\n";
	html += "<div class='wrap'>\n";

	$gnb.each(function(){
		var $this_depth_1 = $(this).children("a.depth-1");
		var $this_snb = $(this).children(".snb");

		html += "<div class='sitemap-box'>\n";
		html += "<div class='depth-1'>\n";
		if($(this).find(".btn-depth-1").length){
			html += "<div class='btn-depth-1 add-option'>"+$this_depth_1.text()+"</div>\n";
		}
		html += "<a href='"+$this_depth_1.attr("href")+"'>"+$this_depth_1.text()+"</a>\n";
		html += "</div>\n";

		if($this_snb.length){
			html += "<div class='snb-area'>\n";
			$this_snb.find(".snb-box").each(function(){
				var $dt = $(this).children("dt");
				var $dd = $(this).children("dd");
				var $this_depth_2 = $dt.children("a.depth-2");

				html += "<dl class='snb-box'>\n";
				html += "<dt>\n";
				if($dt.find(".btn-depth-2").length){
					html += "<div class='btn-depth-2 add-option'>"+$this_depth_2.text()+"</div>\n";
				}
				html += "<a href='"+$this_depth_2.attr("href")+"'>"+$this_depth_2.text()+"</a>\n";
				html += "</dt>\n";

				if($dd.length){
					html += "<dd>\n";
					$dd.each(function(){
						var $this_depth = $(this).children("a.depth");
						html += "<span><a href='"+$this_depth.attr("href")+"'>"+$this_depth.text()+"</a></span>\n";
					});
					html += "</dd>\n";
				}

				html += "</dl>\n";
			});			
			html += "</div>\n";
		}
		
		
		
		html += "\n";
		html += "\n";
		html += "\n";
		html += "\n";
		html += "\n";
		html += "</div>\n";
	});

	/*$gnb.each(function(idx){

		var $this_depth_1 = $(this).children("a.depth-1");
		var key = "href";
		var this_depth_1_href = $this_depth_1.attr("href");
		if(!this_depth_1_href){
			key = "data-link";
			this_depth_1_href = $this_depth_1.data("link");
		}
		var this_depth_1_txt = $this_depth_1.text();
		var $this_snb = $(this).children(".snb");

		html += "<div class='sitemap-box' data-idx='"+idx+"'>";
		html += "<div class='depth-1'><a "+key+"='"+this_depth_1_href+"'";
		if($this_snb.length){
			html += " class='add-option'";
		}
		html += ">"+this_depth_1_txt+"</a></div>";
		if($this_snb.length){
			html += "<div class='snb-area'>";
			$this_snb.find(".snb-box").each(function(i){
				var $dt = $(this).children("dt");
				html += "<dl class='snb-box'>";
				if($dt.children("a").attr("href")){
					html += "<dt><a href='"+$dt.children("a").attr("href")+"'";
				}else{
					html += "<dt><a data-link='"+$dt.children("a").data("link")+"'";
				}
				if($(this).children("dd").length){
					html += " class='add-option'";
				}
				html += ">"+$dt.children("a").text()+"</a></dt>";
				html += "<dd>";
				if($(this).children("dd").length){
					$(this).children("dd").each(function(){
						var $dd = $(this);
						html += "<span><a href='"+$dd.children("a").attr("href")+"'>"+$dd.children("a").text()+"</a></span>";
					});
				}
				html += "</dd>";
				html += "</dl>";
			});
			html += "</div>";
		}
		html += "</div>";
		
	});*/

	html += "</div>\n";
	html += "</div>\n";

	$(html).appendTo("header");

	if($(window).width() <= 1024){
		$("header .sitemap").addClass("mo");
	}

	$gnb.each(function(idx){
		var $this_snb = $(this).children(".snb");
		if($this_snb.length){
			if($this_snb.find(".shop-list").length){
				$this_snb.find(".shop-list").clone().appendTo(".sitemap .sitemap-box:last-child .snb-area");
			}
		}		
	});
	
}

function window_info(){
	win_w = $(window).width();
	win_h = $(window).height();
	win_sct = $(window).scrollTop();
	doc_sct = $(document).scrollTop();
}