/*
var menuHtml = ''; // 상단 메뉴
var mobileMenuHtml = ''; // 모바일 메뉴
*/
var siteMapHtml = ''; // 사이트 맵

var menuMap = {}; // Key : menuNo, Value : 해당메뉴 VO
var subMenuMap = {}; // Key : menuNo, Value : 자식메뉴 VO 배열

var menuNavi = []; // ['1차메뉴', '2차메뉴', '3차메뉴']
var pathMenuNo; // 현재경로 Menu No
var pathMenuUrl = window.location.pathname; // 현재경로 Menu URL

function selectMenuList(sysId) {
	// 상단 메뉴 & 사이트 맵 & 모바일 메뉴
	$.ajax({
	    url: '/com/menu.do',
	    type: 'post',
	    dataType: 'json',
	    data: {'hmpgId': sysId},
	    success: function(dat) {
	    	var imgCnt = 0;
	    	var menuList = dat.menuList;

	    	for (var i = 0; i < menuList.length; i++) {

	    		var depth1 = menuList[i];

	    		menuMap[depth1.menuNo] = depth1;

	    		/**
	    		 * 1차 메뉴
	    		 */
	    		if (depth1.menuLevel == 1) {

					subMenuMap[depth1.menuNo] = [];

					// 상단 대메뉴 hide
					var style = (sysId == 'FW00001' && depth1.menuNo == '6000000') || (sysId != 'FW00001' && depth1.menuNo == '6000000') || (depth1.menuNo == '7000000') ? "style='display:none;'" : "";
					imgCnt++;
	    			// 상단 메뉴
					/*
					menuHtml += "<li " + style + ">";
					menuHtml += "<a class='depth_1' href='javascript:void(0);'>" + depth1.menuNm + "</a>";
					menuHtml += "<div class='gnbSubM'>";
					menuHtml += "<div class='layout'>";
					menuHtml += "<div class='gnbSub'>";
					menuHtml += "<div class='gnbS_tit Gn" + imgCnt + "'>";
					menuHtml += "<strong>" + depth1.menuNm + "</strong>";
					menuHtml += "</div>";
					menuHtml += "<ul>";

					// 모바일 메뉴
					mobileMenuHtml += "<li>";
					mobileMenuHtml += "<a href='javascript:void(0);'>" + depth1.menuNm + "</a>";
					mobileMenuHtml += "<ul>";
					*/

					// 사이트 맵
					siteMapHtml += "<li>";
					siteMapHtml += "<div class='sitem_tit'>";
					siteMapHtml += "<strong>" + depth1.menuNm + "</strong>";
					siteMapHtml += "</div>";
					siteMapHtml += "<ul>";
					/**************
					 * 2차 메뉴
					 **************/
					for (var j = 0; j < menuList.length; j++) {
						var depth2 = menuList[j];

			    		menuMap[depth2.menuNo] = depth2;

						if (depth2.menuLevel == 2 && depth2.upperMenuId == depth1.menuNo) {
							subMenuMap[depth1.menuNo].push( depth2 );
							subMenuMap[depth2.menuNo] = [];

							/**************
							 * 3차 메뉴
							 **************/
							var depth3Html = '<ul>';
							for (var k = 0; k < menuList.length; k++) {

								var depth3 = menuList[k];

								menuMap[depth3.menuNo] = depth3;

								if (depth3.menuLevel == 3 && depth3.upperMenuId == depth2.menuNo) {
									subMenuMap[depth2.menuNo].push( depth3 );

									depth3Html += "<li><a href='" + depth3.chkURL + "'>" + depth3.menuNm + "</a></li>";
								}
							}
							depth3Html += '</ul>';


							siteMapHtml += "<li><a href='" + depth2.chkURL +  "'>" + depth2.menuNm + "</a>";
							/*
							menuHtml += "<li><a href='" + depth2.chkURL +  "'>" + depth2.menuNm + "</a>";
							mobileMenuHtml += "<li><a href='" + depth2.chkURL + ( (depth3Html == '<ul></ul>') ? "' class='empty" : "" ) + "'>"  + depth2.menuNm + "</a>";
							*/
							if (depth3Html != '<ul></ul>') {
								/*
								menuHtml += depth3Html;
								mobileMenuHtml += depth3Html;
								*/
								siteMapHtml += depth3Html;
							}
							/*
							menuHtml += "</li>";
							mobileMenuHtml += "</li>";
							*/
							siteMapHtml += "</li>";
						}
					}
					/*
					menuHtml += "</div>";
					menuHtml += "</div>";
					menuHtml += "</div>";
					menuHtml += "</li>";

					mobileMenuHtml += "</ul>";
					mobileMenuHtml += "</li>";
					*/
					siteMapHtml += "</ul>";
	    		}
	    	}
			/*
			/$('#nav > #gnb > .tm').html(menuHtml);
	    	$('.mMenu_list').html(mobileMenuHtml);
	    	*/
			$('.sitemap_list').html(siteMapHtml);
			/* myPage s */
			var myPage = subMenuMap['6000000'];
			var myPageHtml = "";
			for (var i = 0; i < myPage.length; i++) {
				var menuNm = myPage[i].menuNm;
				var menuUrl = myPage[i].chkURL;
				menuUrl = menuUrl ? menuUrl : 'javascript:void(0)';
				myPageHtml += "<li><a href='" + menuUrl + "'>" + menuNm + "</a></li>";
			}
			$(".my_list").html(myPageHtml);
			/* myPage e */

			var search_param = window.location.search;
			if (search_param.trim() != "") {
				var paramArr = search_param.substring(1).split('&');
				paramArr.forEach(function (param) {
					if (param.split('=')[0] == 'menuNo') pathMenuNo = param.split('=')[1];
				});
			} else {
				pathMenuNo = $("#menuNo").val();
			}

			findMenuNavi(pathMenuNo);
			navi();
			//addMenuEvent();
	    },
	    error: function(e) {console.log(e);}
	});
}

