var $menuColor = 'rgb(255, 220, 68)';
var $backColor = 'black';

function showMenu($item, $itema, $multiLine, $itemb)
  { // $item is the list to flyout $itema is it's header, $itemb is a subflyout
  
  var $thisItema = document.getElementById($itema);
  $thisItema.style.background = $menuColor;
  $thisItema.style.color = $backColor;
  
  var $thisItem = document.getElementById($item);// get hold of the object by using its name
  
  $thisItem.style.display = 'block'; // this makes it display and do it correctly
  $thisItem.style.zIndex = 100; // bring it to the front
  $thisItem.style.background = $menuColor; // give it a nice background color  
  
  // $multiLine is for increasing the vertical offset on multi-line headings
  if ($multiLine)
    {
    $thisItem.style.top=(-65 + (-20 * $multiLine)) + 'px';
    }
    
  if($itemb)
  {
  var $thisItemb = document.getElementById($itemb);// get hold of the object by using its name
  $thisItemb.style.display = 'block'; // this makes it display and do it correctly
  $thisItemb.style.zIndex = 105; // bring it to the front
  $thisItemb.style.background = $menuColor; // give it a nice background color
  }

  }
  

  
function hideMenu($item, $itema, $itemb)
  { // see above
  var $thisItema = document.getElementById($itema);
  $thisItema.style.background = 'black';
  $thisItema.style.color = 'rgb(255, 204, 51)';
  
  var $thisItem = document.getElementById($item);
  $thisItem.style.display = 'none';
  $thisItem.style.zIndex = 1
  
  if($itemb)
  {
  var $thisItemb = document.getElementById($itemb);
  $thisItemb.style.display = 'none';
  $thisItemb.style.zIndex = 1
  }
}