Array in ciclo for

Ciao ragazzi ho un problema strano.

var barClass= document.getElementsByClassName("br");
	for(var i=0;i<barClass.length;i++){
		barClass[i].addEventListener('mousedown',function() {initMagic(this.event,i);},false);
		barClass[i].addEventListener('mouseup',function() {endMagic(this.event,i);},false);
		barClass[i].addEventListener('mousemove',function() {mouMove(this.event,i);},false);

function initMagic(e,n){alert(n);}

mettendo che gli array sono 4 (da 0 a 3) perche qualsiasi barClass premo mi da 4.
grazie in anticipo a tutti quelli che mi risponderanno