¿Cómo agregar un detector de eventos para la clase html?

Si tengo HTML como este:

<a href="#" class="movieImg"><div class="previewBulk"></div></a>
<a href="#" class="movieImg"><div class="previewBulk"></div></a>

y Javascript como este:

var movie = document.getElementsByClassName("movieImg");
var preview = document.getElementsByClassName("preview");

¿Hay alguna manera deaddEventListener a 2 películas una etiqueta y vista previadiv etiqueta? Intento el bucle pero cuando hago algo como:

for(var i = 0, j=movie.length; i<j; i++){
 movie[i].style.left = 100;
 preview[i].style.left = 100;
}

Yo obtengoUncaught TypeError: Cannot read property 'style' of undefined.

Después de cambiar la vista previa a vista previaBulk, sigo recibiendo un error, mi código realmente se ve así

(function(){
        var movie = document.getElementsByClassName("movieImg"),
        preview = document.getElementsByClassName("previewBulk");
        //result = [];

        for(var i = 0, j=movie.length; i<j; i++){
            movie[i].addEventListener("mouseover", function(){

                preview[i].style.left = ((movie[i].offsetWidth-preview[i].offsetWidth)/2)+20;
                preview[i].style.top = -(movie[i].offsetHeight+preview[i].offsetHeight);
                preview[i].style.visibility = "visible";
            });

            movie[i].addEventListener("mouseout", function(){
                preview[i].style.visibility = "hidden";
            });
        }
    }());