var panes = new Array();
function setupPanes(containerId, defaultTabId) {
   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;
      if (pane.offsetHeight > maxHeight) maxHeight = pane.offsetHeight;
      if (pane.offsetWidth  > maxWidth ) maxWidth  = pane.offsetWidth;
      panes[containerId][pane.id] = pane;
      pane.style.display = "none";
   };
   paneContainer.style.height = maxHeight + "px";
   paneContainer.style.width  = maxWidth + "px";
   document.getElementById(defaultTabId).onclick();
};
function showPane(paneId, activeTab) {
   for (var con in panes) {
      activeTab.blur();
      activeTab.className = "tab-active";
      if (panes[con][paneId] != null) {
         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;
};