var menuState = "";
function showMenu( id )
{
  var srcId = "menuDetail"+ id;
  var posId = "menu"+ id;
  var closeOnly = ( menuState == srcId  );

  if( menuState == srcId || menuState != "" )
  {
    hideMenu();
  }
  if( closeOnly )
  {
    return false;
  }
  menuState = srcId;

  // populate menu
  getElt("menuDetailTarget").innerHTML = getElt(srcId).innerHTML;
  getElt(srcId).innerHTML = "";
  // position
  movelayer( "menuDetail", getlayerleft( posId ), getlayertop( posId )+getlayerheight( posId ) );
  // display
  showlayer("menuDetail");
  return false;
}

function hideMenu()
{
  getElt(menuState).innerHTML = getElt("menuDetailTarget").innerHTML;
  getElt("menuDetailTarget").innerHTML = "";
  hidelayer("menuDetail");
  menuState = "";
}