Div weich ein- und wieder ausblenden

[klaus]

Hallo,

ich würde gerne auf Aktionen des Anwenders mit einer Infobox reagieren, in der die vom Anwender gewählte Aktion kurz bestätigt wird bzw. ein Status zurückgegeben wird. (z.B. Daten gespeichert)

Diese Infobox soll nicht statisch stehen bleiben, sondern lediglich kurz eingeblendet und wieder ausgeblendet werden.

Hierfür habe ich ein DIV zunächst mit der Eigenschaft visibility:hidden; angegeben.

Wenn die Daten (per Ajax) gespeichert wurden, soll nun das Fenster mit dem Text angezeigt werden:

document.getElementById('infobox').innerHTML = resulttext;
show_infobox();

Mit der Funktion show_infobox soll jetzt der Fade-In und der Fade-Out stattfinden.

Leider wird das Div nur eingeblendet aber nicht mehr ausgeblendet.
Kann mir jemand sagen warum?

function show_infobox() {
  obj = document.getElementById('infobox');
  var pY = window.pageYOffset;
  if (obj.style.visibility == "hidden") {
   obj.style.visibility = "visible";
   obj.style.top = pY+200+"px";
   for (var i=0;i<11;i++) {
    setTimeout('setOpacity('+i+')',100*i);
   }
   setTimeout('show_infobox',1000);
  } else {
   for (var i=11;i=0;i--) {
    setTimeout('setOpacity('+i+')',100*i);
   }
   obj.style.visibility = "hidden";
  }
 }

function setOpacity(value) {
  obj = document.getElementById('infobox');
  obj.style.opacity = value/10;
  obj.style.filter = 'alpha(opacity=' + value*10 + ')';
 }