var fpdCloseRequest = false;
function fpdClick() {                             
  var fpdMenu = document.getElementById('fpdMenu');
  if(fpdMenu.style.display == 'block') {
    fpdMenu.style.display = 'none';
  } else {
    fpd_moveLayer();
    fpdMenu.style.display = 'block';
  }
}
function fpdOver() {         
  fpdCloseRequest = false;
}
function fpdOut() {
  fpdCloseRequest = true;
  setTimeout('fpdClose()',1500)
}                   
function fpdClose() {
  if(fpdCloseRequest) {
    document.getElementById('fpdMenu').style.display = 'none';
  }
}

function fpd_moveLayer() {
  obj = document.getElementById('fpdMenu');
  ref = document.getElementById('fpdImg');
  var newX = fpd_findPosX(ref);
  var newY = fpd_findPosY(ref)+ref.height;
  obj.style.top = newY + 'px';
  obj.style.left = newX + 'px';
} 

function fpd_findPosX(obj) {
  var curleft = 0;
  if (obj.offsetParent) {
    while (obj.offsetParent) {
      curleft += obj.offsetLeft
      obj = obj.offsetParent;
    }
  } else if (obj.x) {
    curleft += obj.x;
  }
  return curleft;
}

function fpd_findPosY(obj) {
  var curtop = 0;
  if (obj.offsetParent) {
    while (obj.offsetParent) {
      curtop += obj.offsetTop
      obj = obj.offsetParent;
    }
  } else if (obj.y) {
    curtop += obj.y;
  }
  return curtop;
}