mouse over script for multiple pages

Ok, I have a script that just make a picture mouseover but because different pages all use the same one its an outside .js file. Heres the code:

[CODE]

<!– Begin

if (document.images) {

nexton = new Image(120, 55);
nexton.src = “gnexton.gif”

nextoff = new Image(120, 55);
nextoff.src = “gnextoff.gif”

}

function img_act(imgName) {
if (document.images) {
imgOn = eval(imgName + “on.src”);
document [imgName].src = imgOn;
}
}

// –>

[/CODE]

the line in the html looks like this:

[CODE]<script language=”JavaScript” src=”mouseover.js”></script></head>[/CODE]

&

[CODE]
<A HREF=”gallery2.html” ONMOUSEOVER=”img_act(‘next’)” ONMOUSEOUT=”img_inact(‘next’)”><IMG NAME=”next” BORDER=”0″ ALT=”next” WIDTH=”120″ HEIGHT=”55″ SRC=”gnextoff.gif” ALIGN=”RIGHT”></a><br>
[/CODE]

all it does is turn the link “gnextoff.gif” into “gnexton.gif” when you mouse over. I’m trying to do the same thing on another page but with the images “gbackoff.gif” and “gbackon.gif”. I’m not sure how to do it though? Can I just add to that .js file or do I have to make another? I prefer to just add but don’t have enough Js knowledge to know what I’m doing… I tried a few things but they didn’t work….

thanks….

Also in #JavaScript _↴