Salve a tutti, ho costruito questo menu con sottomenu a cascata verticali tramite queste due funzioni javascript.

codice:
function startmenu()
{
	document.getElementById('menu1').style.display = "none";
	document.getElementById('menu2').style.display = "none";	
}

function menufunc(menuId)
{
	if(document.getElementById(menuId).style.display == "none")
	{
		startmenu();
		document.getElementById(menuId).style.display = "block";
	}
	else
	{
		startmenu();
	}
}
e questo è l'html del menu:
codice:
ABOUT
<div id="menu1">
	Team

	Award

	Press


</div>



WORKS
<div id="menu2">
	Projects

	Graphics

	Products

	

</div>
Il menu fa si che quando si clicca su ABOUT o WORKS compare il sottomenu verticale, cliccando poi su una delle sottovoci, questa (tramite css) si evidenzia ma solo durante le azioni hover, focus, active. Cliccando poi in ogni altra parte della pagina ritornano grigie (colore delle scritte del menu a riposo)
Ora il problema che vorrei risolvere è: come fare per far rimanere evidenziata la scritta della sezione in cui ci si trova fino a quando non si clicca su un altra sezione?
Grazie!

P.S. Ho deciso di pubblicarlo nella sezione javascript poichè il menu è realizzato in javascript, se credete che non sia pertinente in quanto si parla anche di css chiedo scusa in anticipo.