border div при наведении

Есть много <div>, разных классов, всего 49 классов.
Как сделать так, чтобы при наведении на один <div> все <div> этого класса изменяли border, ну точнее он появлялся красного цвета.

Я сделал так:

 var all = document.getElementsByTagName("DIV"); for(var i=0;i<all.length;i++){

    if(all[i].className!=''){

        all[i].onmouseover = function(e) {
        this.style.border = "2px solid red";
            for(var j=0;j<all.length;j++){

                if(all[j].className==this.className){
                    all[j].style.border = "2px solid red";

                    stopBubble(e);
                }
            }
        };

        all[i].onmouseout = function(e) {
            this.style.border = "0px";
            for(var j=0;j<all.length;j++){

                if(all[j].className==this.className){
                    all[j].style.border = "0px";
                    stopBubble(e);
                }
            }
        };}

Я чувствую, что это по-ламерски сделано, но не знаю как по-другому... К тому же в IE он тормозит...