window.addEvent( 'domready', function () {
	$$("div.features li a span.content").each(
    function(e) {

      var fx = new Fx.Styles(e, {duration:300, wait:false, transition:Fx.Transitions.cubicOut});

      var a = e.getParent(); // 'a' 
      var height = e.getStyle( 'height' ).toInt();
      var usedarea = e.getSize().scrollSize.y;
      var start_top = e.getStyle('top').toInt();

      a.addEvent('mouseenter', function(){
        var new_top = e.getStyle('top').toInt() - height + (usedarea - height);
        if (new_top < 0) { new_top = 0; }
        fx.start({ 'max-height': height, 'height': height, 'top': new_top });
        return false;
      });

      a.addEvent('mouseleave', function(){
        fx.start({ 'top':start_top });
        return false;
      });
    }
  );
});