function showElement(id) {
	aendereDeckkraft(id,0);
	aendereSichtbarkeit(id,0,100,500,0);
}

function hideElement(id) {
	aendereDeckkraft(id,100);
	aendereSichtbarkeit(id,100,0,500,1);
}

function aendereDeckkraft(id, transparenz, fade_out) {
	var style = document.getElementById(id).style;
	style.filter = "alpha(opacity=" + transparenz + ")";
	transparenz /= 100;
	style.opacity = transparenz;
	style.MozOpacity = transparenz;
	style.KhtmlOpacity = transparenz;
	
	if(transparenz <= 0.1) {
		if(fade_out == 1) { style.display = 'none'; }
		else				{ style.display = 'block'; }
	}
}

function aendereSichtbarkeit(id, anfang, ende, zeit,fade_out) {
	var schritte = Math.abs(anfang - ende);
	if (schritte == 0) return;
	var geschwindigkeit = Math.round(zeit / schritte);

	for (var i = 1; i <= schritte; i++) {
		if (anfang > ende) { var neu = anfang - i; }
		else { var neu = anfang + i; }
		setTimeout("aendereDeckkraft('" + id + "', " + neu + "," + fade_out + ")", (i * geschwindigkeit));
	}
}