var collapsible_PARENT_NAME = "collapsible";
var collapsible_PARENT_TYPE = "div";
var collapsible_CHILD_TYPE = "p";

var collapsible_EXPAND = "[+]";
var collapsible_SHRINK = "[-]";

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.setAttribute('color', "blue");
    button.innerHTML = 'dsds';
    div.insertBefore(button, div.getElementsByTagName(collapsible_CHILD_TYPE)[0]);

    button.onclick = function() {
        var state = -(1 * this.getAttribute('state'));
        this.setAttribute('state', state);
        this.parentNode.getElementsByTagName(collapsible_CHILD_TYPE)[0].style.display = state == 1 ? 'none' : 'block';
        this.innerHTML = this.getAttribute(state == 1 ? 'expand' : 'shrink');
    };
    button.onclick();
}
window.onload = init;