<!-- // JavaScript-Bereich f�r �ltere Browser auskommentieren
// 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, 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;
      return;
    }
  }
}

function fade(){
//fade_to ('fadeto', 'fadeto2');
if(document.getElementById('blenddiv')){
	opacity('showhide', 0, 100, 500)
}else{
	//ACHTUNG KEIN HEADER BILD!
	//DIE H�HE beideSpalten muss jetzt volle h�he Haben
	if( document.getElementById("beideSpalten")){
	var div = document.getElementById("beideSpalten");
	div.style.height = '480px';
	}
}
//	fade_in_out ('showhide', 0.05); 
//swfobject.embedSWF("/fileadmin/flash/top_navigation.swf", "mainNavi", "841", "40", "8.0.0", "expressInstall.swf", {wertGoTo:"0"});
	
}

function fade_to (element_id1, element_id2) {
  // Prozess noch nicht gestartet?
  if (!this.proc) {
    // �berblendung auf das gleiche Bild ist nicht m�glich!
    if (element_id1 == element_id2) {
      alert ('Sie muessen die IDs zweier unterschiedlicher HTML-Elemente angeben!');
      return;
    }
    // Prozess starten
    this.proc = window.setInterval ('fade_to(\'' + element_id1 + '\', \'' + element_id2 + '\')', 50);
  }
  else {
    // Effekt l�uft bereits
    // Verweise auf die Elemente holen...
    var e = document.getElementById (element_id1);
    var e2 = document.getElementById (element_id2);
    var opacity1, opacity2;
    // Aktuelle Transparenz der beiden Bilder bei
    // Opera und Mozilla-Abk�mmlingen mit opacity Style-Eigenschaft..
    if (!e.filters) {
      opacity1 = !e.style.opacity ? 1 : parseFloat (e.style.opacity);
      opacity2 = !e2.style.opacity ? 0 : parseFloat (e2.style.opacity);
    }
    // bzw. �ber die Filter des IE ermitteln.
    else {
      opacity1 = !e.filters.alpha.opacity ? 1 : parseFloat (e.filters.alpha.opacity) / 100;
      opacity2 = !e2.filters.alpha.opacity ? 0 : parseFloat (e2.filters.alpha.opacity) / 100;
    }
    // Volle Transparenz von Bild 1 noch nicht erreicht?
    if (opacity1 != 0) {
      // Transparenz der beiden Bilder um 5% in die unterschiedlichen
      // Richtungen anpassen.
      opacity1 -= 0.05;
      opacity2 += 0.05;
      // Anpassung der Styles erfolgt wieder Browserabh�ngig
      if (!e.filters) {
        e.style.opacity = opacity1;
        e2.style.opacity = opacity2;
      }
      else {
        e.filters.alpha.opacity = opacity1;
        e2.filters.alpha.opacity = opacity2;
      }
    }
    else {
      // Volle Transparenz von Bild 1 erreicht!
      // Das andere Bild ist in diesem Fall vollst�ndig eingeblendet!
      window.clearInterval (this.proc);
      this.proc = null;
    }
  }
}

function switchNewHeader(imgSrc, caption){
	if(document.getElementById('blenddiv')){
	blendimage('blenddiv', 'showhide', imgSrc, 1000);
	/*var use = 0;
	img = document.getElementById('showhide2');
	if(img.style.opacity == 1){
		//Bild ist eingeblendet also muss in Bild 2 gefadet werden
		img = document.getElementById('showhide');
		use = 1;
		
	}
		//alert(img.src);

	img.src = imgSrc;
	//alert(img.src);*/
	cap = document.getElementById('headerCaption');
	cap.innerHTML = caption;
	/*if(use == 1){
		fade_to('showhide2', "showhide");
	}else{
		fade_to('showhide', "showhide2");
	}*/
	}
}
// FUNCTIONS FROM http://brainerror.net/scripts/javascript/blendtrans/

function blendimage(divid, imageid, imagefile, millisec) {
    var speed = Math.round(millisec / 100);
    var timer = 0;
    
    //set the current image as background
    document.getElementById(divid).style.backgroundImage = "url(" + document.getElementById(imageid).src + ")";
    
    //make image transparent
    changeOpac(0, imageid);
    
    //make new image
    document.getElementById(imageid).src = imagefile;

    //fade in image
    for(i = 0; i <= 100; i++) {
        setTimeout("changeOpac(" + i + ",'" + imageid + "')",(timer * speed));
        timer++;
    }
} 


function opacity(id, opacStart, opacEnd, millisec) {
    //speed for each frame
    var speed = Math.round(millisec / 100);
    var timer = 0;

    //determine the direction for the blending, if start and end are the same nothing happens
    if(opacStart > opacEnd) {
        for(i = opacStart; i >= opacEnd; i--) {
            setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
            timer++;
        }
    } else if(opacStart < opacEnd) {
        for(i = opacStart; i <= opacEnd; i++)
            {
            setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
            timer++;
        }
    }
}

//change the opacity for different browsers
function changeOpac(opacity, id) {
    var object = document.getElementById(id).style;
    object.opacity = (opacity / 100);
    object.MozOpacity = (opacity / 100);
    object.KhtmlOpacity = (opacity / 100);
    object.filter = "alpha(opacity=" + opacity + ")";
} 
// -->

function showpn(currentLink){
//	alert (currentLink.id);
	switch ( currentLink.id) {
		case 'vn1':
			currentLink.src = "/typo3conf/ext/ds_vettenheader/pi2/pfeil_links.gif";
			break;
		case 'vn2':
			currentLink.src = "/typo3conf/ext/ds_vettenheader/pi2/pfeil_up.gif";
			break;
		case 'vn3':
			currentLink.src = "/typo3conf/ext/ds_vettenheader/pi2/pfeil_rechts.gif";
			break;
		
	}
	return;
/*	if(currentLink.innerHTML == "weiter"){
		var element1 = document.getElementById('vn2');
		element1.src = "/typo3conf/ext/ds_vettenheader/pi2/pfeil_rechts.gif"; 

	}else{
		var element1 = document.getElementById('vn1')	
		element1.src = "/typo3conf/ext/ds_vettenheader/pi2/pfeil_links.gif"; 
		}
	*/

}
function hiddepn(currentLink){
	/*if(currentLink.innerHTML == "weiter"){
		var element1 = document.getElementById('vn2');
	}else{
		var element1 = document.getElementById('vn1')	
		
		}
	*/
		currentLink.src = "/typo3conf/ext/ds_vettenheader/pi2/quadrat.gif"; 

}