var COLLAPSIBLE_PARENT_NAME = "collapsible";
var COLLAPSIBLE_PARENT_TYPE = "div";
var COLLAPSIBLE_CHILD_TYPE = "p";

var COLLAPSIBLE_EXPAND = " [read]";
var COLLAPSIBLE_SHRINK = " [close]";

init = function() {
	if(document.getElementById && document.createTextNode) {
		var entries = document.getElementsByTagName(COLLAPSIBLE_PARENT_TYPE);
		for(i=0;i<entries.length;i++)
			if (entries[i].className==COLLAPSIBLE_PARENT_NAME)
				assignCollapse(entries[i]);
	}
}

assignCollapse = function (div) {
	var button = document.createElement('a');
	button.style.cursor='pointer';
	button.setAttribute('expand', COLLAPSIBLE_EXPAND);
	button.setAttribute('shrink', COLLAPSIBLE_SHRINK);
	button.setAttribute('state', -1);
	button.innerHTML='dsds';
	div.insertBefore(button, div.getElementsByTagName(COLLAPSIBLE_CHILD_TYPE)[0]);

	button.onclick=function(){ 
		
		var state = -(1*this.getAttribute('state'));
		
		//close them all
		var entries = document.getElementsByTagName(COLLAPSIBLE_PARENT_TYPE);
		for(i=0;i<entries.length;i++) {
			if (entries[i].className==COLLAPSIBLE_PARENT_NAME) {
				button = entries[i].getElementsByTagName("a")[0]
				var state2 = 1;
				button.setAttribute('state', state2);
				entries[i].getElementsByTagName(COLLAPSIBLE_CHILD_TYPE)[0].style.display='none';
				entries[i].setAttribute('state', 'closed');
				button.innerHTML = button.getAttribute('expand');
			}
		}

		//open the clicked one
		if (state==-1) {
			this.setAttribute('state', state);
			this.parentNode.getElementsByTagName(COLLAPSIBLE_CHILD_TYPE)[0].style.display='block';
			this.parentNode.setAttribute('state', 'open');
			this.innerHTML = this.getAttribute('shrink');
		}		
	};					
	
	var state = -(1*button.getAttribute('state'));
	button.setAttribute('state', state);
	button.parentNode.getElementsByTagName(COLLAPSIBLE_CHILD_TYPE)[0].style.display=state==1?'none':'block';
	button.parentNode.setAttribute('state', 'closed');
	button.innerHTML = button.getAttribute(state==1?'expand':'shrink');	
}

window.onload=init;