Javascript mouse over (multiple use problem)

JavaScript
1

Hi Everybody,

I am having difficulties with a javascript mouseover. This is what I have in the head:
<SCRIPT LANGUAGE=“JavaScript”>
<!-- Begin
loadbutton1 = new Image();
loadbutton1.src = “small2.jpg”;
staticbutton1 = new Image();
staticbutton1.src = “small1.jpg”;
// End –>
</script>

in the body I have:
<img name=“button1” src=“small1.jpg” width=“30” style=“border-width: 0px;” />

however I want to use this multiple times on the webpage (with the mouse over of course) and it will not work more than once, how can I change this so it works?

thank you in advance!

2

<SCRIPT type=“text/javascript”>
loadbutton1 = new Image();
loadbutton1.src = “small2.jpg”;
staticbutton1 = new Image();
staticbutton1.src = “small1.jpg”;
</script>

<img name=“button1” src=“small1.jpg” width=“30” style=“border-width: 0px;” onmouseover=“this.src=small2.jpg” onmouseout=“this.src=small1.jpg” />