var panes = new Array();

function setupPanes(containerId, defaultTabId) {
     // go through the DOM, find each tab-container
     // set up the panes array with named panes
     panes[containerId] = new Array();
     var maxHeight = 0; var maxWidth = 0;
     var container = document.getElementById(containerId);
     var paneContainer = container.getElementsByTagName("div")[0];
     var paneList = paneContainer.childNodes;
     for (var i=0; i < paneList.length; i++ ) {
       var pane = paneList[i];
       if (pane.nodeType != 1) continue;
       panes[containerId][pane.id] = pane;
       pane.style.display = "none";
    }
     document.getElementById(defaultTabId).onclick();
}

function showPane(paneId, activeTab) {
     // make tab active class
     // hide other panes (siblings)
     // make pane visible

     for (var con in panes) {
       activeTab.blur();
       activeTab.className = "tab-active";
       if (panes[con][paneId] != null) { // tab and pane are members of this container
         var pane = document.getElementById(paneId);
         pane.style.display = "block";
         var container = document.getElementById(con);
         var tabs = container.getElementsByTagName("ul")[0];
         var tabList = tabs.getElementsByTagName("a")
         for (var i=0; i < tabList.length; i++ ) {
           var tab = tabList[i];
           if (tab != activeTab) tab.className = "tab-disabled";
         }
         for (var i in panes[con]) {
           var pane = panes[con][i];
           if (pane == undefined) continue;
           if (pane.id == paneId) continue;
           pane.style.display = "none"
         }
       }
     }
       return false;
}