window.addEvent('load', function() {
    
    var list = $$('.sermon-graphic-margin ');
    
    list.each(function(element) {
        
          
        var fx = new Fx.Morph(element.getElement('div.sermons-graphic-overlay'), {duration:500, wait:false, transition: Fx.Transitions.Expo.easeOut});
         
        element.addEvent('mouseenter', function(){
		        fx.start({
                'margin-left': 0,
                'margin-top': 0,
				'opacity': 1
            });
        });
     
        element.addEvent('mouseleave', function(){
			fx.start({
				'margin-left': -236,
				'margin-top': 0,
				'opacity': 0
				
			});	 
        });
 
    });
});