No se muestran las 2 primeras imagenes en Internet Explorer

[manumaf]

Hola a todos, tengo un script para mostrar imagenes dentro de un div que van cambiando cada 8 segundos, las rutas de las imagenes se cargan con php desde una base de datos, el problema es que en internet explorer no se muestran la segunda ni la cuarta y aveces no se muestran otras (las rutas estan bien)
Este es el codigo:

Código Javascript:

<script language="javascript">
 
//Con php
var imagenes=new Array()
 
imagenes[0]=new Image (380,288);
imagenes[0].src="http://www.acvvillamaria.com.ar/publicidades/2.jpg"
imagenes[1]=new Image (380,288);
imagenes[1].src="http://www.acvvillamaria.com.ar/publicidades/3.jpg"
imagenes[2]=new Image (380,288);
imagenes[2].src="http://www.acvvillamaria.com.ar/publicidades/4.jpg"
imagenes[3]=new Image (380,288);
imagenes[3].src="http://www.acvvillamaria.com.ar/publicidades/1.jpg"
imagenes[4]=new Image (380,288);
imagenes[4].src="http://www.acvvillamaria.com.ar/publicidades/6.jpg"
 
cont=0
function presImagen()
{
if (document.all){
document.getElementById('foto').filters.blendTrans.apply()
document.getElementById('foto').src=imagenes[cont].src
document.getElementById('foto').filters.blendTrans.play()
}
else
    {
    document.images.foto.src = imagenes[cont].src
    }
if (cont < imagenes.length-1)
{cont ++}
else
{cont=0}
tiempo=window.setTimeout('presImagen()',8000)
 //cada 5000 milisegundos (5 seg.) cambia la imagen.
//cambia la cantidad por el tiempo que quieras que transcurra entre imagen e imagen
}
 
</script>
 
<div id="publicidad"><img id="foto" src="" height="187" width="250"  style="filter:blendTrans(duration=3)">
 
</div>