function ShowHide(elementName) 
{
    ShowHide(elementName,'',0,0);
}
function ShowHide(elementName, anchorId) 
{
    ShowHide(elementName,anchorId,0,0);
}
function ShowHide(elementName, anchorId, xOffset, yOffset) 
{
    if(!xOffset)
    {
        xOffset=0;
    }
    if(!yOffset)
    {
        yOffset=0;
    }
    var element = document.getElementById(elementName);
        
    if (element == null)
    {
      return;
    }
    else if (element.style.display=='block')
    {
      element.style.display='none'
    }
    else
    {
        element.style.display='block'
    
        var anchor = document.getElementById(anchorId);
        var xPos = 0;
        var yPos = 0;   
        if (anchor)
        {
            xPos = getElementAbsPosX(anchor);
            yPos = getElementAbsPosY(anchor);
        }
        xPos += xOffset;
        yPos += yOffset + 10;
        element.style.position = "absolute";
        element.style.left = xPos + "px";
        element.style.top = yPos + "px";
        
    }
   
  }
  
  function Hide(elementName) 
  {
    var element = document.getElementById(elementName);
    element.style.display='none'
  }


function getElementAbsPosX(el)
{
    var dx = 0;
    if (el.offsetParent) {
        dx = el.offsetLeft;
        while (el = el.offsetParent) {
            dx += el.offsetLeft;
        }
    }
    return dx;
}

function getElementAbsPosY(el)
{
    var dy = 0;
    if (el.offsetParent) {
        dy = el.offsetTop + el.offsetHeight / 2;
        while (el = el.offsetParent) {
            dy += el.offsetTop;
        }
    }
    return dy;
}