var ie=(document.getElementById && document.all);
var ns6=(document.getElementById && !document.all);

var increment = 0.1   // the % of fading for each step
var speed = 50  // millis
var opacity = 0;
var fadeOutImgNo = 1;
var fadeInImgNo = 2;

function startFade() {
   setTimeout('fade()', 3000);
}

function fade() {
   if (document.getElementById) {
      var fadeOutImg = document.getElementById('img' + fadeOutImgNo);
      var fadeInImg = document.getElementById('img' + fadeInImgNo);
      var fadeOutTxt = document.getElementById('text' + fadeOutImgNo);
      var fadeInTxt = document.getElementById('text' + fadeInImgNo);
      
      if (!fadeOutImg) {
         fadeOutImgNo = 1;
         fadeOutImg = document.getElementById('img' + fadeOutImgNo);
         fadeOutTxt = document.getElementById('text' + fadeOutImgNo);
      }
      if (!fadeInImg) {
         fadeInImgNo = 1;
         fadeInImg = document.getElementById('img' + fadeInImgNo);
         fadeInTxt = document.getElementById('text' + fadeInImgNo);
      }
      
      // Increment opacity.
      opacity += increment;
    
      fadeInImg.style.visibility = 'visible';
      fadeInTxt.style.visibility = 'visible';
      fadeOutImg.style.opacity = 1 - opacity;
      fadeOutTxt.style.opacity = 1 - opacity;
      fadeInImg.style.opacity = opacity;
      fadeInTxt.style.opacity = opacity;
      
      if (ie) {
	 fadeOutImg.style.filter = "alpha(opacity=" + (1 - opacity) * 100 + ")";
	 fadeOutTxt.style.filter = "alpha(opacity=" + (1 - opacity) * 100 + ")";
	 fadeInImg.style.filter = "alpha(opacity=" + opacity * 100 + ")";
	 fadeInTxt.style.filter = "alpha(opacity=" + opacity * 100 + ")";
      }

      // Reset and move to next image pair if we have reched bounds.
      if (opacity >= 1) {
         opacity = 0;
         fadeOutImgNo++;
         fadeInImgNo++;
               
         fadeOutImg.style.visibility = 'hidden';
         fadeOutTxt.style.visibility = 'hidden';
         fadeOutImg.style.opacity = 0;
         fadeOutTxt.style.opacity = 0;
         fadeInImg.style.opacity = 1;
         fadeInTxt.style.opacity = 1;
               
         // Keep the image displayed for 5 seconds.
         setTimeout('fade()', 3000);
      } else {
         // Continue transition.
         setTimeout('fade()', speed);
      }
   }
}