Menu problem ved onclick/onmouseover

Hej

Jeg har en menu, som har 3 funktioner.

Her er mouseover:
<script language="JavaScript">
function rollIn(imgName)
{
if (document.images)
{
document[imgName].src=eval(imgName + "on.src");
}
}

Denne sørger for billed til det menupunkt der er valgt og fravælge alle andre:


var buttonClicked = null;
function clickButton(imgName)
{
var num = parseInt(imgName.substring(7),10);
for (i=1;i<8;i++)
{
if(i!=num)
{
imgOff="button_"+i+"_";
document[imgOff].src=eval(imgOff + "off.src");
}
}
buttonClicked= imgName;
}

Så dermed skulle det valgte billed blive gemt i buttonClicked.

Så har jeg følgende til mouseout:
function rollOut(imgName)
{
if (document.images&&imgName!=buttonClicked)
{
document[imgName].src=eval(imgName + "off.src");
}
}
</script>

Hvor der tjekkes på at det ikke er det valgte buttonClicked vi er på.

Det er sådan jeg har forstået koden, men alligevel så laves der en rollout efter klik på menu hvis jeg ikke hurtigt fjerner musen, derved mister man det at man kan se hvilket menupunkt man er på. Det er som om den ikke bruger buttonClicked til noget som helst...

Er der nogen der kan hjælpe??