I have an image rollover using Javascript and it was working perfectly until I realized that my images were not over lapping in the correct order. I went back and changed the order of the images and now I have an empty image box appearing at the top of the page. I can't seem to figure out what I did wrong. Is this a common issue. Here is my code-

<script language="JavaScript">
var ImageArr1 = new Array("cf1.png","cf2.png","cf3.png","cf4.png","cf5.png");
var ImageHolder1 = document.getElementById('Rotating1');

function RotateImages(whichHolder,Start)
{
var a = eval("ImageArr"+whichHolder);
var b = eval("ImageHolder"+whichHolder);
if(Start>=a.length)
Start=0;
b.src = a[Start];
window.setTimeout("RotateImages("+whichHolder+","+(Start+1)+")",8000);
}

RotateImages(1,0);
RotateImages(2,0);

</script>
</head>

<body>
<div id="container"><div id="header"><img src="logo.png" style="float:left" />
</div><div id="mainav"><h2><a href="home.php">Home</a><a href="event.php">Events</a><a href="agenda">Agenda</a><a href="shirt">T-Shirt</a></h2></div>
<div class="framing"><img src="" name="Rotating" id="Rotating1" /></div>
<div class="frame"><img src="fame2.png" /></div>
<div id="content">

You can view the empty page at this link-
http://povn.com/webangel119/clarkforks/home.php

Thank you for any feedback on this issue!