Secondo me mi sto perdendo in un bicchiere d'acqua.
Vi posto il codice.

in JS

<script type="text/javascript">
//document.write('<STYLE TYPE="text/css">.imgTrans{ filter:revealTrans(duration=0.2,transition=23) }</STYLE>');
document.write('<STYLE TYPE="text/css">.imgTrans{ filter:blendTrans(duration=0.4) }</STYLE>');

var imgPath= "/it/images/";
var onImages=new Array();
function Rollover(imgName, imgSrc)
{
onImages[imgName] = new Image();
onImages[imgName].src = imgSrc;
}

function turnOn(imgName){
if(document.images[imgName].filters != null)
document.images[imgName].filters[0].apply();
document.images[imgName].offSrc = document.images[imgName].src;
document.images[imgName].src = onImages[imgName].src;
if(document.images[imgName].filters != null)
document.images[imgName].filters[0].play();
}

function turnOff(imgName){
if(document.images[imgName].filters != null)
document.images[imgName].filters[0].stop();
document.images[imgName].src = document.images[imgName].offSrc;
}

Rollover("btn1", imgPath + "topmenu_1_on.jpg");
//document.getElementByID(menu1).src = imgPath;
</script>

in HTML

[img]/topmenu_1_off.jpg[/img]

Se attivo il getElementByID mi va in conflitto con l'intero script.

Ho provato anche a cambiare imgPath e mettere l'indirizzo reale ma neanche funziona.

Boh!