// JavaScript-Bereich für ältere Browser auskommentieren
// Bildobjekt über die Visibility-Eigenschaft des Style verstecken
function hide_picture (element) {
  // Bild angegeben?
  if (typeof element == 'object' && element.tagName == 'IMG')
    // Style-Eigenschaft zum Ausblenden setzen
    element.style.visibility = 'hidden';
}

// IMG-Element per Style sichtbar machen
function show_picture (element) {
  // Handelt es sich um ein Bildelement?
  if (typeof element == 'object' && element.tagName == 'IMG')
    // Bildelement einblenden
    element.style.visibility = 'visible';
}

// Funktion kann mit JavaScript Bilder schrittweise (animiert) ausblenden
// Die Element-ID des auszublendenden Elements wird als Zeichenkette angegeben.
// Der zweite Parameter gibt die Schrittweite an, mit der das Bild ein- oder
// ausgeblendet werden soll. Negative Werte blenden aus; Positive blenden ein
function fade_in_out (element_id_b, step) {
  // Intervall noch nicht gestartet?
  
      // Wir befinden uns bereits in der Ein- Ausblendphase
    var e = document.getElementById (element_id);
    // Variable zur Speicherung der Transparenz des Elements
    var opacity;
  
  if(rvc_2==0)
	step=0.25;
	else
	step= -0.15;
		
	if(steppos==0)
	{
	  steppos = 1;
	  opacity = 0;
	  element_id = 'showhide1';
      // Beim setzen der neuen Transparenz wieder auf die verschiedenen Browser auchten!
      if(typeof e.style.opacity == "string") //if(typeof e.style.opacity == "string") //if(typeof e.style.opacity == "string") //if (!e.filters)
        e.style.opacity = step < 0 ? opacity < 0 ? 0 : opacity : opacity > 1 ? 1 : opacity;
      else
        e.filters.alpha.opacity = step < 0 ? opacity < 0 ? 0 : opacity * 100 : opacity > 1 ? 100 : opacity * 100;
		
	  document.getElementById("character_p1").style.visibility = 'visible';
	}	
	else if (steppos==3)
	{
	steppos++;
	document.getElementById("character_p1").style.visibility = 'hidden';
	document.getElementById("character_p2").style.visibility = 'visible';
	element_id = 'showhide2';
		  opacity = 0;
		  e = document.getElementById (element_id);
      // Beim setzen der neuen Transparenz wieder auf die verschiedenen Browser auchten!
      if(typeof e.style.opacity == "string") //if (!e.filters)
        e.style.opacity = step < 0 ? opacity < 0 ? 0 : opacity : opacity > 1 ? 1 : opacity;
      else
        e.filters.alpha.opacity = step < 0 ? opacity < 0 ? 0 : opacity * 100 : opacity > 1 ? 100 : opacity * 100;
	
	}
	else if (steppos==6)
	{
	steppos++;
	document.getElementById("character_p2").style.visibility = 'hidden';
	document.getElementById("character_p3").style.visibility = 'visible';
	element_id = 'showhide3';
		  opacity = 0;
		  e = document.getElementById (element_id);
      // Beim setzen der neuen Transparenz wieder auf die verschiedenen Browser auchten!
      if(typeof e.style.opacity == "string") //if (!e.filters)
        e.style.opacity = step < 0 ? opacity < 0 ? 0 : opacity : opacity > 1 ? 1 : opacity;
      else
        e.filters.alpha.opacity = step < 0 ? opacity < 0 ? 0 : opacity * 100 : opacity > 1 ? 100 : opacity * 100;
	
	}
	
	else if (steppos==9)
	{
	
	steppos++;
	document.getElementById("character_p3").style.visibility = 'hidden';
	document.getElementById("character_p4").style.visibility = 'visible';
	element_id = 'showhide4';
		  opacity = 0;
		  e = document.getElementById (element_id);
      // Beim setzen der neuen Transparenz wieder auf die verschiedenen Browser auchten!
      if(typeof e.style.opacity == "string") //if (!e.filters)
        e.style.opacity = step < 0 ? opacity < 0 ? 0 : opacity : opacity > 1 ? 1 : opacity;
      else
        e.filters.alpha.opacity = step < 0 ? opacity < 0 ? 0 : opacity * 100 : opacity > 1 ? 100 : opacity * 100;
	
	}
	else if (steppos==8)
	{
		step= -0.15;
	}
	else if (steppos==11)
	{
		step= -0.15;
	}
	
  if (!this.proc) {
    // Schrittweite muss positiv oder negativ sein, da
    // sonst weder aus- noch eingeblendet wird.
    if (step == 0) {
      // Fehlermeldung und Beenden, wenn Schrittweite == 0
      alert ('Schrittweite darf nicht 0 sein!');
      return;
    }
	
	
    // Ansonsten kann die Animation gestartet werden.
    this.proc = window.setInterval ('fade_in_out(\'' + element_id_b + '\', ' + step + ')', 45);
  }
  else {

    // Opera, Mozilla & Co. verwenden die Style-Eigenschaft opacity
    if(typeof e.style.opacity == "string") //if (!e.filters)
      opacity = !e.style.opacity ? step > 0 ? 0 : 1 : parseFloat (e.style.opacity);
    // Ansonsten wird der Alpha-Filter von IE verwendet
    else
      // Opacity wird beim IE in Prozent angegeben
      opacity = !e.filters.alpha.opacity ? step > 0 ? 0 : 1 : parseFloat (e.filters.alpha.opacity) / 100;
    // Zieltransparenz erreicht? (0, wenn ausgeblendet wird; 1, wenn eingeblendet wird)
    if ((step < 0 && opacity != 0) ||
        (step > 0 && opacity != 1)) {
      // Transparenz um Schrittweite anpassen
      opacity += step;
      // Beim setzen der neuen Transparenz wieder auf die verschiedenen Browser auchten!
      if(typeof e.style.opacity == "string") //if (!e.filters)
        e.style.opacity = step < 0 ? opacity < 0 ? 0 : opacity : opacity > 1 ? 1 : opacity;
      else
        e.filters.alpha.opacity = step < 0 ? opacity < 0 ? 0 : opacity * 100 : opacity > 1 ? 100 : opacity * 100;
    }
    else {
		steppos++;	
		if (opacity == 0 )
			rvc_2=0;
		else
			rvc_2=1;
	
      // Endzustand (vollständig ein- bzw. ausgeblendet) erreicht!
      // Prozess kann nun abgebrochen werden.
	  
		if (steppos==12)
		{
		steppos++;
		document.getElementById("character_p4").style.visibility = 'hidden';
	/*	window.clearInterval (this.proc);
		this.proc = null; */
		}
	  
		if(steppos > 20)
		{
			steppos = 0;
		}

    }
  }
}