var contentId = 'wrap'; // Change me to the content area ID
var startCollapsed = 1; // 0 = false, 1 = collapse all on load, 2 = collapse all but first on load.

function getElementsByClassName(node, classname)
{
	var a = [];
	var re = new RegExp('\\b' + classname + '\\b');
	var els = node.getElementsByTagName("*");
	for(var i=0,j=els.length; i<j; i++)
		if(re.test(els[i].className))a.push(els[i]);
	return a;
}

var collapsearray = [];
var collapsibles = getElementsByClassName(document.getElementById(contentId), 'collapse(head)?');
var temp;
for (var i=0; temp=collapsibles[i]; i++) {
	if (temp.className == 'collapsehead' && collapsibles[i+1].className == 'collapse') {
		if (!collapsibles[i+1].id && !temp.id) {
			temp.id = 'collapsehead'+i;
			collapsibles[i+1].id = 'collapsecontent'+i;
		} else if (!collapsibles[i+1].id && temp.id)
			collapsibles[i+1].id = temp.id+'content';
		else if (collapsibles[i+1].id && !temp.id)
			temp.id = collapsibles[i+1].id+'head';
		collapsearray[temp.id] = collapsibles[i+1].id;
		temp.onclick = function() { if (this.className == 'collapsehead') { document.getElementById(collapsearray[this.id]).style.display = 'none'; this.className = 'collapsedhead'; } else { document.getElementById(collapsearray[this.id]).style.display = ''; this.className = 'collapsehead'; } return false; };
		if (startCollapsed == 1 || startCollapsed == 2 && i > 0) {
			temp.className = 'collapsedhead';
			collapsibles[i+1].style.display = 'none';
		}
		i++;
	}
}
