i had a mouse over that worked fine on an image but i changed the image and it wont work now can anyone see why?

preload:

<SCRIPT LANGUAGE="JavaScript">

<!-- Begin
// Preload Images
var image0 = new Image(); image0.src = "grfx/gif/ts4.gif";
var image1 = new Image(); image1.src = "grfx/gif/ts4a.gif";
var image2 = new Image(); image2.src = "grfx/gif/ls2o.gif";
var image3 = new Image(); image3.src = "grfx/gif/rs2o.gif";
var image4 = new Image(); image2.src = "grfx/gif/ls2f.gif";
var image5 = new Image(); image3.src = "grfx/gif/rs2f.gif";
// End -->

</script>

actual mouse over:

<a href=" onmouseover="image0.src='grfx/gif/ts4a.gif';"onmouseout="image0.src='grfx/gif/ts4.gif';" #" align="center" valign="middle">
<img name="image0" border="0"
src="grfx/gif/ts4.gif">

Thanks!