var collapse = {
	config : {
		collapseHook : 'collapse',
		clickOn : 'dt',
		hide : 'dd',
		classActive: "active"
	},
	getTarget : function(x){
		x = x || window.event;
		return x.target || x.srcElement;
	},
	toggle : function(target){
		var sibling = target.nextSibling
		while (sibling.nodeType != 1){
			sibling = sibling.nextSibling;
		}
		if (sibling.nodeName.toLowerCase() === collapse.config.hide){
			sibling.style.display = sibling.style.display != 'none' ? 'none' : '';
			target.className = (target.className === collapse.config.classActive) ? "" : collapse.config.classActive;
		}
	},
	init : function(){
		if (!document.getElementById) return;
		var section = document.getElementById(collapse.config.collapseHook);
		section.onclick = function(e){
			var target = collapse.getTarget(e);
			if (target.nodeName.toLowerCase() === collapse.config.clickOn){
				collapse.toggle(target);
			}
		}
		var hidden = section.getElementsByTagName(collapse.config.hide);
		//start at 1 so first item is open
		for(var i=0; i < hidden.length; i++){
			hidden[i].style.display = "none"
		}
	}
}
addLoadEvent(collapse.init);