var arrImages = new Array();
var intCount = 0;  // Zählvariable für Bilder intCount={0 .. arrImages.length-1}
var hTimer = null; // Timerhandle
 
var arrImages = new Array();
var intDelay = 10;    // Anzahl Sekunden, die ein Bild angezeigt werden soll, bis es wieder ausgefadet wird
var intCount = 0;    // Zählvariable für Bilder intCount={0 .. arrImages.length-1}
var hTimer = null;   // Timerhandle
var objAncor = null; // Referenz für Anker-Element
 
function init(){
  intCount=Math.floor( Math.random()*3 );
  var pic1 = new Image();
  pic1.src = "images/foto1.jpg";
  pic1.style.opacity = 0;
  pic1.style.border = "1px solid black";
  pic1.lnk = "http://www.parawcs.com";
  var pic2 = new Image();
  pic2.src = "images/foto2.jpg";
  pic2.style.opacity = 0;
  pic2.style.border = "1px solid black";
  pic2.lnk = "http://www.parawcs.com";
  var pic3 = new Image();
  pic3.src = "images/foto3.jpg";
  pic3.style.opacity = 0;
  pic3.style.border = "1px solid black";
  pic3.lnk = "http://www.parawcs.com"; 

  arrImages.push(pic1);
  arrImages.push(pic2);
  arrImages.push(pic3);

 
  // Anker-Element erstellen und in Zielelement einhängen
  objAncor = document.createElement("a");
  document.getElementById("images_id").appendChild(objAncor);
  // Link-Adresse eintragen
  objAncor.href = arrImages[intCount].lnk;
  objAncor.style.border = "none";
  // Bild in Anker einhängen
  objAncor.appendChild(arrImages[intCount]);
 
  //document.getElementById("images_id").appendChild(arrImages[intCount]);
  
  fadeIn(arrImages[intCount], 0);
}
 
function fadeIn(element, opac){
  if(opac < 1){
    opac += 0.05;
    // IE
    element.style.filter = "alpha(opacity="+parseInt(opac*100)+")";
    // Safari<1.2, Konqueror
    element.style.KHTMLOpacity = opac;
    // Older Mozilla and Firefox
    element.style.MozOpacity = opac;
    // Safari 1.2, newer Firefox and Mozilla, CSS3
    element.style.opacity = opac;
    hTimer = window.setTimeout(function(){fadeIn(element, opac);},50);
  }
  else{
    element.style.opacity = 1;
    // Fadeout-Funktion für aktuelles Bild aufrufen
    hTimer = window.setTimeout(function(){fadeOut(element, 1);}, intDelay*1000);
  }
}
 
function fadeOut(element, opac){
  if(opac > 0){
    opac -= 0.05;
    // IE
    element.style.filter = "alpha(opacity="+parseInt(opac*100)+")";
    // Safari<1.2, Konqueror
    element.style.KHTMLOpacity = opac;
    // Older Mozilla and Firefox
    element.style.MozOpacity = opac;
    // Safari 1.2, newer Firefox and Mozilla, CSS3
    element.style.opacity = opac;
    hTimer = window.setTimeout(function(){fadeOut(element, opac);},50);
  }
  else{
    // Solange noch nicht alle Bilder gefadet wurden
   if(intCount<arrImages.length-1)
      intCount++;
    else
      intCount=0;
    //intCount=Math.floor( Math.random()*2 );
 
 
    // Link-Adresse ändern
    objAncor.href = arrImages[intCount].lnk;
    // Nächstes Bild in Anker einhängen
    objAncor.replaceChild(arrImages[intCount], element);
    // Einfaden
    fadeIn(arrImages[intCount], 0);
  }
}
 
window.onload = function(){
  init();
}