function showIt(string, id,pic,alt,text,link) {
    if (document.getElementById('mittelogo')) {
        Effect.Fade('mittelogo',{duration:0.3, afterFinish:function(){showNewID(string, id,pic,alt,text,link)}});
    }
    if (document.getElementById('mittelink'))  {
        Effect.Fade('mittelink',{duration:0.3, afterFinish:function(){showNewID(string, id,pic,alt,text,link)}});
    }
    if (document.getElementById('mittetext'))  {
        Effect.Fade('mittetext',{duration:0.3, afterFinish:function(){showNewID(string, id,pic,alt,text,link)}});
    }
}


function showNewID(string, id,pic,alt,text,link) {
var i=1
        for (i=1;i<=6;i=i+1)
        {
             var element = "kontext" + i;

             if ( element != id ) {
   var aendern = document.getElementById(element);
                            aendern.style.color='#ADAEB3';
             }
            }
    var aktiv = document.getElementById(id);
    var mitte = document.getElementById('mitte');
    if (pic && alt && text) {
    mitte.innerHTML = "<a href=\"http://" + link + "\"<div id=\"mittelink\" style=\"display:none;\">" + string + "<img src=\"" + pic + "\" alt=\"" + alt + "\"/>" + "<div class=\"text\">" + text + "</div><!--text-->" + "</a></div><!--mittelink-->";
    }
    else {
    mitte.innerHTML = "<div id=\"mittetext\" style=\"display:none\">" + string + "</div><!--mittetext-->";
    }
    aktiv.style.color='#d20c1d';
    mitte.update;
    if (pic && alt && text) {
   Effect.Appear('mittelink',{duration:0.3});
    } else { 
   Effect.Appear('mittetext',{duration:0.3});
    }
}