Animación css('background-image')

[sp3ncer]

Lo que quiero lograr es muy sencillo...
Mediante el metodo '.hover()' quiero aplicarle a una serie de enlaces,
una imagen de fondo, un clásico 'roll over', pero a la vez quiero aplicar
un fadeIn y fadeOut respectivos... solo al 'background-image' y no asi al contenedor.

Se que hay muchas manera, pero quiero evitar crear
html 'adicional' para solo lograr este efecto.
Estuve probando algo tambien con el método
.animate() pero no me resultó.

Este es mi avance : http://jsfiddle.net/sp3ncer/937EM/

Código Javascript:

var $btnav =$('nav a');
    $btnav.hover(
        function(){
            $(this).css('background-image', 'url(http://dl.dropbox.com/u/1051946/pruebas_codigo/raster.gif)');
        },
        function(){
            $(this).css('background-image','');
        }
    );
 

Podré pasar en lugar de un valor ... una función???

Gracias de antemano!!!