Well, for starters, you are using code that was designed to be used with the browsers available circa 1997 or 1998, at the latest.
The code is so old it has mold on it.
Even back then, though, the accepted way to access images by name was
Code:
document.images[name]
and *NOT* simply
Code:
document[name]
Today, you really should just stop using names, altogether, and us id's.
It's almost hilarious that code as old as that would be combined with "xhtml1-transitional.dtd" (which didn't exist when that code was written).
K.I.S.S.
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!-- saved from url=(0014)about:internet -->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
td img {display: block;}
</style>
<script type="text/javascript">
// you only need to pre-load the images that aren't already in the page:
image1on = new Image();
image1on.src = "img/index_r8_c4_RED.gif";
image2on = new Image();
image2on.src = "img/index_r4_c14_RED.gif";
function on(image) {
image.src = image.src.replace(/\.gif/,"_RED.gif");
}
function on(image) {
image.src = image.src.replace(/\_RED.gif/,".gif");
}
</script>
</head>
<body background="img/background.jpg">
<table border="0" cellpadding="0" cellspacing="0" width="1025" align="center">
<!-- fwtable fwsrc="main v1.png" fwpage="Page 1" fwbase="index.gif" fwstyle="Dreamweaver" fwdocid = "154491994" fwnested="0" -->
<tr>
<td><a href="OurPastWork.htm">
<img src="img/index_r8_c4.gif" width="279" height="45" border="0" alt=""
onmouseover="on(this);" onmouseout="off(this)" /></a></td>
<td><a href="OurExperience.htm">
<img src="img/index_r4_c14.gif" width="186" height="50" border="0" alt=""
onmouseover="on(this);" onmouseout="off(this)" /></a></td>
</tr>
</table>
</body>
</html>
Of course, it's hard to blame you, at all. It's just the dreaded obsolete stuff we expect from DreamWeaver (which we variously call "NightmareWeaver" or [my favorite]"DreadWhacker").
__________________
An optimist sees the glass as half full.
A pessimist sees the glass as half empty.
A realist drinks it no matter how much there is.
<script type="text/javascript">
// you only need to pre-load the images that aren't already in the page:
image1on = new Image();
image1on.src = "img/index_r8_c4_RED.gif";
image2on = new Image();
image2on.src = "img/index_r4_c14_RED.gif";
function on(image) {
image.src = image.src.replace(/\.gif/,"_RED.gif");
var hs = document.getElementById("hidesound");
var url = "...path to the sound file you want to play ...";
hs.innerHTML = '<embed src="' + url + '" hidden="true" autostart="true" loop="false" />';
}
}
function off(image) {
image.src = image.src.replace(/\_RED.gif/,".gif");
}
</script>
</head>
<body>
<!-- the following span can go anywhere on the page (very bottom is good place)-->
<span id="hidesound"></span>
...
__________________
An optimist sees the glass as half full.
A pessimist sees the glass as half empty.
A realist drinks it no matter how much there is.
You are using code that was written for the browsers current in 1998 or so.
I have no idea why you would want to use something so ancient, but in any case it's not surprising that Chrome, which didn't even appear until 10 years later, can't handle obsolete code like that.
__________________
An optimist sees the glass as half full.
A pessimist sees the glass as half empty.
A realist drinks it no matter how much there is.
Before you post, read our: 
)
