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);
b.src = a[Start];



<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-

Thank you for any feedback on this issue!