/**
 * 메뉴 이벤트
 * @returns
 */
function addMenuEvent() {
	var param = "#gnb_wrap",
    obj = ".gnbSubM",
    btn = ".depth_1",
    wrap = ".tm",
    dur = 300,
    meth = "easeOutCubic";
	gnb(param, obj, btn, wrap, dur, meth);

	var mBtn = $(".sitemap_btn");
	var menuBox = $("#mMenu");
	var menuBoxW = $("#mMenu").width();
	var mClose = $(".mMenu_close");
	var dep1btn = $(".mMenu_list>li>a");
	var dep2con = $(".mMenu_list>li>ul");
	var dep2btn = $(".mMenu_list>li>ul>li>a");
	var dep3con = $(".mMenu_list>li>ul>li>ul");
	var dep3btn = $(".mMenu_list>li>ul>li>ul>li>a");
	var speed = 300;
	dep1btn.on("click", function () {
	    dep2con.slideUp(speed);
	    dep1btn.removeClass("on");
	    if ($(this).next("ul").is(":hidden")) {
	        $(this).addClass("on").next("ul").slideDown(speed);
	    } else {
	        $(this).removeClass("on").next("ul").slideUp(speed);
	    }
	    return false;
	});
	dep2btn.on("click", function () {
	    dep3con.slideUp(speed);
	    dep2btn.removeClass("on");
	    if ($(this).next("ul").is(":hidden")) {
	        $(this).addClass("on").next("ul").slideDown(speed);
	    } else {
	        $(this).removeClass("on").next("ul").slideUp(speed);
	    }
	    if ($(this).next("ul").length) {
	        return false;
	    }
	});
}

/**
 * 메뉴 Navi 찾기
 * @param target
 * @returns
 */
function findMenuNavi(target) {
	if (menuNavi.length == 0) menuNavi.unshift(String(target));

	var find = false;
	for(var key in menuMap) {
		var value = menuMap[key];
		if (find = (value.menuNo == target)) {
			target = String(value.upperMenuId);
			if (target != '0') menuNavi.unshift(target);
			break;
		}
	}

	if (find) {
		findMenuNavi(target);
	}
}

/**
 * 메뉴 Navi 적용
 * @returns
 */
function navi() {
	var menu1 = menuMap[menuNavi[0]];
	var menu2 = menuMap[menuNavi[1]];
	var menu2Sub = subMenuMap[menuNavi[0]];
	var menu3 = menuNavi[2] ? menuMap[menuNavi[2]] : '';
	var menu3Sub = menuNavi[2] ? subMenuMap[menuNavi[1]] : '';

	if (menu1) {
		$('#depth1').text(menu1.menuNm);
		$('#depth1').closest('a').attr("href", menu1.chkURL);

		var menu2SubHtml = '';
		for (var i = 0; i < menu2Sub.length; i++) {
			menu2SubHtml += "<li><a href='" + menu2Sub[i].chkURL + "'>" + menu2Sub[i].menuNm + "</a></li>";
		}

		$('#depth2').text(menu2.menuNm);
		$('#dropdown-menu2').html(menu2SubHtml);


		if (menu3) {
			var menu3SubHtml = '';
			for (var i = 0; i < menu3Sub.length; i++) {
				menu3SubHtml += "<li><a href='javascript:void(0)'>" + menu3Sub[i].menuNm + "</a></li>";
			}

			$('#depth3').text(menu3.menuNm);
			$('#dropdown-menu3').html(menu3SubHtml);
			$('.locate_home').next().next().next().show();
		}
	}
}