MouseOver script.

[Jeffry]

I am looking for a mouseOver script that swaps an image and plays a sound on mouseOver and plays another sound on click.

Jeffry

[Jeffry]

I use following script for swap image.
Is it possible to combine the sounds with this script?

<script language="JavaScript">
<!--

browserName = navigator.appName;

browserVer = parseInt ( navigator.appVersion );

version = "n2";

if ( browserName == "Netscape" && browserVer >= 3 ) version = "n3";

if ( browserName == "Microsoft Internet Explorer" && browserVer >=4 ) version = "e4";

if ( version == "n3" ¦¦ version == "e4" )

{

about_on = new Image ;

about_on.src = "images/about_on.jpg";

news_on = new Image ;

news_on.src = "images/news_on.jpg";

guests_on = new Image ;

guests_on.src = "images/guests_on.jpg";

services_on = new Image ;

services_on.src = "images/services_on.jpg";

links_on = new Image ;

links_on.src = "images/links_on.jpg";

email_on = new Image ;

email_on.src = "images/email_on.jpg";

force_on = new Image ;

force_on.src = "images/left_on.jpg";

logo_on = new Image ;

logo_on.src = "images/logo_on.jpg";

about_off = new Image ;

about_off.src = "images/about_off.jpg";

news_off = new Image ;

news_off.src = "images/news_off.jpg";

guests_off = new Image ;

guests_off.src = "images/guests_off.jpg";

services_off = new Image ;

services_off.src = "images/services_off.jpg";

links_off = new Image ;

links_off.src = "images/links_off.jpg";

email_off = new Image ;

email_off.src = "images/email_off.jpg";

force_off = new Image ;

force_off.src = "images/left_off.jpg";

logo_off = new Image ;

logo_off.src = "images/logo_off.jpg";

}

function button_on ( imgName )

{

if ( version == "n3" ¦¦ version == "e4" )

{

butOn = eval ( imgName + "_on.src" );

document [imgName].src = butOn;

}

}

function button_off ( imgName )

{

if ( version == "n3" ¦¦ version == "e4" )

{

butOff = eval ( imgName + "_off.src" );

document [imgName].src = butOff;

}

}

// -->
</script>

<a href="about.html" onmouseover="button_on('logo'); return true" onmouseout="button_off('logo'); return true">
<img border="0" src="images/logo_off.jpg" name="logo" width="496" height="395"></a>

Jeffry