Rollover ImageSwap Delay On MouseOut

Hi all, i am new here But i am hoping you can help me with a javascript i am using. I have it working fine where when you rollover any image in a group of images it changes a seperate image to give information about the thumbnail you are rolling over. However i would like to if possible add a delay so that as you rollover different images it doesn't keep flashing back to the original image.....

Here is my code:

and then

onMouseover="change1('pic1','image2')"

onMouseout="change1('pic1','image_off')">

for the different thumbnails...

i tried

function change2(picName,imgName,Delay)

{

if (document.images)

{

imgOn=eval(imgName + ".src");

document[picName].src= imgOn;

}

delay? setTimeout(execute,delay) : execute();

}

and then:

onMouseout="change2('pic1','image_off',500)">

but that didn't seem to work.

Any help would be greatly appreciated

#500338