Hacer que el background cambie la imagen cada cierto tiempo

[komoons]

Código HTML:

    //cambiar imagen de fondo por una lista aleatoria.
    //Nahuel Jose
    $( function(){
        var arrImagenes = [ 'fondo-1.jpg','fondo-1.jpg', 'fondo-2.jpg', 'fondo-3.jpg' ];
        var imagenActual = 'fondo-1.jpg';
        var tiempo = 3000;
        var id_contenedor = 'main-wrap'
        setInterval( function(){
            do{
                var randImage = arrImagenes[Math.ceil(Math.random()*(arrImagenes.length-1))];
            }while( randImage == imagenActual )
            imagenActual = randImage;
            cambiarImagenFondo(imagenActual, id_contenedor);
        }, tiempo)
    })
     
    function cambiarImagenFondo(nuevaImagen, contenedor){
        var contenedor = $('#' + contenedor);
        //cargar imagen primero
        var tempImagen = new Image();
        $(tempImagen).load( function(){
            contenedor.css('backgroundImage', 'url('+tempImagen.src+')');
        });
        tempImagen.src = 'images/' + nuevaImagen;
    }

ok ESTA BIEN LO ENTIENDO PERO SI QUISIERA QUE EL CAMBIO DE IMAGEN NO SEA BRUSCO Y SEA COMO UNA TRANSCION PARECIDA A LA DE ESTA WEB MIREN:
[URL="http://komoons.zz.mu/"]clic aqui[/URL]