var _2depthNavi;
var _tempNaviTitle;
var _tempNaviId;

var titleArray = new Array();
var menuArray  = new Array();
var menuIdArray = new Array();
var heightArray = new Array();
var selectedTitle;
var tempLinkTarget;

//LNB top 이미지 영역
function createLnbTop(url, menuDir, height)
{
	var lnbTopImg;
	var lnbTopImgDiv;
	var menuId;
	
	menuId = menuDir.split(".")[0];
	
	lnbTopImgDiv = document.getElementById("lnbTopImgDiv");
	
    lnbTopImg = document.createElement("img");
    lnbTopImg.src = "/ir/images/image/"+ menuId +"_leftMeny_top.gif";
    
    var imgBool = lnbTopImgDiv.hasChildNodes();
	
	//자식 노드가 있으면
    if(imgBool == true)
    {
        var imgId_old = lnbTopImgDiv.firstChild.getAttributeNode("id").nodeValue;//기존이미지 아이디 구하기
        var menuId_old = imgId_old.split("_")[1];

        //다른 메뉴아이디를 눌렀을 경우 -> 이미지 바꿔주기
    	if(menuId != menuId_old)
    	{
    		var tempTag = "/ir/images/image/"+ menuId +"_leftMeny_top.gif";
    		lnbTopImgDiv.firstChild.setAttribute("src", tempTag);
    	}
    }
    //자식노드가 없으면(img 테그가 없으면)
    else
    {
        lnbTopImg.id = "Img_"+menuId;//새로 아이디 부여하고
    	lnbTopImgDiv.appendChild(lnbTopImg);//새로생성
    }

    createLnb2Depth(url, menuDir, height);
}

//lnb xml menu 데이타 가져오기
function createLnb2Depth(url, menuDir, height) 
{
	var lnbListUl;
	var lnbListLi;
	
	$.ajax({
        url: "/ir/menus/GNB.xml",
        data: '',
        type: 'GET',
        dataType: 'xml',
        timeout: 30000,
        error: function(){
			//alert("통신에러가 났습니다.\n다시 시도해 주세요.");
			alert("menu정보  2depth를 가져오다가  통신에러가 났습니다.");
        },
        success: function(xml)
        {
        	var menuId = menuDir.split(".")[0];
			
			//전체 xml 메뉴 아이디를 totalMenuId 에 배열로 담는다.
			var totalMenuId = new Array();
			var i=0;
			$(xml).find('menuList').find('menuInfo').each(function(){
				totalMenuId[i] = $(this).attr('menuId');
				i++;
			});

			//전체 xml title을 titleArr 에 배열로 담는다.
			var totalTitle = new Array();
			var j=0;
			$(xml).find('menuList').find('menuInfo').each(function(){
				totalTitle[j] = $(this).find('title').text();
				j++;
			});

			//전체 메뉴아이디와 타이틀을 함께 joinArr 에 배열로 담는다.
			var joinArr = new Array();
			for(var m=0; m < j; m++)
			{
				joinArr.push(totalMenuId[m]+"/"+totalTitle[m]);
			}
			
			//클릭한 메뉴 아이디와 타이틀을 selectedMenu 에 배열로 담는다.
			var selectedMenu = new Array();
			for(var n=0; n < i; n++)
			{
				var tempMenuIdLength = menuId.length;
				var tempTotalMenuId = joinArr[n].substring(0,tempMenuIdLength);
				
				if(tempTotalMenuId == menuId)
				{
					selectedMenu.push(joinArr[n]);
				}
			}

			//선택된 아이들중 타이틀은 타이틀배열에 메뉴아이디는 아이디 배열에 담는다.
			var selectedTitle	= new Array();
			var selectedId		= new Array();
			for(var z=0; z<selectedMenu.length; z++)
			{
				selectedId.push(selectedMenu[z].split('/')[0]);
				selectedTitle.push(selectedMenu[z].split('/')[1]);
			}
			
			lnbListUl = document.getElementById("lnbListUl");
			lnbListLi = document.createElement("li");
			
			var subMenuId;
			var showLnb = "";
			subMenuId = menuDir.split(".")[1];
			
			//subMenuId가  있으면 3depth뿌리기
			if(subMenuId != null && subMenuId != "")
			{
				for(var x=1; x<selectedTitle.length; x++)
				{
					//클릭된 서브메뉴 아이디는 스타일 다르게..
					if(selectedId[x].split('.')[1] == subMenuId)
					{
						showLnb += "<li id='left_Menu0"+[x]+"_on' class='left_Menu0"+[x]+"_on'>";
						showLnb += "	<a href='javascript:lnbCall(\""+ selectedId[x] +"\")' class='left_on'>";
						showLnb += 			selectedTitle[x];
						showLnb += "	</a>";
						showLnb += "</li>";
						
						_2depthNavi = selectedMenu[x];//네비게이션 정보 담기
						createLnb3Depth(url, selectedId[x], height, "left_Menu0"+[x]+"_on");//다음 단계 실행
					}
					//클릭되지 않은 아이는 그냥..
					else
					{
						showLnb += "<li class='left_Menu0"+[x]+"'>";
						showLnb += "	<a href='javascript:lnbCall(\""+ selectedId[x] +"\")' class='left'>";
						showLnb += 			selectedTitle[x];
						showLnb += "	</a>";
						showLnb += "</li>";
					}
				}
			}
			
			//subMenuId가 없는경우
			else
			{
				//서브메인이 없는 경우
				if(url.indexOf("jsp") == -1 && url.indexOf("html") == -1)
				{
					lnbCall(url);
				}
				else
				{
					for(var g=1; g<selectedTitle.length; g++)
					{
						document.getElementById("subTop").style.display="none";
						showLnb += "<li class='left_Menu0"+[g]+"'>";
						showLnb += "	<a href='javascript:lnbCall(\""+ selectedId[g] +"\")' class='left' >";
						showLnb += 			selectedTitle[g];
						showLnb += "	</a>";
						showLnb += "</li>";
					}
					loadIframe(url, "contentsDiv", 714, height);
				}
			}
			
			//lnb menu 들을 스타일에 맞게 뿌려준다.
			lnbListUl.innerHTML = showLnb;
			
        }
    });
}

