//document.write('slideshow mit javascript!');
//document.write('<img src="wp-content/themes/amnesty-theme/images/slideshow/Kinder-vor-Zaun.jpg" width="500" id="slideshow_image1" class="sls1"');
//document.write('<img src="wp-content/themes/amnesty-theme/images/slideshow/Gefangene.jpg" width="500" id="slideshow_image2" style="opacity:0" class="sls2"');
//document.write('<img src="wp-content/themes/amnesty-theme/images/slideshow/Gefangene.jpg" width="500" id="slideshow_image3" style="opacity:0" class="sls2"');
//fade_in_out('slideshow_image1', -0.01, false);

//fade_in_out('slideshow_image2', 0.01, false);

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_original (element_id, step, started) 
{
  // Intervall noch nicht gestartet?
  if (!started) 
  {
    // 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.
    started = window.setInterval ('fade_in_out(\'' + element_id + '\', ' + step +  '\', ' + started + ')', 50);
  }
  else 
  {
    // Wir befinden uns bereits in der Ein- Ausblendphase
    var e = document.getElementById (element_id);
    // Variable zur Speicherung der Transparenz des Elements
    var opacity;
    // Opera, Mozilla & Co. verwenden die Style-Eigenschaft opacity
    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 (!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 
    {
      // Endzustand (vollständig ein- bzw. ausgeblendet) erreicht!
      // Prozess kann nun abgebrochen werden.
      window.clearInterval (started);
      started = null;
    }
  }
}



// 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_out2 (element_id, step) 
{
	
    // Wir befinden uns bereits in der Ein- Ausblendphase
    var e = document.getElementById (element_id);
    // Variable zur Speicherung der Transparenz des Elements
    var opacity;
    // Opera, Mozilla & Co. verwenden die Style-Eigenschaft opacity
    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;
      }
    while((step < 0 && opacity > 0) || (step > 0 && opacity < 1))
	{
    	// 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 (!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;
     	 }
     	 this.Sleep(5);
   		}
    }
}



// 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_original (element_id, step) 
{
  // Intervall noch nicht gestartet?
  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 + '\', ' + step + ')', 50);
  }
  else 
  {
    // Wir befinden uns bereits in der Ein- Ausblendphase
    var e = document.getElementById (element_id);
    // Variable zur Speicherung der Transparenz des Elements
    var opacity;
    // Opera, Mozilla & Co. verwenden die Style-Eigenschaft opacity
    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 (!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 
    {
      // Endzustand (vollständig ein- bzw. ausgeblendet) erreicht!
      // Prozess kann nun abgebrochen werden.
      window.clearInterval (this.proc);
      this.proc = null;
    }
  }
}

/*
 * Blendet das Element mit der angegebenen id ein oder aus
 * und ändert den Text
 */
function toggledisplay (id,linkId,hideText,showText){
  if (document.getElementById) {
    var mydiv = document.getElementById(id);
    mydiv.style.display = (mydiv.style.display == 'block' ? 'none' : 'block');
    
    var myLink = document.getElementById(linkId);
    myLink.innerHTML = (mydiv.style.display == 'block' ? hideText:showText);
    }
}