Hi folks, I'm a newbie to the community. I'm currently trying to learn the basics of javascript, but what I want for a page I'm designing is waaaay over my head.

A simplified version of what I would like can be found on this page (don't mind the messed up pixels, this was just a test). Is there a script I can use that would allow the same (or similar) onMouseover actions, except for an image map?

<script language="javascript1.1">

<!--



c818=new Image(200,200)

c818.src="http://propheticsparks.com/nhtlink.gif"

c311=new Image(200,200)

c311.src="http://propheticsparks.com/gallery01.jpg"

//-->

</script>





<script>

<!--

function filter(imagename,objectsrc){

if (document.images)

document.images[imagename].src=eval(objectsrc+".src")

}

//-->

</script>









<a href="yoururl.htm"

onmouseover="filter('c296','c311')"

onmouseout="filter('c296','c818')">

<img src="http://propheticsparks.com/nhtlink.gif" name="c296" border=0 width=200 height=200></a>