document.onclick = CloseAll;
numMenus = 7;
numSubMenus = 8;
numSubSubMenus = 8;

function CloseAll () {

	SubMenuAllOff();

	for(counter = 1; counter <= numMenus; counter++) {
		CloseMenu(counter);
		for(subcounter = 1; subcounter <= numSubMenus; subcounter++) {
			CloseMenu(counter.toString()+subcounter.toString());
		}
	}
}

function CloseMenu (menuNumber) {
	if(document.getElementById  && document.getElementById ('submenu' + menuNumber)) {
		document.getElementById ('submenu' + menuNumber).style.display='none';
	}

	if(document.getElementById && document.getElementById('menuitem' + menuNumber)) {
		document.getElementById('menuitem' + menuNumber).style.backgroundColor='white';
	}

}

function OpenMenu(menuNumber) {
	CloseAll();
	
	if(document.getElementById && document.getElementById('submenu' + menuNumber)) {
		document.getElementById('submenu' + menuNumber).style.display='block';
	 }

	if(document.getElementById && document.getElementById('menuitem' + menuNumber)) {
		document.getElementById('menuitem' + menuNumber).style.backgroundColor='#EEEEEE';
	}

}

function OpenSubMenu(menuNumber) {
	CloseAll();

	var parentNumber = menuNumber.toString().substr(0,1);

	if(document.getElementById && document.getElementById('submenu' + parentNumber)) {
		document.getElementById('submenu' + parentNumber).style.display='block';
	 }

	if(document.getElementById && document.getElementById('submenu' + menuNumber)) {
		document.getElementById('submenu' + menuNumber).style.display='block';
	 }

	if(document.getElementById && document.getElementById('menuitem' + menuNumber)) {
		document.getElementById('menuitem' + menuNumber).style.backgroundColor='#EEEEEE';
	}

}

function SubMenuAllOff () {
	for(counter = 1; counter <= numMenus; counter++) {
		for(subcounter = 1; subcounter <= numSubMenus; subcounter++) {
			SubMenuOff(counter.toString()+subcounter.toString());
			for(subsubcounter = 1; subsubcounter <= numSubSubMenus; subsubcounter++) {
				SubMenuOff(counter.toString()+subcounter.toString()+subsubcounter.toString());
			}
		}
	}
}

function SubMenuOff (menuNumber) {

	if(document.getElementById && document.getElementById('submenuitem' + menuNumber)) {
		document.getElementById('submenuitem' + menuNumber).style.backgroundColor='white';
	}

}

function SubMenuOn(menuNumber) {
    	SubMenuAllOff();

	if(document.getElementById && document.getElementById('submenuitem' + menuNumber)) {
		document.getElementById('submenuitem' + menuNumber).style.backgroundColor='#EEEEEE';
	}

}