function generateAccordion   () {
	window.debugConsole = new DebugConsole('debugConsole');
	window.debugConsole.show('test', 'foo');
	window.merkmalWidgets = {}; // ugly but works

	var el = document.getElementById('merkmale');
	var children = el.getElementsByTagName("li");
	
	var accordionContainer = dojo.widget.byId('main');
	
	for (var childnr = 0; childnr < children.length; childnr++) {
		// extract the title
		var h4 = children[childnr].getElementsByTagName('h4')[0];
		var title = h4.innerHTML;

		// extract the body
		var p = children[childnr].getElementsByTagName('p')[0];
		var body = p.innerHTML;


		window.debugConsole.show(childnr + " tit", title);
		window.debugConsole.show(childnr, body);
		var w = dojo.widget.createWidget("ContentPane");
		// w.setLabel(title);
		w.setContent('<p>' + body + '</p>');
		//var img = '<img src=images/bullet.gif height=30 width=30> ';
		var wrapper = dojo.widget.createWidget("AccordionPane", {label:title});
		// debugger;
		wrapper.addChild(w);
		wrapper.domNode.setAttribute('id', 'merkmal_nr_' + childnr);

		accordionContainer.addChild(wrapper);

		window.merkmalWidgets['merkmal_nr_' + childnr] = wrapper;
		var _foo = window.merkmalWidgets;
		// debugger; 
		wrapper.labelNode.onmouseover = function(eve) {
			/* yes, this looks really bad, but dojo needed it this dirty way */
			var ev = eve || window.event;
			var eventsource = ev.target || ev.srcElement;
			var id_of_eventsource = eventsource.parentNode.getAttribute('id');
			var mySource = window.merkmalWidgets[id_of_eventsource];
			accordionContainer.selectChild(mySource);
		};
		
		
	}
	 el.style.display = 'none';
	 /* start paging thru panes after 3 secs: */
	 window.setTimeout(startPagingTimer, 3000); 
}

function startPagingTimer () {
	window.accordionCycler = {};
	window.accordionCycler.lastOpenedPane = 0;
	window.accordionCycler.intervalId = window.setInterval('pageThroughAccordion(true)', 1500);

	// counts the number of panes
	window.accordionCycler.nrOfPanes = 0; 
	
	for (nr in window.merkmalWidgets) {
		window.accordionCycler.nrOfPanes++;
	} 

	
	// clear interval timer if the user wants to select a pane:
	dojo.byId('merkmale_dyn').onmouseover = function () {
		window.clearInterval(window.accordionCycler.intervalId);
	};
}

function pageThroughAccordion (page_up) {
	var lastNr = window.accordionCycler.lastOpenedPane;
	var nrOfPanes = window.accordionCycler.nrOfPanes;

	var accordionContainer = dojo.widget.byId('main');
	
	var nr = 0;
	
	if ((page_up && lastNr < nrOfPanes) || ((!page_up) && (lastNr > 0))) {
		if (page_up == true) {
			 nr = lastNr + 1 ;
		} else {
			 nr = lastNr - 1 ;
		}

		var nextPane = window.merkmalWidgets['merkmal_nr_' + nr]
		accordionContainer.selectChild(nextPane);
		window.accordionCycler.lastOpenedPane = nr;
	} else {
		window.clearInterval(window.accordionCycler.intervalId);

		if (lastNr == window.accordionCycler.nrOfPanes) {
			// turnaround situation
			window.accordionCycler.intervalId = window.setInterval('pageThroughAccordion(false)', 200);
		}
	}
}

window.onload = downloadGlow; 

function downloadGlow () {
	$('extra').onmouseover = downloadGlow;
	$('extra').onmouseout = downloadGlow;
	var icon = $('downloadIcon');
	var glowIcon = $('downloadIconGlow');
	// debugger;
	
	if (icon.style.display != 'none') {
		icon.style.display = 'none';
		glowIcon.style.display = 'block';
	} else {
		icon.style.display = 'block';
		glowIcon.style.display = 'none';
	}
}