// settings
 var displaytime = 7;
 var blendtime = 1.5;
//- - - - - - - - - - - //


// elementzugriff
function $(id)
{
 return document.getElementById(id);
}

// initialisierung
window.onload = function() {
 // job-container auf höhe des höchsten elementes setzen

 // jobslide starten
  setTimeout("jobSlide(1)",displaytime*1000);
  return false;
}

// opacity
function changeOpac(id, opacity) {
    var s = $(id).style;
    var floatOpac = opacity / 100;
    s.opacity = (floatOpac);
    s.MozOpacity = (floatOpac);
    s.KhtmlOpacity = (floatOpac);
    s.filter = "alpha(opacity=" + opacity + ")";
}

// display
function changeDisplay(id,d) { $(id).style.display = d; }

// blendeffekt (changeOpac nach ms ausführen
function blend(id, o, ms) { 
  setTimeout("changeOpac('"+id+"', "+o+")",ms);
}

// element einblenden
function fadein(id)
{
 changeOpac(id, 0);
 changeDisplay(id,"block");
 var timer = 0;
 for(i = 0; i <= 100; i++) {
    blend(id,i,(timer*blendtime*10));
    timer++;
 }
}

// element ausblenden
function fadeout(id)
{
 var timer = 0;
 for(i = 100; i >= 0; i--) {
    blend(id,i,(timer*blendtime*10));
    timer++;
 }
 setTimeout("changeDisplay('"+id+"','none')", (timer*blendtime*10));
}

// Alle Jobelemente durchlaufen (ein- und ausblenden)
function jobSlide( last )
{
 // letzten ausblenden
  if ($("job_"+last)) { fadeout("job_"+last); }
 // naechsten ermitteln und einblenden
  var n = last + 1;
  var job = $("job_"+n);
  if (!job) { n = 1; }
  // nächsten Job einblenden
   setTimeout("fadein('job_"+n+"')", (blendtime*1100)); // fadein nach beenden von fadeout ausführen
 // dauerschleife
  setTimeout("jobSlide("+n+")", (displaytime*1000)); // nächstes Element
}