//3depth 불러오기(lnb xml 에서 불러옴)
function createLnb3Depth(url, menuDir, height, parentLiId)
{
	//공시정보는 새창이 열리면서 다른 주소로 감
	//if(menuDir == "IR.dart")
	//{	
		//var openNewWindow = window.open("about:blank");
		//openNewWindow.location.href = url;			
		//return;		
	//}
	
	var menuId = menuDir.split(".")[0];
	//찾아갈 lnb 파일 경로
	var menuXml;
	
	var menuDor_root = "/ir/menus/LNB/GNB/";
	var menuDir_xml = menuDir.replace(".", "/");
	menuDir_xml = menuDir_xml + ".xml";
	var menuLnbXmlDir = menuDor_root + menuDir_xml;
	
	menuXml = menuLnbXmlDir;

	$.ajax({
        url: menuXml,
        data: '',
        type: 'GET',
        dataType: 'xml',
        timeout: 30000,
        error: function(){
			alert("menu정보  3depth를 가져오다가  통신에러가 났습니다.");
			//alert("통신에러가 났습니다.\n다시 시도해 주세요.");
        },
        success: function(xml)
        {
        	var parentLi = document.getElementById(parentLiId);
        	
        	//전체 xml 메뉴 아이디를 totalSubMenuId 에 배열로 담는다.
			var totalSubMenuId = new Array();
			var i=0;
			$(xml).find('menuList').find('menu').each(function(){
				totalSubMenuId[i] = $(this).attr('menuId');
				i++;
			});
			
			// 메뉴 인포가 하나뿐이면(서브메이이면) 바로 컨텐츠 뿌리기
			if(totalSubMenuId.length == 1)
			{
				getContentsIfrm(url, menuDir, height);
			}
			
			//menuXml 경로를 따라 갔더니 메뉴 인포가 하나 이상이다 =>메뉴 다 펼쳐서 보여줘야 한다.
			else
			{
				var totalMenuId = new Array();
				var totalTitle = new Array();
				var totalTarget = new Array();
				var totalHeight = new Array();
				
				//전체 xml 메뉴 아이디를 totalMenuId 에 배열로 담는다.
				var l=0;
				$(xml).find('menuList').find('menuInfo').each(function(){
					totalMenuId[l] = $(this).attr('menuId');
					l++;
				});

				//전체 xml title을 titleArr 에 배열로 담는다.
				var j=0;
				$(xml).find('menuList').find('menuInfo').each(function(){
					totalTitle[j] = $(this).find('title').text();
					j++;
				});
				
				//전체 xml target을 totalTarget 에 배열로 담는다.
				var h=0;
				$(xml).find('menuList').find('menuInfo').each(function(){
					totalTarget[h] = $(this).find('target').text();
					h++;
				});
				
				//전체 xml height을 heightTarget 에 배열로 담는다.
				var k=0;
				$(xml).find('menuList').find('menuInfo').each(function(){
					totalHeight[k] = $(this).find('height').text();
					k++;
				});
				
				//전체 메뉴아이디와 타이틀을 함께 joinArr 에 배열로 담는다.
				var joinArr = new Array();
				for(var m=0; m < j; m++)
				{
					joinArr.push(totalMenuId[m]+"/"+totalTitle[m]+"~"+totalTarget[m]+"~"+totalHeight[m]);
				}
				
				//클릭한 메뉴 아이디와 타이틀을 selectedMenu 에 배열로 담는다.
				var selectedMenu = new Array();
				for(var n=0; n < i; n++)
				{
					var tempMenuIdLength = menuId.length;
					var tempTotalMenuId = totalMenuId[n].substring(0, tempMenuIdLength);
					
					if(tempTotalMenuId == menuId)
					{
						selectedMenu.push(joinArr[n]);
					}
				}

				//선택된 아이들중 타이틀은 타이틀배열에 메뉴아이디는 아이디 배열에 담는다.
				var selectedTitle = new Array();
				var selectedId = new Array();
				var selectedTarget = new Array();
				var selectedHeight = new Array();
				for(var z=0; z<selectedMenu.length; z++)
				{
					selectedId.push(selectedMenu[z].split('/')[0]);
					selectedTitle.push(selectedMenu[z].split('/')[1]);
					selectedTarget.push(selectedMenu[z].split('~')[1]);
					selectedHeight.push(selectedMenu[z].split('~')[2]);
				}
				
				//innerHTML로 뿌린다.
				var subMenuUl = document.createElement("ul");
				subMenuUl.className = "depth01";
				subMenuUl.id = "subMenuUlId";
				parentLi.appendChild(subMenuUl);
				
				var showSubMenu="";
				var sub3DepLi;
				_tempNaviTitle = "";
				_tempNaviId = "";
				
				//전역변수의 배열에 선택된 애들을 담는다.. navi에 쓰기 위해...
				menuIdArray = selectedId;
				titleArray 	= selectedTitle;
				menuArray  	= selectedTarget;
				heightArray = selectedHeight;
				var linkTarget = getLinkTarget();
				
				if(tempLinkTarget == linkTarget)
				{
					linkTarget = "";
				}
				
				for(var x=0; x < selectedTitle.length ; x++)
				{
					if(linkTarget != "")
					{
						if(menuIdArray[x] == linkTarget)
						{
							showSubMenu += "<li id='selectedLi' class='depth02' onclick='getContentsIfrm(\""+selectedTarget[x]+"\", \"" + selectedId[x] + "\" , \"" + selectedHeight[x] + "\")' style='cursor:hand;color:#FF6600;'>";
							showSubMenu += 			selectedTitle[x].substring(0, selectedTitle[x].indexOf("~"));
							showSubMenu += "</li>";
							
							getContentsIfrm(url, selectedId[x], height);//다음단계실행:컨텐츠 불러오기
							
							//네비게이션 정보 담기
							_tempNaviTitle = titleArray[x];
							_tempNaviId = menuIdArray[x];
						}
						//html문서에 popup이라는 말이 있으면 popup띄우기 ex=> 용어사전
						else if(selectedTarget[x].indexOf("popup") != -1)
						{
							showSubMenu += "<li id='selectedLi' class='depth02' onclick='openPopup(\""+selectedTarget[x]+"\")' style='cursor:hand;' onMouseOver='this.style.color=\"#FF6600\"' onMouseOut='this.style.color=\"#888\"'>";
							showSubMenu += 			selectedTitle[x].substring(0, selectedTitle[x].indexOf("~"));
							showSubMenu += "</li>";
						}
						else
						{
							showSubMenu += "<li id='sub3depthLi"+[x]+"' class='depth02' onclick='getContentsIfrm(\""+selectedTarget[x]+"\", \"" + selectedId[x] + "\" , \"" + selectedHeight[x] + "\")' style='cursor:hand;' onMouseOver='this.style.color=\"#FF6600\"' onMouseOut='this.style.color=\"#888\"'>";
							showSubMenu += 			selectedTitle[x].substring(0, selectedTitle[x].indexOf("~"));
							showSubMenu += "</li>";
						}
					}
					else
					{
						//Gnb에서 콜해서 온경우 첫번째 서브메뉴는 무조건 선택된 상태가 된다.
						
						if(x == 0)
						{
							showSubMenu += "<li id='selectedLi' class='depth02' onclick='getContentsIfrm(\""+selectedTarget[x]+"\", \"" + selectedId[x] + "\" , \"" + selectedHeight[x] + "\")' style='cursor:hand;color:#FF6600;'>";
							showSubMenu += 			selectedTitle[x].substring(0, selectedTitle[x].length-1);
							showSubMenu += "</li>";

							getContentsIfrm(url, selectedId[0], height);//다음단계실행:컨텐츠 불러오기

							//네비게이션 정보 담기
							_tempNaviTitle 	= titleArray[x];
							_tempNaviId 	= menuIdArray[x];
						}
						else
						{
							showSubMenu += "<li id='sub3depthLi"+[x]+"' class='depth02'  onclick='getContentsIfrm(\""+selectedTarget[x]+"\", \"" + selectedId[x] + "\" , \"" + selectedHeight[x] + "\")' style='cursor:hand;' onMouseOver='this.style.color=\"#FF6600\"' onMouseOut='this.style.color=\"#888\"'>";
							showSubMenu += 			selectedTitle[x].substring(0, selectedTitle[x].length-1);
							//onclick='getContentsIfrm(\""+selectedTarget[x]+"\", \"" + selectedId[x] + "\" , \"" + selectedHeight[x] + "\")' style='cursor:hand;'
							showSubMenu += "</li>";
						}
					}

				}
				
				tempLinkTarget = linkTarget;
				document.getElementById("subMenuUlId").innerHTML = showSubMenu;
			}
        }
	});
}

