Byg fade funktion ind i div skift

Hejsa
Jeg har en række divs som indeholder mine nyheder. De ligger i skjuldte div's også har jeg en funktion til at skifte mellem dem. Men jeg vil gerne at der fade's når den skifter, så det ikke virker så brat...

<div id="article1" class="articlecontent">...</div>
<div id="article2" class="articlecontent">...</div>
<div id="article3" class="articlecontent">...</div>
<div id="article4" class="articlecontent">...</div>

også videre...

Funktionerne der bruges til at skifte mellem dem er:

*******************
var oldArticle = oldrticleElm = null;
function ShowArticle(id,elm){
    if(oldArticle)
    oldArticle.style.display = 'none';
    oldArticle = document.getElementById(id);
    oldArticle.style.display = "block";
    if(oldrticleElm){
        oldrticleElm.className = "";
    }
    oldrticleElm = elm;
    elm.className = "selected";
}

var doArticleFade = true;
function stopArticleRotater(){
    doArticleFade = false;
}

function startArticleFade(){
    articleFade(1);
}

function articleFade(divNr){
    if (doArticleFade){
        var articleDiv = 'article' + divNr;
        var elm = document.getElementById(articleDiv);
        ShowArticle(articleDiv,elm);
        divNr = divNr + 1
        if (divNr == 11){
            divNr = 1;
        }
        myDelay = setTimeout("articleFade("+divNr+")", 5000);
    }
}

//init
startArticleFade();
*******************

Nogle der kan vise mig hvad der skal udbygges med for at der fade's når den skifter?