function initLists() {

	var htmlElems = document.getElementsByTagName('html');
	var htmlElem = Element.extend(htmlElems[0]);
	var htmlHeight = $(htmlElem).getHeight();
	
	var bodyElems = document.getElementsByTagName('body');
	var bodyElem = Element.extend(bodyElems[0]);
	
	$(bodyElem).setStyle({ height: htmlHeight + 'px'});
	
	var frame2Texte = $('content').getElementsByClassName('unterstuetzer_content');
	for( i = 0; i < frame2Texte.length; i++ ) {
		frame2Texte[i].hide();
	}
}

function showText(elem) {
	var parentBox = elem.parentNode.parentNode;
	Element.extend(parentBox);

	var boxes = $(parentBox).getElementsByClassName('unterstuetzer_content');
	var box = boxes[0];
	
	// hide all:
	var contentboxes = $('content').getElementsByClassName('unterstuetzer_content');
	for( i = 0; i < contentboxes.length; i++ ) {
		if ( box != contentboxes[i]) {  // don't hide the current elem
			var parentElem = contentboxes[i].parentNode
			Element.extend(parentElem);

			var headerElems = $(parentElem).getElementsByClassName('unterstuetzer_head');
			var text = headerElems[0].firstChild.firstChild.nodeValue;
			headerElems[0].innerHTML = '<a href="#" onclick="showText(this); return false;">' + text + '</a>';

			//contentboxes[i].hide();
			new Effect.BlindUp(contentboxes[i], {duration: 1 })
		}
	}
	
	// show selected:
	new Effect.BlindDown(box, {duration: 1,  queue: 'end' })
	
	elem.parentNode.innerHTML = '<a href="#" onclick="hideText(this); return false;">' + elem.firstChild.nodeValue + '</a>';
}

function hideText(elem) {
	var boxes = elem.parentNode.parentNode.getElementsByClassName('unterstuetzer_content');
	var box = boxes[0];
	
	//box.hide();
	new Effect.BlindUp(box, {duration: 1})
	
	//elem.setAttribute("onclick", "showText(this); return false");
	elem.parentNode.innerHTML = '<a href="#" onclick="showText(this); return false;">' + elem.firstChild.nodeValue + '</a>';
}

function setClickHide() {
	var headers = $('content').getElementsByClassName('unterstuetzer_head');
	for(i=0; i < headers.length; i++) {
		var text = headers[i].firstChild.nodeValue;
		headers[i].innerHTML = '<a href="#" onclick="hideText(this); return false;">' + text + '</a>';
	}
}


function setClickShow() {
	var headers = $('content').getElementsByClassName('unterstuetzer_head');
	for(i=0; i < headers.length; i++) {
		var text = headers[i].firstChild.nodeValue;
		headers[i].innerHTML = '<a href="#" onclick="showText(this); return false;">' + text + '</a>';
	}
}