// Top Menu
function initNavigation(seq) {
	nav = document.getElementById("topnav");
	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;
		}
		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.current = null;
					}
				}
			}, 500);
		}
	}

	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("div").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.current = null;
			}
			if (nav.current != this) {
				menuImg = this.childNodes.item(0);
				menuImg.src = menuImg.src.replace(".gif", "_on.gif");
				if (this.submenu)
					this.submenu.style.display = "block";
				nav.current = this;
			}
			nav.isOver = true;
		}
		nav.menuseq++;
		nav.menu[nav.menuseq] = navAnchor;
	}
	if (nav.menu[seq])
		nav.menu[seq].onmouseover();
}

function initSubNav(catg, seq) {
	var i, j;
	var subnav = document.getElementById("submenu");
	var subnav_div = subnav.getElementsByTagName("div");
	var subnav_li, subnav_img;
	
	for (i = 0; i < subnav_div.length; i++) {
		if (subnav_div.item(i).className == "luna" || subnav_div.item(i).className == "asolution" || subnav_div.item(i).className == "point" || subnav_div.item(i).className == "kearsys" || subnav_div.item(i).className == "mypage") {
			subnav_li = subnav_div.item(i).getElementsByTagName("li");
			for (j = 0; j < subnav_li.length; j++) {
				subnav_img = subnav_li.item(j).getElementsByTagName("img").item(0);
				if (subnav_div.item(i).className == catg && seq == j + 1) {
					subnav_img.src = subnav_img.src.replace(".gif", "_on.gif");
				} else {
					subnav_img.onmouseover = function () {
						this.src = this.src.replace(".gif", "_on.gif");
					}
					subnav_img.onmouseout = function () {
						this.src = this.src.replace("_on.gif", ".gif");
					}
				}
			}
		}
	}
}