/*****************************************************************************
* created by Janosch Skrobek // binaryworx // http://www.bworx.de // 03/2009 *
******************************************************************************/
function contentOnOff(OnOff) {
if (OnOff == 'turnOn') {
new Effect.Opacity('contentbg',{to:0.7, duration:0.5});
new Effect.Opacity('ehreT',{to:1, duration:0.2});
new Effect.Opacity('portraitT',{to:1, duration:0.2});
new Effect.Opacity('alexT',{to:1, duration:0.2});
}
else {
new Effect.Opacity('contentbg',{to:0, duration:0.5});
new Effect.Opacity('ehreT',{to:0, duration:0.2});
new Effect.Opacity('portraitT',{to:0, duration:0.2});
new Effect.Opacity('alexT',{to:0, duration:0.2});	
}
}
// altes Bild ausblenden und Bildwechsel initiieren
function changeFoto (bild,id,ownId) {
$(id).fade({duration:0.5});
document.getElementById(activeClass).className="";
document.getElementById(ownId).className="aktiv";
activeClass=ownId;
if (bild == 'img/alex/01.jpg' || bild == 'img/ehre/01.jpg' || bild =='img/portrait/01.jpg') {
bild2='ja';
window.setTimeout(function() { contentOnOff('turnOn');}, 500); 
}
else {
contentOnOff('turnOff');
bild2='nein'
}
window.setTimeout(function() { loadImage(bild,id); }, 500);
}

function loadImage(bild,id){
  // Ladeanzeige einblenden
  document.getElementById("imgID").style.display = "inline";

  // Neues Bildobjekt erstellen
  var objImg = new Image();
  
  // onload-Event nutzen um Ladegrafik auszublenden und das gewünschte Bild einzuhängen
  objImg.onload = function(){
    document.getElementById("imgID").style.display = "none";
	var thisChild = document.getElementById(id).firstChild;
	document.getElementById(id).removeChild(thisChild);
    document.getElementById(id).appendChild(this);
	window.setTimeout(function() { $(id).appear({duration:0.5}); }, 50); 
  }
  
  objImg.src = bild;
}