Problema menu a scomparsa

Scusate a tutti ma ho un problema con un menu a scomparsa fatto in
javascript.
ecco il mio problema: innanzitutto ho una serie di bottoni orizzontali
che aprono ciascuno un layer sottostante con le relative sottovoci (e
fin qui tutto bene), il mio problema è che che quando apro una sottovoce
vorrei che la voce principale rimanesse evidenziata come se ci fosse il
mouse sopra.
La mia idea era di poter contralle a distanza gli effetti hover dello
stile del bottone principale, ma non ci sono riuscito, e comunque se
conoscete un'altra soluzione ve ne sarei molto grato.

Grazie a tutti per le risposte!!


Questo è lo script in javascript che uso:

////////////////
var N4 = document.layers?true:false;
var DOM2 = document.getElementById?true:false;
var RollerLayer = new Array();
var LastLiv = null;
var NumLiv = 2;

function Inizia()
{
for (i=0 ; i<NumLiv; i++)
RollerLayer[i]=N4?document.layers["roller"+i]OM2?document.getElementById("roller"+i).style:do cument.all["roller"+i].style;
}

function ShowLayer(n)
{
RollerLayer[n].visibility="visible";
LastLiv=n;
}

function HideLayer()
{
for (r=0 ; r<NumLiv; r++)
RollerLayer[r].visibility = "hidden";
}
onload=Inizia;
//////////////////

e questa è la mia pagina html:

//////////////////
/// bottone che richiama il js
/// e apre il layer sottostante
<div id="menu-barra">
<div id="bott1" class="bott"><a href="#" onmouseover="HideLayer(),
ShowLayer(0)" title="Voce principale" alt="Voce principale">Voce
principale</a></div>
</div>
/// layer con
<div id="menu-alto">
<div id="roller0" class="livelli" nmouseover="ShowLayer(0);ch('bott1');"
onmouseout="HideLayer()">
<a class="menu-elenco" href="#" title="voce1">voce1</a>
<a class="menu-elenco" href="#" title="voce2">voce2</a>
<a class="menu-elenco" href="#" title="voce3">voce3</a>
<a class="menu-elenco" href="#" title="voce4">voce4</a>
</div>
</div>