problema codigo javascript en IE

[viher]

hola,tengo el siguiente código:

Código [Seleccionar] Expandir

<script type="text/javascript">
var segundos = 1
var dire = "img/"

var imagenes=new Array()
imagenes[0]=".jpg"
imagenes[1]="2.jpg"
imagenes[2]="3.jpg"
imagenes[3]="4.jpg"
imagenes[4]="5.jpg"
imagenes[5]="6.jpg"
imagenes[6]="7.jpg"
imagenes[7]="8.jpg"
imagenes[8]="9.jpg"
imagenes[9]="10.jpg"
imagenes[10]="11.jpg"
imagenes[11]="12.jpg"
imagenes[12]="13.jpg"
imagenes[13]="14.jpg"
imagenes[14]="15.jpg"

if(dire != "" && dire.charAt(dire.length-1) != "/")
{dire = dire + "/"}
var preImagenes = new Array()
for (pre = 0; pre < imagenes.length; pre++){
preImagenes[pre] = new Image()
preImagenes[pre].src = dire + imagenes[pre]
}
cont=0
function presImagen(){
document.foto.src= dire + imagenes[cont]
subeOpacidad()
if (cont < imagenes.length-1)
{cont ++}
else
{cont=0}
tiempo=window.setTimeout('bajaOpacidad()',segundos*1000)

}
var iex = navigator.appName=="Microsoft Internet Explorer" ? true : false;
var fi = iex?'filters.alpha.opacity':'style.MozOpacity'
var opa = iex ? 100 : 1;
function bajaOpacidad(){
opa = 0
cambia()
presImagen()
}

function subeOpacidad(){
opaci = iex?100:1;
if(opa <= opaci){
cambia()
opa += iex?10: 0.1;
var opac
opac = setTimeout('subeOpacidad()',10)
}
}
function cambia(){
eval('document.foto.' + fi + ' = opa')
}
var tiempo
function inicio(){
tiempo
bajaOpacidad()
}
function final(){
clearTimeout(tiempo)
document.foto.src="img/1.jpg"
cont = 0
}
</script><img src="img/1.jpg" name="foto" id="foto" alt="imagen" onmouseover="inicio()" onmouseout="final()" width="180" height="135">

el caso es que funciona en Firefox perfectamente,pero en IE no funciona,lo que hace el script es que cuando dejas el raton encima de la imagen,esta va cambiando por las 15 imágenes que podeis ver. ¿porqué en Internet Explorer no funciona?