Dear All,
I'm new to SitePoint and I hope someone can help or advise me. Below is the javascript I have on each of the pages for the links on my website: http://homepage.eircom.net/~hogsruscork

Everything works in IE5, but I have problems in Netscape 4.6, and Netscape 6.
In NS4.6, the rollover works once, without the sound, and then just flips from the "off" state to the last frame of the "on" state in the animated gif.
In NS6 however, still no sound, and the rollover just goes from the initial "off" state to a blank "on" state.

I would really appreciate it if anyone could offer some advice as to where my problem might lie.
Thanks in advance.
Keith Kenrick.




<html>
<head>
<title></title>

<script language="JavaScript">
<!--
if (document.images){
bikeOn = new Image
bikeOff = new Image
bikeOn.src = "images/bikeon.gif"
bikeOff.src = "images/bikeoff.gif"

bikeOn1 = new Image
bikeOff1 = new Image
bikeOn1.src = "images/bikeon.gif"
bikeOff1.src = "images/bikeoff.gif"

bikeOn2= new Image
bikeOff2 = new Image
bikeOn2.src = "images/bikeon.gif"
bikeOff2.src = "images/bikeoff.gif"

bikeOn3 = new Image
bikeOff3 = new Image
bikeOn3.src = "images/bikeon.gif"
bikeOff3.src = "images/bikeoff.gif"
}
else
{
bikeOn = ""
bikeOff = ""
bikeOn1 = ""
bikeOff1 = ""
bikeOn2 = ""
bikeOff2 = ""
bikeOn3 = ""
bikeOff3 = ""
}
//-->

</script>
</head>
<body>



<!--THESE ARE THE LINKS-->

<p><strong><a href="bikes.html" onMouseover="document.bike.src=bikeOn.src, playHome()" onMouseout="document.bike.src=bikeOff.src">
<img src="images/bikeoff.gif" align="middle" border="0" name="bike"><br>Bikes</a></strong>

<p><strong><a href="parts_accs.html" onMouseover="document.bike1.src=bikeOn1.src, playHome()" onMouseout="document.bike1.src=bikeOff1.src">
<img src="images/bikeoff.gif" align="middle" border="0" name="bike1"><br>Parts & Accessories</a></strong>

<p><strong><a href="contact.html" onMouseover="document.bike2.src=bikeOn2.src, playHome()" onMouseout="document.bike2.src=bikeOff2.src">
<img src="images/bikeoff.gif" align="middle" border="0" name="bike2"><br>Contact/Mail Order</a></strong>

<p><strong><a href="links.html" onMouseover="document.bike3.src=bikeOn3.src, playHome()" onMouseout="document.bike3.src=bikeOff3.src">
<img src="images/bikeoff.gif" align="middle" border="0" name="bike3"><br>Links</a></strong>



<!-- THIS CODE AT THE END OF THE PAGE . IT ENABLES THE SOUND-->

<embed src="varoom.wav" autostart="false" hidden="true">
<script language="JavaScript">
<!--
function playHome()
{
if (document.all)
{
document.all.sound.src = "varoom.wav";
}
}
//-->
</script>
<bgsound id="sound">


</body>
</html>