var	HeadWidth = 758; // Header Breite angeben
var	HeadPadding = 20; // Innen abstand der InfoBox
var headSlider;
var	HeadInfo;
var HeadButton;
var	WinDetail;
var	DefRight;
var	DefBottom;
var	Transp = 1;


function InitHeadInfo()
{
// HeadInfo
	alert('InitHeadInfo');
	HeadWidth = 758; // Header Breite angeben
	HeadPadding = 20; // Innen abstand der InfoBox

	HeadInfo = document.getElementsByClassName('HeadInfo')[0];
	HeadButton = HeadInfo.getElementsByTagName('a')[0];
	WinDetail = HeadInfo.getElementsByTagName('div')[0];
	DefRight = HeadInfo.style.right;
	DefBottom = HeadInfo.style.bottom;
	Transp = 1;

	HeadInfo.style.height = (HeadButton.clientHeight + 8) + 'px'; // Groeße der Overflow Box Setzten
	setHeadinfo();
}
	

function setHeadinfo() {
	HeadWidth = 758; // Header Breite angeben
	HeadPadding = 20; // Innen abstand der InfoBox
	
	if(document.getElementsByClassName('HeadInfo').length > 1) {
		HeadInfo = document.getElementsByClassName('HeadInfo')[1];
	} else {
		HeadInfo = document.getElementsByClassName('HeadInfo')[0];
	}
	if(HeadInfo) {
		HeadButton = HeadInfo.getElementsByTagName('a')[0];
		WinDetail = HeadInfo.getElementsByTagName('div')[0];
		DefRight = HeadInfo.style.right;
		DefBottom = HeadInfo.style.bottom;
		Transp = 1;
		HeadInfo.style.height = (HeadButton.clientHeight + 8) + 'px'; // Groeße der Overflow Box Setzten
	}
}
function hideButton() {	// Laesst Button verschwinden *** Aufgerufen druck klick *** ruft showInfo() auf

		if(headSlider == true){disableHeadFade();}

		if(Transp) Transp = Transp - 0.17;
		else Transp = 0;
		
		if(Transp < 0) Transp = 0;
		else if(Transp > 1) Transp = 1;
		
		if(window.innerHeight) {
			HeadInfo.style.opacity = Transp;
		} else {
			HeadInfo.style.filter = 'alpha(opacity = ' + (Transp * 100) + ')';
		}
		
		if(HeadInfo.clientHeight > HeadButton.clientHeight){HeadInfo.style.height = HeadButton.clientHeight + 'px';}
		
		if(HeadInfo.clientHeight >= 4) {
			HeadInfo.style.height = HeadInfo.clientHeight - 4 + 'px';  // Ausblenden 
		} else {
			HeadInfo.style.height = '0px';  // Ausblenden 
		}
		
		if(HeadInfo.clientHeight > 0) {	// Box ist noch nicht Ausgeblendet
			setTimeout("hideButton()", 5);
		}
		if(HeadInfo.clientHeight <= 0) {
			showInfo();;
		} 
	}

function showInfo() {	// Info blendet sich ein ** aufgerufen durch hideButton()
	HeadButton.style.display = 'none'; // Button Weg
	WinDetail.style.display = 'block'; // Info da
	
	if(758 - (parseInt(HeadInfo.style.right)) < WinDetail.clientWidth) // ueberprüft ob das Info fenster im Header platz hat
	 {
		HeadInfo.style.right = ((HeadWidth - HeadPadding) - WinDetail.clientWidth) + 'px';
	 }
	HeadInfo.style.bottom = HeadPadding + 'px'; // Setzt den abstand nach Unten nach $HeadPadding
	
	Transp += 0.08;
	if(Transp < 0) Transp = 0;
	else if(Transp > 1) Transp = 1;
	
	if(window.innerHeight) {
		HeadInfo.style.opacity = Transp;
	} else {
		HeadInfo.style.filter = 'alpha(opacity = ' + (Transp * 100) + ')';
	}
	
	HeadInfo.style.height = HeadInfo.clientHeight + 8 + 'px'; // Laesst die InfoBox erscheinen
	
	if(parseInt(HeadInfo.style.height) < WinDetail.clientHeight) { // ruft sich Selbst auf
		setTimeout("showInfo()", 5);
	}
}

function hideInfo() { // laesst Info Ausblenden *** ausgerufen durch Klick *** Ruft showButton() auf

		Transp -= 0.08;
		if(Transp < 0) Transp = 0;
		else if(Transp > 1) Transp = 1;
		
		if(window.innerHeight) {
			HeadInfo.style.opacity = Transp;
		} else {
			HeadInfo.style.filter = 'alpha(opacity = ' + (Transp * 100) + ')';
		}
		
		HeadInfo.style.height = HeadInfo.clientHeight - 8 + 'px'; // Laesst die InfoBox verschwinden
		if(HeadInfo.clientHeight > 0) {
			setTimeout("hideInfo()", 5);	// ruft sich selbst auf
		}
		else {  showButton();}
	}

function showButton() {	// laesst Button einblenden *** aufgerufen durch showButton()
	Transp += 0.17;
	if(Transp < 0) Transp = 0;
	else if(Transp > 1) Transp = 1;
	
	if(window.innerHeight) {
		HeadInfo.style.opacity = Transp;
	} else {
		HeadInfo.style.filter = 'alpha(opacity = ' + (Transp * 100) + ')';
	}
	
	HeadButton.style.display = 'block'; // Button da
	WinDetail.style.display = 'none'; 	// Info weg
	
	HeadInfo.style.right = DefRight;	// Setzt die Position auf Default werte zurueck
	HeadInfo.style.bottom = DefBottom;	// Setzt die Position auf Default werte zurück
	
	
	HeadInfo.style.height = HeadInfo.clientHeight + 4 + 'px'; // Laesst den Button Einblenden

	if(parseInt(HeadInfo.style.height) < HeadButton.clientHeight + 8) { 
		setTimeout("showButton()", 5);	// Ruft sich selbst auf
	}
}