I am preloading the images in this image slider/carousel, but despite that it is faster to curse forward or back the second time cursing through each image. Here is the site so you can see what I mean:
http://rufushale.com/kate/index.html

And here is the entire page code:

HTML Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<title>Kate O'Brien Designs</title>
<style type="text/css">


body,td,th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #CCCCCC;
}
body {
	background-color: #000000;
	margin-top: 5px;
}
a {
	color: #CCCCCC;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #CCCCCC;
}
a:hover {
	text-decoration: underline;
	color: #999999;
}
a:active {
	text-decoration: none;
	color: #999999;
}
a {
outline:none;
}
.style1 {color: #000000}
</style>

<script type="text/JavaScript">
function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

</script>
</head>
<body onload="MM_preloadImages
('slider/01.jpg',
'slider/02.jpg',
'slider/03.jpg',
'slider/04.jpg',
'slider/05.jpg',
'slider/06.jpg',
)">
<table align="center" border="0" cellpadding="0" cellspacing="0" width="943">
  <tbody>

    <tr>
      <td width="1"></td>
      <td width="942" align="center" valign="middle"><table>
          <tr>
            <td width="374">&nbsp;</td>
          </tr>
          <tr valign="middle">
		  
		  <td valign="top"><table width="344" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#000000">

          <tr>
            <td width="344" align="center" valign="top"><img src="katelogo.jpg" width="344"  align="top" /></td>
          </tr>
          <tr>
            <td align="center"><table>
              </table></td>
          </tr>
          <tr>
            <td>&nbsp;</td>

          </tr>

          <tr>          </tr>
          <tr>
            <td height="290px" valign="top">
			
			<div style="height:273px; margin-top:0px; overflow:auto">
			  <div style="margin-right:7px; margin-left:5px; margin-top:0px; " id="announcements" class="editable">
			    <p style="text-align: justify; margin-top:0px">This could be bio text, if you want to have it on this page instead of having a separate About page. If this text goes over the height limit, it would have a scroller, but if it were within the height limit, as now, the scroller would not appear.  Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, sit amet, consectetur.</p>

			  </div>
			</div>
			
			</td>
          </tr>
         
          <tr>
            <td valign="top"><div style="margin-left:5px" align="center"><a href="contact.html">CONTACT</a></div></td>
          </tr>
          <tr>

            <td>&nbsp;</td>
          </tr>
        </table></td>
		<td width="20"></td>

            
			<td width="604">
			
			<table height="500px" border="0" cellpadding="0" align="center">
  
  <tr align="center">
    <td width="100%" height="500" valign="middle" align="center"><img src="slider/01.jpg" name="photoslider" width="547" height="410"></td>

  </tr></table>
  <table align="center">
  <tr align="center">
    <td align="center" width="100%"><form method="POST" name="rotater">
      <div align="center"><center><p>

<script language="JavaScript1.1">

/*
Photo Slider II- By Kevin Adams (kadams@kyk.net)
For this script and more
Visit http://www.javascriptkit.com
*/

var photos=new Array()
var which=0

photos[0]="slider/01.jpg"
photos[1]="slider/02.jpg"
photos[2]="slider/03.jpg"
photos[3]="slider/04.jpg"
photos[4]="slider/05.jpg"
photos[5]="slider/06.jpg"

function backward(){
if (which>0){
window.status=''
which--
document.images.photoslider.src=photos[which];

}
}

function forward(){
if (which<photos.length-1){
which++
document.images.photoslider.src=photos[which];

}
else window.status='End of gallery'
}

function type()
	{
	alert("This textbox will only display default comments")
	}


</script>
		  
		  <p><a href="JavaScript:backward()"><img src="slider/prev.jpg" border=0></a>
   <span class="style1">&nbsp;</span>
     
<a href="JavaScript:forward()"><img src="slider/next.jpg" border=0></a>

	  
	 </p>

      </center></div>
    </form>    </td>
  </tr>
</table>			</td>
          </tr>

    </table>      </tr>
  </tbody>

</table>
</body>
</html>
I have used the "Photo Slider" script before and it has been just as quick the first time cursing through the images as the second time.

Is the mm preloader not doing its job here for some reason?
Thanks for any clues.