var panels = new Array('#','a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'k', 'l', 'm', 'n', 'o', 'p', 'r', 's', 't', 'u', 'v', 'w', 'y');
var tstat = 0;

      var selectedTab = null;
      function showPanel(tab, name)
      {
        if (selectedTab) 
        {
          selectedTab.style.backgroundColor = '';
          selectedTab.style.paddingTop = '';
          selectedTab.style.paddingBottom = '';
        }
        selectedTab = tab;
        selectedTab.style.backgroundColor = 'white';
        for(ii = 0; ii < panels.length; ii++)
        {
          document.getElementById(panels[ii]).className = (name == panels[ii]) ? 'vis':'hid';
        }
				
		var menu = document.getElementById(name);
        menu.style.top  = fDomOffset(tab, 'offsetTop')+17; 
        menu.style.left  = fDomOffset(tab, 'offsetLeft'); 
        menu.className = 'vis';
        return false;
      }
	  
fDomOffset = function( oObj, sProp ) {
 var iVal = 0;
 while (oObj && oObj.tagName != 'body') {
  eval('iVal += oObj.' + sProp + ';');
  oObj = oObj.offsetParent;
 }
 return iVal;
}

function hideall(){
  for(ii = 0; ii < panels.length; ii++)      {
     document.getElementById(panels[ii]).className = 'hid';
  }
}

function hidemenu() {
  timer1 = setTimeout("hideall()",0);
  tstat=1;
return 1;
}

function cancelhide() {
 if (tstat==1) {
 clearTimeout(timer1);
 tstat=0;
 }
return 1;
}