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

var collapsible_show = "[show]";
var collapsible_hide = "[hide]";

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('show', collapsible_show);
    button.setAttribute('hide', collapsible_hide);
    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'));
        this.setAttribute('state', state);
        this.parentNode.getElementsByTagName(collapsible_CHILD_TYPE)[0].style.display=state==1?'none':'block';
        this.innerHTML = this.getAttribute(state==1?'show':'hide');
    };                   
    button.onclick();
}


window.onload=init;