var duration = 2000;  /* 1000 millisecond fade = 1 sec */
var steps = 20;       /* number of opacity intervals   */
var delay = 1000;     /* 5 sec delay before fading out */

        function setOpacity(id, level) {            
            var element = document.getElementById(id); 
            element.style.display = 'inline';           
            element.style.zoom = 1;
            element.style.opacity = level;
            element.style.MozOpacity = level;
            element.style.KhtmlOpacity = level;
            element.style.filter = "alpha(opacity=" + (level * 100) + ");";
        }

function fadeIn(id){
  for (i = 0; i <= 1; i += (1 / steps)) {
    setTimeout("setOpacity('" + id + "', " + i + ")", i * duration);
  }
  //setTimeout("fadeOut(id)", delay);
}

function fadeOut(id) {
  for (i = 0; i <= 1; i += (1 / steps)) {
    setTimeout("setOpacity('" + id + "', " + (1 - i) + ")", i * duration);
  }
  //setTimeout("fadeIn(id)", duration);
}