var container,headlines,uls,current_headline;

function init_toggle(the_container) {

	container = document.getElementById('leftColumn');
	headlines = container.getElementsByTagName('dt');
	uls       = container.getElementsByTagName('dd');

	for (var i = 0; i < headlines.length; i++) {
		headlines[i].setAttribute('id','dt_'+i);
		headlines[i].className = 'faq_closed';
		headlines[i].innerHTML = '<a href="#h_'+i+'" >' + headlines[i].innerHTML + "<" + "/a>";
		headlines[i].onclick = function() {
			return toggle_headlines(this);
		}
	}
	current_headline = 0;
}

function toggle_headlines(clicked_headline) {
	for (var i = 0; i < headlines.length; i++) {
		if (i != current_headline && headlines[i] == clicked_headline) {
			uls[i].style.display = "block";
			headlines[i].className = 'faq_open';
			uls[current_headline].style.display = "none";
			current_headline = i;
		} else if (i == current_headline && headlines[i] == clicked_headline) {
			if("block" == uls[current_headline].style.display) {
				headlines[i].className = 'faq_closed';
				uls[i].style.display = "none";
			} else {
				headlines[i].className = 'faq_open';
				uls[i].style.display = "block";
			}
		} else {
			headlines[i].className = 'faq_closed';
			uls[i].style.display = "none";			
		}
	}
	return false;
}

document.write('<style type="text/css">dd { display:none;}</style>');
addEvent(window,'load',init_toggle);