function transitionAccordianPanel(panelId, panelCount) {
    var headerPanel = eval("document.getElementById('accHeaderPanel_"+panelId+"')");
    var headerPanelImage = eval("document.getElementById('imgHeaderPanel_"+panelId+"')");
    var headerPanelSeparator = eval("document.getElementById('imgHeaderPanelSeparator_"+panelId+"')");
    var bodyPanel = eval("document.getElementById('accBodyPanel_"+panelId+"')");
    var currState = bodyPanel.style.display;

    for (i=0; i<panelCount; i++) {
        var thisBodyPanel = eval("document.getElementById('accBodyPanel_"+i+"')");
        var thisHeaderPanelImage = eval("document.getElementById('imgHeaderPanel_"+i+"')");
        var thisHeaderPanelSeparator = eval("document.getElementById('imgHeaderPanelSeparator_"+i+"')");
        thisBodyPanel.style.display = 'none';
        thisHeaderPanelImage.src = thisHeaderPanelImage.src.replace('opened','closed');
        thisHeaderPanelSeparator.style.display = 'block';
    }

    if (currState == 'block') {
        bodyPanel.style.display = 'none';
        headerPanelSeparator.style.display = 'block';
        headerPanelImage.src = headerPanelImage.src.replace('opened','closed');
    } else {
        bodyPanel.style.display = 'block';
        headerPanelSeparator.style.display = 'none';
        headerPanelImage.src = headerPanelImage.src.replace('closed','opened');
    }
}