animatedcollapse.ontoggle = function ($, divobj, state) { //fires each time a DIV is expanded/contracted
    //$: Access to jQuery
    //divobj: DOM reference to DIV being expanded/ collapsed. Use "divobj.id" to get its ID
    //state: "block" or "none", depending on state
}

animatedcollapseSettings = 'fade=1,persists=1, speed=800'

for (var i = 0, l = panels.length; i < l; i++) {
    animatedcollapse.addDiv(panels[i], animatedcollapseSettings);
}
animatedcollapse.init();

function closeAllPanels() {

    var trig = document.getElementById('MainBodyContent').getElementsByTagName('a');
    for (var i = 0; i < trig.length; i++) {
        if (trig[i].style.display == 'none') {
            trig[i].style.display = 'block';
        }
    }
    for (var i = 0, l = panels.length; i < l; i++) {
        document.getElementById(panels[i]).style.display = 'none';
        animatedcollapse.hide(panels[i], animatedcollapseSettings);
    }
}

function hideTrigger(id) {
    document.getElementById(id).style.display = 'none';
}

function boldTrigger(id) {
    var trig = document.getElementById('timelineTriggers').getElementsByTagName('a');
    for (var i = 0; i < trig.length; i++) {
        trig[i].style.fontWeight = 'normal';
        trig[i].style.color = '#7fb79d';
    }
    document.getElementById(id).style.fontWeight = 'bold';
    document.getElementById(id).style.color = '#00703c';

}

function t1Panel(id) {
    closeAllPanels();
    hideTrigger(id + 'Vm');
    animatedcollapse.toggle(id);
}

function timelinePanel(id) {
    closeAllPanels();
    boldTrigger("tl"+id);
    animatedcollapse.toggle(id);
}