hO CORRETTO IL TUO ESEMPIO IN BASE ALLE MIE FUNZIONI,
poiché di solito il rollOver viene applicato ad immagini che devono dare un effetto di accensione e spegnimento, i nomi dei files saranno simili e sfruttabili nella maniera in cui puoi vedere più in basso


<html>

<head>
<title>Esercizi On Line!!</title>
<script language="JavaScript" type="text/javascript">
<!--
function rollMeOver(imgName)
{
document.images[imgName].src = "image/" + imgName + "_on.gif";
}

function rollMeOut(imgName)
{
document.images[imgName].src = "image/" + imgName + "_off.gif";
}
//-->
</script>
</head>

<body>
<a onMouseOver="rollMeOver('mago')" onMouseOut="rollMeOut('mago')">
[img]image/mago_off.gif[/img]
</a>
</body>

</html>