// CodeDread JavaScript
// Copyright (c), Jeff Schiller, 2005

var gsEXPAND = "(Expand)";
var gsCOLLAPSE = "(Collapse)";

function collapse(evt) {
    evt = evt ? evt : window.event;
    var target = (evt.target ? evt.target : evt.srcElement); 
    if(target && target.firstChild && target.parentNode.parentNode) {

        var startClassName = (target.firstChild.nodeValue == gsEXPAND ? "collapsed" : "expanded");
        var endClassName = (target.firstChild.nodeValue == gsEXPAND ? "expanded" : "collapsed");
        var div = target.parentNode.parentNode;
        var targets = div.getElementsByTagName("div");
        for(var i = 0; i < targets.length; ++i) {
            if(targets[i].className == startClassName) {
                targets[i].className = endClassName;
                target.firstChild.nodeValue = (target.firstChild.nodeValue == gsEXPAND ? gsCOLLAPSE : gsEXPAND);
            }
        }

    }
}

function initPage() {
    // add onclick handlers to collapsable divs
    var divs = document.getElementsByTagName("div");
    if(divs && divs.length) {
        for( var div = 0; div < divs.length; ++div) {
            if(divs[div].className == "collapsable") {
                var spans = divs[div].getElementsByTagName("span");
                for(var span = 0; span < spans.length; ++span) {
                    if(spans[span].className == "collapsablegrip") {
                        spans[span].onclick = collapse;
                    }
                }
            }
        }
    }
}