
//Height for fade out effect
var incHeight=0;
//set Timers
var times;
var times2;
//for count
var j;
var cnt=0;
//for real height
var list_hieght;	
//set Object for nodes
var ele;
var perEle;
//flag for un repeat
var flag=0;		
var flagGnb = 0;		


var cond_flagParm;
var flagParm;


//Fade out Effect
function drawMenu()
{
	 

	if(incHeight<list_hieght)
	{
		ele.style.height = incHeight+'px';
		incHeight=incHeight+4;
		ele.style.display = "block";
		ele.style.overflow="hidden";			
		times = setTimeout("drawMenu();",1);
	}
	else if(incHeight==list_hieght)
	{

		clearTimeout(times);
		clearTimeout(times2);
	}

}

//If element is selected call drawMenu
function View(num)
{

//Check flag for un repeat
	if(flag == 0)
	{
		clearTimeout(times);
		clearTimeout(times2);
		hideOthermenus(num);
		runSetMenu(num);	
	}
	else if(flag != num)
	{
		clearTimeout(times);
		clearTimeout(times2);
		hideOthermenus(num);
		runSetMenu(num);	
	}

}


//Hide other menus
function hideOthermenus(num)
{
		perEle = document.getElementById("menu");
		var mncount = 0;
		var len2 = perEle.childNodes.length; 
		for (var k=0;k<len2;k++)
		{		
			if(perEle.childNodes[k].nodeType == 1)
				mncount++;
		}
		for (var i=1;i<mncount+1;i++)
		{

			if(i != num)
				document.getElementById("sub_" + i).style.display = "none";
		}

}
//Set the menu to show
function runSetMenu(num)
{
		incHeight = 0;
		cnt =0;
		ele = document.getElementById("sub_"+ num);
		var len = ele.childNodes.length;
		
		for (j=0;j<len;j++)
		{		
			if(ele.childNodes[j].nodeType == 1)
				cnt++;
		}	
		list_hieght = cnt * 23;
		flag=num;	
		times2 = setTimeout("drawMenu()",1);
}

function initNavigation(seq) {
	nav = document.getElementById("gnb");
	nav.menu = new Array();
	nav.current = null;
	nav.menuseq = 0;
	navLen = nav.childNodes.length;
	
	allA = nav.getElementsByTagName("a")
	for(k = 0; k < allA.length; k++) {
		allA.item(k).onmouseover = allA.item(k).onfocus = function () {
			nav.isOver = true;
			if(this.firstChild.src.indexOf("_on.gif")==-1)	 { this.firstChild.src=this.firstChild.src.replace(".gif", "_on.gif"); }
		}

		allA.item(k).onmouseout = allA.item(k).onblur = function () {
			nav.isOver = false;
			setTimeout(function () {
				if (nav.isOver == false) {
					if (nav.menu[seq])
						nav.menu[seq].onmouseover();
					else if(nav.current) {
						menuImg = nav.current.childNodes.item(0);
						menuImg.src = menuImg.src.replace("_on.gif", ".gif");

						if (nav.current.submenu)
						{							
							nav.current.submenu.style.display = "none";
							nav.style.backgroundImage = "url(/assets/img/common/bg/bg_gnb_back_" + seq + ".gif)";
						}
						nav.current = null;
					}	
				}
			}, 2000);
			if(this.parentNode.parentNode.id!="gnb")	this.firstChild.src=this.firstChild.src.replace("_on.gif", ".gif");	
		}
	}
	
	var i;
	for (i = 0; i < navLen; i++) {
		navItem = nav.childNodes.item(i);				
		if (navItem.tagName != "LI")
			continue;
		

		navAnchor = navItem.getElementsByTagName("a").item(0);
		navAnchor.submenu = navItem.getElementsByTagName("ul").item(0);
		
		navAnchor.onmouseover = navAnchor.onfocus = function () {
			if (nav.current) {
				menuImg = nav.current.childNodes.item(0);
				menuImg.src = menuImg.src.replace("_on.gif", ".gif");
				if (nav.current.submenu)
					nav.current.submenu.style.display = "none"; //다른쪽 볼대 원래 선택되어있는 지우는함수
					nav.style.backgroundImage = "url(/assets/img/common/bg/bg_gnb_" + nav.current.className + ".gif)";
				nav.current = null;				
			}
			if (nav.current != this) {
				menuImg = this.childNodes.item(0);
				menuImg.src = menuImg.src.replace(".gif", "_on.gif");
				nav.style.backgroundImage = "url(/assets/img/common/bg/bg_gnb_back_" + seq + ".gif)";
				if (this.submenu)
					this.submenu.style.display = "block"; //다른거보고 돌아올때 다른서브메뉴 삭제
				nav.current = this;
			}
			nav.isOver = true;
			nav.style.backgroundImage = "url(/assets/img/common/bg/bg_gnb_" + nav.current.className + ".gif)";
			//배경도 같이 변함
		}
		nav.menuseq++;
		nav.menu[nav.menuseq] = navAnchor;		
	}
	if (nav.menu[seq])
		nav.menu[seq].onmouseover();
}