var height;
var maxheight; // Hoehe des groessenveraenderlichen Bereichs
var resize_step = 30; // Pixel-Groessenschritte f. Hoehenaenderung
var resize_speed = 10; // Millisekunden-Zeitschritte f. Hoehenaenderung
var num_steps; // Anzahl noetiger schritte
var step_nr = 0; // Nummer des Groessenschritts
var resize_id; // CSS-ID des groessenveraenderlichen Bereichs (und Teil-ID des "Schalters")

function toggleDisplay(id, max, headlink_show, headlink_hide) {
	resize_id = id;
	maxheight = max;
	//num_steps = Math.ceil(maxheight/resize_step);
	//document.getElementById(id).style.background='red';

	document.getElementById(id).style.overflow='hidden';

	if (document.getElementById(id).style.display=='block') {
		height = maxheight;

		document.getElementById(id).style.height=height;
		shrink();

		document.getElementById(id+'_switch').innerHTML=headlink_show;
	} else {
		height = 0;

		document.getElementById(id).style.height=height;
		document.getElementById(id).style.display='block';
		grow();

		document.getElementById(id+'_switch').innerHTML=headlink_hide;
	}
}
function grow() {
	if (height<maxheight) {
		window.setTimeout("incrHeight()",resize_speed);
	}
	document.getElementById(resize_id).style.height=height+'px';
}
function incrHeight() {
	height+=resize_step;
	grow();
}

function shrink() {
	if (height>0) {
		window.setTimeout("decrHeight()",resize_speed);
	} else {
		document.getElementById(resize_id).style.display='none';
	}
	document.getElementById(resize_id).style.height=height+'px';
}
function decrHeight() {
	height-=resize_step;
	shrink();
}
/* UNFERTIG: soll Anfangs- und Endschritte verlangsamen f. weicheres Oeffnen/Schliessen
function stepSpeed() {
	step_nr++;
	var border_steps = Math.floor(num_steps/0.15); // Anzahl der Anfangs- bzw. Endschritte (jew. max. 15% aller Schritte)
	// wenn dieser Schritt zu den ersten 15% der Schritte gehoert
	if (step_nr <= border_steps) {
		// 
	}
}
*/