﻿window.addEvent("domready", function() {
    var elements = $$(".events .event");

    if (elements != null) {
        elements.each(function(ev, i) {
            ev.addEvent("mouseenter", function(e) {
                e.stop();
                //Find the inner element
                var details = ev.getElement(".eventdetails");
                //                var morph = new Fx.Morph(details);
                //                morph.start({
                //                    width: '235px',
                //                    opacity: '1'
                //                });
                //details.get('tween', { property: 'width', duration: 'normal', transition: Fx.Transitions.Sine.easeOut }).start(235);
                details.tween("width", 235);
            });
            ev.addEvent("mouseleave", function(e) {
                e.stop();
                //Find the inner element
                var details = ev.getElement(".eventdetails");
                //                var morph = new Fx.Morph(details);
                //                morph.start({
                //                    width: '0px',
                //                    opacity: '0'
                //                });
                details.tween("width", 0);
            });
        });
    }
});