efecto hover con varias imagenes?

[pakillo]

si lo coloco así si funciona

Código Javascript:

var div = document.getElementById("slider"),
    img = div.getElementsByTagName("a"),
    total = img.length,
    i = 0,
   slider = function(){
    img[i].style.opacity = 0;
       img[i].style.zIndex = 1;
    i = i == total - 1 ? 0 : ++i;
    img[i].style.opacity = 1;
img[i].style.zIndex = 1000;
},
    interval = null;
 img[i].style.opacity = 1;
div.addEventListener("mouseover", function(){
    slider();
    interval = setInterval(slider, 1500);
}, false);
 
div.addEventListener("mouseout", function(){
    clearInterval(interval);
});
 

lo único es que si muevo el puntero encima de las imágenes cambia las imágenes rápido, si lo dejo sobre la imagen sin moverlo si hace bien el efecto del slide.