efecto hover con varias imagenes?

[pakillo]

umm quedaria asi?

var div = document.getElementById("slider"),
img = div.getElementsByTagName("a"),
total = img.length,
i = 0,
slider = function(){
img[i].style.opacity = 0;
i = i == total - 1 ? 0 : ++i;
img[i].style.opacity = 1;
img[i].style.zIndex = 1000;

},

interval = null;

img[i].style.opacity = 1;
img[i].style.zIndex = 1000;

div.addEventListener("mouseover", function(){
slider();
interval = setInterval(slider, 2500);
}, false);

div.addEventListener("mouseout", function(){
clearInterval(interval);
});

si es asi tampoco lo cambia, de verdad persona por molestarte tanto, intente de varias formas para no seguir pidiendo ayuda pero no lo consigo, soy prácticamente nulo en javascript.