HTML Goodie’s Dual Image Flip Script

I was going to bug the guys at my host’s support forum for help, but I decided they need a break from me. So now you get me and my usually easily solved problems. Woohoo.

Anyway, I’m using [url=http://www.htmlgoodies.com/beyond/dualflip.html]the Dual Image flip script from HTMLGoodies[/url] much to my dismay (I like doing things myself, having to ask for help is very humbling ?), which is supposed to
1. Change the buttons on mouse over
and
2. Change another image (In my case the picture frame) when you hover over one of the buttons.

My page does neither X_x I’ve tried to follow their direction best I could, and I just can’t see why it’s not working, and I’ve no idea what might be causing this problem (Bet you just love questions like these, eh?).

Here’s my page: [url]http://stellmond.bravepages.com/testing.html[/url]

I modified the code to try and get it to work with my four buttons, but I’ve also tried narrowing it down to two like it has it on HTMLGoodie’s page, and still no success

Page with two buttons: [url]http://stellmond.bravepages.com/testing2.html[/url]

When you put your mouse over one of the buttons, the status bar says there’s an error, but I’m having problems understanding what it’s trying to tell me.

Any suggestions are appreciated by me and my little sister who I forced to run around the yard in a cape for a few hours, much to her annoyance, to get [i]that perfect picture[/i] to use as part of this script, and would be very upset if all that work was for nothing. Thanks in advance >.<

Edit: I guess I’ll post the code too, I wasn’t thinking too since the codes dealing with those images take up about 80% of the page, but I guess it might be easier to look at this way. Lesse how these tags work, I’m not used to this board…

[code=php]
<script type=”javascript”>

//Below is the code that pre-loads the graphics
{

//These are the large images
alt0 = new Image();
alt0.src = “/images/frame/castle.gif”;

alt1 = new Image();
alt1.src = “/images/frame/newbies.gif”;

alt2 = new Image();
alt2.src = “/images/frame/school.gif”;

alt3 = new Image();
alt3.src = “/images/frame/site.gif”;

alt4 = new Image();
alt4.src = “/images/frame/news.gif”;

//These are the first button graphics

graphic1= new Image();
graphic1.src = “/images/buttons/newbies.gif”;
graphic1on = new Image();
graphic1on.src = “/images/buttons/newbies2.gif”;

//These are the second button graphics

graphic2= new Image();
graphic2.src = “/images/buttons/school.gif”;
graphic2on = new Image();
graphic2on.src = “/images/buttons/school2.gif”;

graphic3= new Image();
graphic3.src = “/images/buttons/site.gif”;
graphic3on = new Image();
graphic3on.src = “/images/buttons/site2.gif”;

graphic4= new Image();
graphic4.src = “/images/buttons/news.gif”;
graphic4on = new Image();
graphic4on.src = “/images/buttons/news2.gif”;

//This is the function that calls for
//the change in the buttons

}
function imageChange(imageID,imageName,imageID2,imageName2) {

{
document.images[imageID].src = eval(imageName + “.src”);
document.images[imageID2].src = eval(imageName2 + “.src”);
}

}
</script>
[/code]

That’s in the head.
And here’s where the stuff actually displays in the page:

[QUOTE]

<table><tr><td><a href=”/char.html” onMouseOver=”imageChange(‘global’,’alt1′,’one’,’graphic1on’)” onMouseOut=”imageChange(‘global’,’alt0′,’one’,’graphic1′)”><img src=”/images/buttons/newbies.gif” name=”one” /></a>&nbsp;&nbsp;&nbsp;

[/QUOTE]
[QUOTE]

<a href=”http://www.javagoodies.com” onMouseOver=”imageChange(‘global’,’alt2′,’two’,’graphic2on’)” onMouseOut=”imageChange(‘global’,’alt0′,’two’,’graphic2′)”>
<img src=”/images/buttons/school.gif” name=”two” /></a></td><td>&nbsp;&nbsp;&nbsp;

[/QUOTE]
[QUOTE]

<a href=”http://www.javagoodies.com” onMouseOver=”imageChange(‘global’,’alt3′,’three’,’graphic3on’)” onMouseOut=”imageChange(‘global’,’alt0′,’three’,’graphic3′)”>
<img src=”/images/buttons/site.gif” name=”three” /></a>&nbsp;&nbsp;&nbsp;

[/QUOTE]
[QUOTE]

<a href=”http://www.javagoodies.com” onMouseOver=”imageChange(‘global’,’alt4′,’four’,’graphic4on’)” onMouseOut=”imageChange(‘global’,’alt0′,’four’,’graphic4′)”>
<img src=”/images/buttonsnews.gif” name=”four” /></a>
</td><tr><td>

[/QUOTE]
[QUOTE]

<img src=”/images/frame/castle.gif” name=”global” /></td><td>

[/QUOTE]

Also in #JavaScript _↴