Cómo hacer un banner fade como este?

[Perr0]

te dejo un ejemplo...

Código Javascript:

<script>
var wDiv = 850; // ANCHO DIV
var hDiv = 315; // ALTO DIV
var nDiv = 0;
var objeto;
var cDivA, cDivB;
var contador = 0;
window.onload = function(){
    im = new Array(
         "http://facebookportadas.com/imagenes/cosasquehacerhoy.jpg",
         "http://facebookportadas.com/imagenes/foreveralone.jpg",
         "http://facebookportadas.com/imagenes/cerdito.jpg",
         "http://facebookportadas.com/imagenes/mesuenasdeverte.jpg",
         "http://facebookportadas.com/imagenes/gatogafas.jpg",
         "http://facebookportadas.com/imagenes/naranja.jpg",
         "http://facebookportadas.com/imagenes/vacapollo.jpg"
         );
    totImg = im.length;
    if(typeof(im)==="undefined" || totImg<2){
        alert("Error con imágenes")
        return false;
    }
    cDivA = divs(cDivA, im[0]);
    cDivB = divs(cDivB, im[1]);
    cont = document.getElementById("cargarBanners");
    cont.appendChild(cDivA);
    cont.appendChild(cDivB);
    div1 = document.getElementById("uno");
    div2 = document.getElementById("dos");
    fadeIn(1,0);
}
function divs(obj, img){
    obj = document.createElement("div");
    obj.id = (nDiv==0) ? "uno" : "dos";nDiv++;
    obj.style.width = wDiv+"px";
    obj.style.height = hDiv+"px";
    obj.style.position = "absolute";
    obj.style.opacity = 0;
    obj.style.filter = "alpha(opacity=" + 0 + ")";
    return obj;
}
function fadeIn(obbj, transparecncia){
    objeto = (obbj==1) ? div1 : div2;
    if(transparecncia==0){
        contador++;
        if(contador > totImg) contador = 1;
        objeto.style.backgroundImage = "url('" + im[contador-1] + "')";
    }
    objeto.style.opacity = transparecncia/100;
    objeto.style.filter = "alpha(opacity=" + transparecncia + ")";
    transparecncia = transparecncia + 2.5;
    loop = setTimeout("fadeIn("+obbj+","+transparecncia+")",60);
    if(transparecncia>=100){
        clearTimeout(loop);
        setTimeout("rotarDiv("+obbj+")",1000);
    }
}
function rotarDiv(pos){
    div1.style.zIndex = Math.abs(pos-1);
    div2.style.zIndex = pos;
    pos = (pos==0) ? 1 : 0;
    fadeIn(pos,0);
}
</script>
<p>Ejemplo banners...</p>
<p id="cargarBanners"></p>
 

salu2