bBlockEvents = false;
oEventTimeout = false;
sLastSubId = '';
sCurrentItemId = '';

function showNaviSub(sNaviSubId) {
	document.getElementById('naviSub').style.display = 'none';
	
	oNaviMain = document.getElementById('naviMain');
	aItems = oNaviMain.getElementsByTagName('DIV');
	
	for (i=0; i < aItems.length; i++) {
		if (aItems[i].className == 'naviSubLayer') {
			aItems[i].style.display = (aItems[i].id == 'naviSub_' + sNaviSubId)? 'block': 'none';
		}
		
		if (aItems[i].className == 'item' || aItems[i].className == 'item active') {
			if (sCurrentItemId == '' && aItems[i].className == 'item active') {
				sCurrentItemId = aItems[i].id;
			}
			aItems[i].className = (aItems[i].id == 'naviMain_' + sNaviSubId)? 'item active': 'item';
		}
	}
	
	sLastSubId = sNaviSubId;
}

function restoreNaviSub(eEvent) {
	if (!eEvent) eEvent = window.event;
	iMouseX = eEvent.clientX;
	iMouseY = eEvent.clientY;
	
	if (sLastSubId != '') {
		oRoot = document.getElementById('root');
		oHead = document.getElementById('head');
		oNaviMain = document.getElementById('naviMain');
		oNaviSub = document.getElementById('naviSub');
		
		iNaviLeft = oRoot.offsetLeft + oHead.offsetLeft + oNaviMain.offsetLeft;
		iNaviRight = iNaviLeft + 213 + 160;
		iNaviTop = oRoot.offsetTop + oHead.offsetTop + oNaviMain.offsetTop;
		iNaviBottom = iNaviTop + oNaviMain.offsetHeight;
		
		if (iMouseX < iNaviLeft || iMouseX > iNaviRight || iMouseY < iNaviTop || iMouseY > iNaviBottom) {
			aItems = oNaviMain.getElementsByTagName('DIV');
			for (i=0; i < aItems.length; i++) {
				if (aItems[i].className == 'naviSubLayer') {
					aItems[i].style.display = 'none';
				}
				if (aItems[i].className == 'item active') {
					aItems[i].className = 'item';
				}
			}
			
			document.getElementById('naviSub').style.display = 'block';
			sLastSubId = '';
			
			document.getElementById(sCurrentItemId).className = 'item active';
		}
	}
}

document.onmousemove = restoreNaviSub;