//컨텐츠 영역 뿌려주기
function getContentsIfrm(url, menuDir, height)
{	
	//var tempUrl = url;

	//페이지내 링크의 경우
	if(getLinkMenuId() != "")
	{
		var tempId = getLinkMenuId();
		
		setLinkMenuId("");
		
		for(var i=0; i < menuArray.length; i++)
		{
			if(tempId == menuIdArray[i])
			{
				getContentsIfrm(menuArray[i], menuIdArray[i], heightArray[i]);
				return;
			}
		}
	}
	
	//3depth까지 간다면
	var showSubMenu = "";
	if(menuArray.length != 0)
	{
		var showSubMenu = "";
		for(var m = 0 ; m < menuArray.length ; m++)
		{
			if(menuArray[m] == url)
			{
				showSubMenu += "<li id='selectedLi' class='depth02' onclick='getContentsIfrm(\""+url+"\", \"" + menuDir + "\" , \"" + height + "\")' style='cursor:hand;color:#FF6600;'>";
				showSubMenu += 			titleArray[m].substring(0, titleArray[m].length-1);
				showSubMenu += "</li>";
				
				//네비게이션 정보 담기
				_tempNaviTitle 	= titleArray[m];
				_tempNaviId = menuIdArray[m];
			}
			else
			{
				showSubMenu += "<li id='sub3depthLi"+[m]+"' class='depth02' onclick='getContentsIfrm(\""+menuArray[m]+"\", \"" + menuIdArray[m] + "\" , \"" + heightArray[m] + "\")' style='cursor:hand;' onMouseOver='this.style.color=\"#FF6600\"' onMouseOut='this.style.color=\"#888\"'>";
				showSubMenu += 			titleArray[m].substring(0, titleArray[m].length-1);
				showSubMenu += "</li>";
			}
		}
		if(document.getElementById("subMenuUlId") != null ) document.getElementById("subMenuUlId").innerHTML = showSubMenu;
		
	}
	
	loadIframe(url, "contentsDiv", 714, height);
	createContTop(url, menuDir, height); //여기서 메뉴 아이디 잘못 넘어옴
}

