function toggle (obj) {
    var myDynSection;
     if (obj.nodeName == "DIV") {
        myDynSection = obj;
    } else {
        myDynSection = obj.parentNode.parentNode;
    }
    myDynSection.className = (myDynSection.className == 'impanded') ? 'expanded'  : 'impanded';
}
function initToggles () {
    var allDivs = document.getElementsByTagName('DIV');
    var i;
    for (i=0; i<allDivs.length; i++) {
        if((allDivs[i].className == 'impanded') || (allDivs[i].className == 'expanded')) {
            allDivs[i].getElementsByTagName('h4')[0].getElementsByTagName('SPAN')[0].onclick = function () { toggle(this); };
            allDivs[i].getElementsByTagName('h4')[0].getElementsByTagName('SPAN')[0].onmouseover = function () { this.style.textDecoration = 'underline'; };
            allDivs[i].getElementsByTagName('h4')[0].getElementsByTagName('SPAN')[0].onmouseout = function () { this.style.textDecoration = 'none'; };
        }
    }
}