efecto hover con varias imagenes?

[pakillo]

umm por lo que entiendo quedaría así?

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;

},

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 lo pongo así ahora me aparece solo el primer enlace y no el último