var currentPanel;

      function hover(tabNum)
      {
        if (tabNum != currentPanel)
          document.getElementById('tab'+tabNum).style.color = '#FF0000';
      }

      function tabOut(tabNum)
      {
        if (tabNum == currentPanel)
        {
          document.getElementById('tab'+tabNum).style.backgroundColor = '#FF0000';
          document.getElementById('tab'+tabNum).style.color = '#FFFFFF';
        }
        else
        {
          document.getElementById('tab'+tabNum).style.backgroundColor = '#DDDDDD';
          document.getElementById('tab'+tabNum).style.color = '#333333';
        }
      }

      function showPanel(panelNum)
      {
        var lastNum = currentPanel;

        if (currentPanel != null)
          hidePanel();

        document.getElementById('panel'+panelNum).style.display = 'inline';
        currentPanel = panelNum;
        if (lastNum != null)
          tabOut(lastNum);
        tabOut(panelNum);
      }

      function hidePanel()
      {
        document.getElementById('panel'+currentPanel).style.display = 'none';
      }