//top title 이미지 영역 생성
function createContTop(url, menuDir, height)
{
	var topImgRoot = "/ir/images/topTitle/";
	var topImgDir;
	var topImgUrl;
	var menuId;
	
	var depth3Id = menuDir.split(".")[2];

	//2depth까지만 가는 거라면
	if(depth3Id == "" || depth3Id == null)
	{
		_tempNaviTitle ="";
		_tempNaviId ="";
		
		var lastDepth = menuDir.split(".")[1];
		topImgDir = menuDir.split(".").join("/");
		topImgUrl = topImgRoot + topImgDir + "/" + lastDepth +".gif";
		
		menuId = lastDepth;//이미지에 
	}
	//3depth 까지 간다면
	else
	{
		topImgDir = menuDir.split(".").join("/");
		topImgUrl = topImgRoot + topImgDir + ".gif";
		
		menuId = topImgDir.split("/")[2];
	}
	
	var subTitleImgLi = document.getElementById("subTitleImg");
	var topImg = document.createElement("img");
	
	//이미지가 없으면 생성
	var titleImgBool = subTitleImgLi.hasChildNodes();
	if(titleImgBool == false)
	{
		topImg.src = topImgUrl;
		topImg.id = "topImg_"+menuId;
		subTitleImgLi.appendChild(topImg);
	}
	//기존이미지 있으면 지우고 생성
	else
	{
		var oldImgId = subTitleImgLi.firstChild.getAttributeNode("id").nodeValue;//기존이미지 아이디 구하기
		var oldImg = document.getElementById(oldImgId);
		
		subTitleImgLi.removeChild(oldImg);
		
		var topImg_new = document.createElement("img");
		topImg_new.src = topImgUrl;
		topImg_new.id = "topImg_"+menuId;
		
		subTitleImgLi.appendChild(topImg_new);
		
	}
	
	createCate(url, menuDir, height);
	
}

