Preload image? I'm stuck...

[solidcodes]

Hi i have done this before on my personal website czone01.com

Now I'm applying this to my client site http://www.capitolpreservation.com
and now I'm really, really stuck... I followed it everything from my site.
and when i hover the mouse on the home pic it doesn't show the 2nd image.

here --> http://www.capitolpreservation.com/temp/

Why is this?

THANK YOU, THANK YOU, THANK YOU VEEERRRRYYY MUUUUCHHHHH IN ADVANCE!!!!

i tried it maybe 20 times, can some one please show me the way. i'm lost...

[solidcodes]

<script type="text/javascript">
<!--
// preload images
	homeOff = new Image()
	homeOff.src = "images/iconhome.jpg"
	homeOn = new Image()
	homeOn.src = "images/iconhome2.jpg"

function rollOver (imgName)
{
    document.images[imgName].src =
      eval(imgName + "On.src")
}
function rollOut (imgName)
{
    document.images[imgName].src =
      eval(imgName + "Off.src")
}	
//-->
</script>

inside the body...

			
<div id="homediv" style="position:absolute; left:171px; top:0px; width:70px; height:169px; z-index:2;">
				<a HREF="http://www.capitolpreservation.com" onMouseover="rollOver('homeholder')" onMouseout="rollOut('homeholder')">
					<img src="images/iconhome.jpg" name="homeholder" width="70" height="200" id="homeholder" border="0"/>
				</a>

</div>

i'm hoping someone will help me.

[siteguru]

<img src="images/iconhome.jpg" name="homeholder" width="70" height="200" id="homeholder" border="0"/>

onMouseover="rollOver('homeholder')"

homeOn = new Image()
homeOn.src = "images/iconhome2.jpg"

What do you think the problem is?

[solidcodes]

Ha, ha, ha

You make me laugh

I'm so dumb.


Thanks a zillion times bro. i got it.