Proč tato slideshow nefunguje v IE ?

<span style="display:none">
<img src="foto2.jpg">
<img src="foto3.jpg">
<img src="foto1.jpg">
</span>

  <img name="MainImage" src="foto2.jpg" border="0">
<script language="javascript">
img1= new Image();
img1.src="foto2.jpg";
img2= new Image();
img2.src="foto3.jpg";
img3= new Image();
img3.src="foto1.jpg";


  imgarray = new Array(3);
imgarray[1] = new Image();
imgarray[1].src = "foto2.jpg";
imgarray[2] = new Image();
imgarray[2].src = "foto3.jpg";
imgarray[3] = new Image();
imgarray[3].src = "foto1.jpg";
var timeoutValue = 3000;
var animDelay = 200;
var numOfImages = 3;

  </script>



  <script language="javascript">
var imageIndex = 0;
var timeoutID = 0;
var playMode = 1;


  function animImageInc()
{
if (imageIndex < numOfImages)
    imageIndex++
else
    imageIndex = 1;
}

  function animImageDec()
{
if (imageIndex > 1)
    imageIndex--;
else
    imageIndex = numOfImages;
}

  function setCurrImage()
{
    document.MainImage.src = imgarray[imageIndex].src;
}

  function updateAnim()
{
    var currTimeoutValue;
    
      currTimeoutValue = timeoutValue;

      if (playMode == 1)
    {
        animImageInc();
        if (imageIndex == numOfImages) 
            currTimeoutValue += animDelay;
    }
    else
    {
        animImageDec();
        if (imageIndex == 1) 
            currTimeoutValue += animDelay;
    }
    setCurrImage();
    timeoutID = setTimeout("updateAnim()", currTimeoutValue);
}

  function clearLastUpdate()
{
    clearTimeout(timeoutID);
    timeoutID = 0;
}

  function startPlay()
{
    clearLastUpdate();
    playMode = 1;
    updateAnim();    
}

  function startPlayReverse()
{
    clearLastUpdate();
    playMode = 2;
    updateAnim();    
}


  updateAnim();

  </script>