Mouseover over gif in frame changes background color of same frame

[seaberry]

I am trying to design a page that is a frames page - horizontally split through the middle. The bottom frame contains the images that will link to completely new page. But before clicking on image to go to another page, I want it so that when the user puts their mouse over the black and white image, the image will swap to the same image in color AND the background of the frame will change to a specific color. I am using Front Page 2003 on XP. Does anyone know of a script I can use? I tried going into Behaviors, then tried a mouseover - go to URL with the URL going to a "page" which is the bottom frame, but it doesn't work.

Thanks,
Susan

[acoder]

You can swap the image like this:
[html]<img id="image" src="whatever.gif" onmouseover="changeColBkg(this)">[/html]and in the javascript:

function changeColBkg(img) {
    // change img src:
    img.src='samecolor.gif';
    // change frame background
    document.body.style.backgroundColor = "#000000" // change to hex color that you want
}