window.addEvent('domready', function() {    
  this.logoBoxes = $$('#ofctscroller div.offeredcartype a');  
  $A(this.logoBoxes).each(function(e) {  
    var id = e.id.toString().split('_')[1];            
  	var noDisplay = new Fx.Style('logo_'+id, 'opacity').set(0);          	
    var logo = $('logo_'+id);    
    var fx = logo.effects({duration: 500, transition: Fx.Transitions.Quart.easeOut});    
    $('logolink_'+id).addEvent('mouseover', function(){    
        fx.stop();
    	fx.start({'opacity': 1});                 	
    });        
    $('logolink_'+id).addEvent('mouseout', function(){
        fx.stop();    
    	fx.start({'opacity': 0});         	
    });  
  })         
});