var menuitem = null;

function show(id) {
	if (!id) return;
	hide(menuitem);

	var submenu = null;
	var elem = document.getElementById(id);
	elem.className = "menuitem active";

	var items = elem.getElementsByTagName("div");
	for (i = 0; i < items.length; i++) {
		if (items[i].className == 'submenu') {
			submenu = items[i];
			break;
		}
	}
	if (submenu) {
		submenu.style.display = 'block';
	}
	menuitem = id;

}

function hide(id) {
	if (!id) return;
	var submenu = null;
	var elem = document.getElementById(id);

	elem.className = "menuitem";
	var items = elem.getElementsByTagName("div");
	for (i = 0; i < items.length; i++) {
		if (items[i].className == 'submenu') {
			submenu = items[i];
			break;
		}
	}
	if (submenu) {
		submenu.style.display = 'none';
	}
}

function bodyclick(evt) {
	hide(menuitem);
}

document.onclick = bodyclick;