Fondo de un div con efecto fade

[angeles33]

hOLA ESTOY CON UN CODIGO PARA LA CABECERA, PARA QUE CARGUE IMAGENES Y LAS CAMBIE, PERO ME GUSTARÍA QUE CARGARA CON EFECTO FADE, ALGUIEN ME PUEDE AYUDAR?

<script type="text/javascript">
//<![CDATA[

window.onload = function () {
var fondos = ['images/_default_homeslider.jpg', 'images/_default_homeslider.jpg','images/_default_homeslider1.jpg','_default_homeslider.jpg ','_default_homeslider.jpg'];
var fondo_actual = 0;
var header = document.getElementById('cabecerap');

// aqui hacemos la rotación
var CambiarFondo = function(){
if (fondo_actual == fondos.length) {
fondo_actual = 0;
}
var precargar =fondo_actual++;

var precargar2 = precargar+2;
// cambiamos el background del body
header.style.backgroundImage = 'url('+ fondos[precargar]+ ')';
// cargamos en el div no visible "#precarga" la imagen siguiente que se cargará en el body
// para ya tenerla en la cache, comenzamos con la imagen 3, ya que la 1 y 2 las tenemos en el css
document.getElementById('precarga').style.backgrou ndImage = 'url('+fondos[precargar2]+ ')';

}

//aqui definís el tiempo en milisegundos e inicias la función con setInterval para que se repita indefinidamente
window.setInterval(CambiarFondo, 5000);}


//]]>
</script>