🚀 go-pugleaf

i can't get my mouseover images to change...well they cahnge, but they change
to the little box with an x in it, signifying that the image will not
load...here is my source code:

<html>
<head>
<SCRIPT language="JavaScript">
<!-- This script and many more are available online from -->
<!-- The JavaScript Source!! http://javascriptsource.com -->
<!-- Begin
function move_in(img_num,img_name) {
document.images[img_num].src=img_name;
}
function move_out(img_num,img_name) {
document.images[img_num].src=img_name;
}
// End -->
</SCRIPT>
</head>
<body bgcolor="#000000" text="#ffffff" link="#000000" vlink="#000000"
alink="#000000"><center>

<A HREF="welcome.html"target=links
onmouseover="move_in(0,'welcome.jpg')"
onmouseout="move_out(0,'welcome2.jpg')">
<IMG SRC="welcome.jpg" ALT="Welcome"></A>
<A HREF="progs.html" 
onmouseover="move_in(1,'progs.jpg')" 
onmouseout="move_out(1,'progs2.jpg')">
<IMG SRC="progs.jpg" ALT="Progs"></A>
<A HREF="links.html" 
onmouseover="move_in(2,'links.jpg')" 
onmouseout="move_out(2,'links2.jpg')">
<IMG SRC="links.jpg" ALT="Links"></A>
<A HREF="e-mail.html" 
onmouseover="move_in(3,'e-mail.jpg')" 
onmouseout="move_out(3,'e-mail2.jpg')">
<IMG SRC="e-mail.jpg" ALT="E-Mail Tha Prez"></A>
</center>
</body>
</html>