cards.js

var Card = new Class({

    Implements: [Options, Events],
    
    options: {
        index: 0,
        bg: null
    },
    
    initialize: function(el, options){
        this.setOptions(options);
        el.addEvent('mouseenter', this.doRollOver).addEvent('mouseleave',doRollOut);
    },
    
    doRollOver: function(){
        alert("over");
    },
    
    doRollOut: function(){
        alert("out");
    }
    
});



window.addEvent('domready', function(){
    $$('.card').each(function(element, index){
        element = new Card(element, {
            index: index,
            bg: element.getChildren('.cardBG')
        });
    });
});