Il codice fa in modo che se passo sulle immagini in <a> lo sfondo cambia inerentemente a quella immagine! Ma lo script non funziona! (Non si vedono le immagini e non cambia lo sfondo!)

codice:
<HTML>
<HEAD>
<script LANGUAGE="JavaScript">
<!-- Begin
if (navigator.appName == "Microsoft Internet Explorer") {
image_directory = "http://digreo.interfree.it/";
pic1 = new Image();pic1.src = "SFONDOgrigio.jpg";
pic2 = new Image();pic2.src = "SFONDOverde.jpg";
pic3 = new Image();pic3.src = "SFONDOscuro.jpg";
pic4 = new Image();pic4.src = "SFONDOviola.jpg";
}
function imagechange(imgName) {
if (navigator.appName == "Microsoft Internet Explorer") {
document.body.background = eval(imgName + ".src");
 }
}
//End -->
</script>
</head>
<body name="bg">
<p align="center"> </p>
<div align="center"><center>
<table border="1" cellspacing="2" style="border-width:2mm; border-color:rgb(153,204,255); 

border-style:ridge;">
<tr>
<td>[img]SFONDOgrigio.jpg[/img]</td>
<td>[img]SFONDOverde.jpg[/img]</td>
</tr>
<tr>
<td>[img]SFONDOscuro.jpg[/img]</td>
<td>[img]SFONDOviola.jpg[/img]</td>
</tr>
</table>
</div>

</BODY>
</HTML>