Help with events

[melquisedecwt]

Hello,

I have a problem and would like to help me.

I'm doing a feature to apply an effect to make the mouseover all the
buttons with the class "button-up" that is in the web page, my
function is as follows:

function botones(){
        var botones_up = $$('.boton-up');
        for(i = 0; i < botones_up.length; i++){
                botones_up[i].addEvents({
                        'mouseenter': function(){
                                botones_up[i].morph('.boton-over');
                        },
                        'mouseleave': function(){
                                botones_up[i].morph('.boton-up');
                        }
                });
        }
}

The function botones() the load in the domready of each document.

document.addEvent('domready', function(){
   botones();
});

When you open the page does not perform the desired effect  :(