problema funciones dentro de for

[reonevk]

buenos dias a todos, tengo un problema con el siguiente codigo:

----------

$(function() {
for (i = 1; i <= 8; i++) {
var it = "#item" + i;
var cap = "#capaitem" + i;
$(it).mouseover(function(e) {
if(e.pageX >= 320) {
var mousex = e.pageX - 210; //coordenada X si sale a la izquierda
}else{
var mousex = e.pageX + 15; //Get X coodrinates
}
var mousey = e.pageY + 20; //Get Y coordinates
$(cap).css({ top: mousey, left: mousex});
$(cap).slideToggle();
});
$(it).mouseout(function(event) {
$(cap).hide();
});
};
});

------------

Lo que yo espero es que al pasar el raton sobre "item1" se muestre la capa "capaitem1" y asi con "item2" etc etc
PERO lo que ocurre es que todos los "item_" muestran "capaitem8".
¿DONDE ESTA EL ERROR??
gracias de antemano