function swapPane(e, parent, paneParent, paneClassName) {
    var allNavBtns = document.getElementById(parent).getElementsByTagName("li");
    var allInfoPanes = document.getElementById(paneParent).getElementsByTagName("div");
    
    e.setAttribute("active", "true")
    var paneNumber = 0;
    
    var i;
    for (i = 0; i < allNavBtns.length; i++) {
        allNavBtns[i].className = allNavBtns[i].className.replace("on", "off");
        if (allNavBtns[i].childNodes[0].getAttribute("active") == "true"){
            paneNumber = i;
            e.setAttribute("active", "false")
        }
    }

    var j;
    for (j = 0; j < allInfoPanes.length; j++) {
        if (allInfoPanes[j].className.match(paneClassName)) {
            allInfoPanes[j].style.display = "none";        
        }
    }
    allInfoPanes[paneNumber].style.display = "block";
        
    e.parentNode.className = e.parentNode.className.replace("off", "on");
    e.blur();
}

function showPane(btn, parent, paneParent) {
    var allBtns = document.getElementById(parent).getElementsByTagName("a");
    var allPanes = document.getElementById(paneParent).getElementsByTagName("div");
    var i;
    selectedBtnNumber = 0;
    for (i = 0; i < allBtns.length; i++) {
        if (allBtns[i] == btn) {
            selectedBtnNumber = i;
        }
        allBtns[i].className = "selector_btn_off";
        allPanes[i].className = "selector_pane_off";
    }

    allBtns[selectedBtnNumber].className = "selector_btn_on";
    allPanes[selectedBtnNumber].className = "selector_pane_on";
    
}