// Funktion zur Positionsbestimmung von Elementen
function getPosition(element) {
	var elem=element,tagname="",x=0,y=0;
	while ((typeof(elem)=="object")&&(typeof(elem.tagName)!="undefined")) {
    	y+=elem.offsetTop;
	    x+=elem.offsetLeft;
    	tagname=elem.tagName.toUpperCase();
		
		if (tagname=="BODY") {
			elem=0;
		}

		if (typeof(elem)=="object")
			if (typeof(elem.offsetParent)=="object")
				elem=elem.offsetParent;
	}


	position=new Object();
	position.x=x;
	position.y=y;
	return position;
}
// Funktion zur Positionsbestimmung von Elementen


// Funtion zum einFaden von Elementen
var fade_oc;
var fade_element;
var fade_end;
function fadeIn() {	
	double_oc = fade_oc / 100.0;
	
	fade_element.style.opacity = double_oc;
	bg.style.filter = 'Alpha(opacity=' + fade_oc + ')';
	
	if(fade_oc < fade_end) setTimeout('fade_oc+=2;fadeIn()',40);
}
// Funtion zum einFaden von Elementen

// Funktionen zum verdunkeln
function activateDarkBG() {
	bg = document.getElementById('darkBackground');


	// Groesse des Hintergrunds anpassen
	position = getPosition(document.getElementById('darkBackgroundBottom'));
	bg.style.height = position.y + 'px';
	
	// Anzeigen
	bg.style.display = 'block';
	
	// Ein-Faden
	fade_oc = 0;
	fade_element = bg;
	fade_end = 75
	fadeIn();
	
}

function deactivateDarkBG() {
	document.getElementById('darkBackground').style.display = 'none';
}
// Funktionen zum verdunkeln