Why are these extra things loading?

I have a script that is basically changing two different images when you roll over one of the images... Pretty basic... The catch is when they are NOT rolled over, a slideshow runs... So I have done this using a DIV changing script and it is working very nicely.... The problem... I thought I could have the slideshow run onload of the body, but it is loading all the DIVS first, quickly, and then moving to the slideshow.

You can see the link at http://cell.uindy.edu/gallery/test_home_good.php. If you refresh (especially in IE) you can see that all the images show up there and then it moves into the slideshow.

I have used a similar script before and I have never had this problem. I am sure it is something small that I am overlooking (most likely in the JavaScript, cause I am a bit of a hack), so I was hoping someone could help. Here are the two places that I think the error could be:

The Script

<script type="text/javascript">
<!--

function changeDiv(the_div,the_change)
{
  var the_style = getStyleObject(the_div);
  if (the_style != false)
  {
    the_style.display = the_change;
  }
}

function hideAll()
{
  changeDiv("slideshow","none");
  changeDiv("about","none");
  changeDiv("nab","none");
  changeDiv("sld","none");
  changeDiv("clearing","none");
  changeDiv("hst","none");
  changeDiv("ls","none");
  changeDiv("se","none");
  changeDiv("resources","none");
}

function getStyleObject(objectId) {
  if (document.getElementById && document.getElementById(objectId)) {
    return document.getElementById(objectId).style;
  } else if (document.all && document.all(objectId)) {
    return document.all(objectId).style;
  } else {
    return false;
  }
}
// -->
</script>

Code (markup):

The Divs

<div id="slideshow"><script type="text/javascript">
//new fadeshow(IMAGES_ARRAY_NAME, slideshow_width, slideshow_height, borderwidth, delay, pause (0=no, 1=yes), optionalRandomOrder)
new fadeshow(fadeimages, 337, 230, 0, 4000, 0)
 
</script></div>
<div id="about"><img src="home/images/home_menu_01.jpg" /></div>
<div id="nab"><img src="home/images/nab_01.jpg" /></div>
<div id="sld"><img src="home/images/sld_01.jpg" /></div>
<div id="clearing"><img src="home/images/clearinghouse_01.jpg" alt="ch" /></div>
<div id="hst"><img src="home/images/hst_01.jpg" alt="hst" /></div>
<div id="ls"><img src="home/images/se_01.jpg" /></div>
<div id="se"><img src="home/images/ls_01.jpg" /></div>
<div id="resources"><img src="home/images/resources_01.jpg" /></div>

Code (markup):

A rollover example

<a href="http://cell.uindy.edu/aboutcell/" onMouseOut="MM_swapImgRestore(); hideAll(); changeDiv('slideshow','block');" onMouseOver="MM_swapImage('about','','home/images/home_menu_swoosh_02.jpg',1); hideAll(); changeDiv('about','block');"><img src="home/images/home_menu_02.jpg"  width="393" height="42" name="about" border="0" id="about" /></a>

Code (markup):

You can get ahold of me at Kyrobbin4iu (AIM/AOL) if you have messanger or just ask questions here... I'd be very greatful!

Thanks!
Kyle