var currentFX;

document.observe("dom:loaded", function() {
    addReflections();
    $$('img[class^=reflect]').each(function(obj, n) {
        new Effect.Opacity(obj, { from: 1, to: 0.2, duration: 0.1 });
    });

    document.observe('mouseover', (function(event){
        var target = event.findElement('img[class^=reflect]');
        if (target) {
            event.stop();
            currentFX = new Effect.Opacity(target, { from: 0.2, to: 0.8, duration: 0.5, afterFinish: (function(target) { target.setStyle({opacity:0.8}); }).bind(this, target) });
        }
    }).bind(this));
    document.observe('mouseout', (function(event){
        var target = event.findElement('img[class^=reflect]');
        if (target) {
            event.stop();
            currentFX.cancel();
            new Effect.Opacity(target, { from: target.getStyle('opacity'), to: 0.2, duration: 0.5 });
        }
    }).bind(this));
});