//네비게이션
function createCate(url, menuDir, height)
{
	var rootNaviEng = _2depthNavi.split(".")[0];
	
	var naviStrTitle = "";
	var naviStrId = "";
	
	var navi1depth = "";
	if		( rootNaviEng == "company" ) 	navi1depth = "회사정보";
	else if ( rootNaviEng == "business" ) 	navi1depth = "사업소개";
	else if ( rootNaviEng == "cyberpr" ) 	navi1depth = "사이버홍보실";
	else if ( rootNaviEng == "IR") 			navi1depth = "IR";
	else if ( rootNaviEng == "Recruiting" ) navi1depth = "채용정보";

	//3depth까지 간다면
	if(_tempNaviTitle != "" && _tempNaviTitle != null)
	{
		naviStrTitle = "home" + "," + navi1depth + "," + _2depthNavi.split("/")[1] + "," + _tempNaviTitle.split("~").join("");
		naviStrId = "home" + "," + rootNaviEng + "," + _2depthNavi.split("/")[0] + "," + _tempNaviId.split("~").join("");
	}
	//3depth까지가 아니라면
	else
	{
		naviStrTitle = "home" + "," + navi1depth + "," + _2depthNavi.split("/")[1];		
		naviStrId = "home" + "," + rootNaviEng + "," + _2depthNavi.split("/")[0];
	}
	var tempString = naviStrTitle.split(",");
	var depthLenth = tempString.length;
	
	var naviTitle = new Array();
	var naviId = new Array();
	for(var f=0; f<depthLenth; f++)
	{
		naviTitle[f] = naviStrTitle.split(",")[f];
		naviId[f] = naviStrId.split(",")[f];
	}
	
	var homeCate;
	var li_text;
	var span_text;
	var cateArea = document.getElementById("cateUl");
	
	cateArea.innerHTML = '';
	homeCate = document.createElement("li");
	homeCate.id = "cateLiHome";
	homeCate.className = "cateList";
	homeCate.innerHTML = naviTitle[0] + "&nbsp;&gt;&nbsp;";
	
	cateArea.appendChild(homeCate);
	
	for(var a=1; a < naviTitle.length; a++)
	{
		if(a == naviTitle.length-1)
		{
			li_text = document.createElement("li");
			li_text.className = "last";
			li_text.id = "lastCate";
			li_text.innerHTML = naviTitle[a];
			cateArea.appendChild(li_text);
		}
		else
		{
			li_text = document.createElement("li");
			li_text.id = "liCate"+[a];
			li_text.className = "liCate";
			li_text.innerHTML = "<a href='javascript:lnbCall(\""+ naviId[a] +"\")' class='cate'>" + naviTitle[a] + "</a>&nbsp;&gt;&nbsp;";
			cateArea.appendChild(li_text);
		}
	}

}