/* Fader - Javascript by Philipp Heckelt

   (C) 2009, H&E Internetagentur Münsingen UG (haftungsbeschränkt)
   http://www.ia-msg.de
*/

function Fade(target, counter, step)
{
   speed_fade = 10;      // Geschwindigkeit der Überblendung in ms
   speed_pause = 2000    // Wartezeit zwischen zwei Bildern in ms

   target = target || "Fader";
   counter = counter || 0;
   step = step || 0;

   var pictures = document.getElementById(target).getElementsByTagName("img");

   if(counter > 0)
   {
      rstep = 100-step;

      pictures[counter-1].style.opacity = rstep/100;
      pictures[counter-1].style.filter = "alpha(opacity=" + rstep + ")"; // IE?
   }

   if(counter < pictures.length)
   {
      pictures[counter].style.opacity = step/100;
      pictures[counter].style.filter = "alpha(opacity=" + step + ")"; // IE?
   }

   if(step < 100)
   {
      step = step + 2;
      window.setTimeout(function () { Fade(target, counter, step); }, speed_fade);
   }
   else
   {
      if(counter < pictures.length)
      {
         counter++;
         window.setTimeout(function () { Fade(target, counter, 0); }, speed_pause);
      }
      else
      {
         window.setTimeout(function () { Fade(target); }, speed_pause);
      }
   }
}

window.setTimeout(function () { Fade("Fader"); }, 2000);