var cX = 0;
var cY = 0;
var rX = 0;
var rY = 0;

function UpdateCursorPosition(e) {
  // Firefox/Opera/Chrome
  cX = e.pageX;
  cY = e.pageY;
}

function UpdateCursorPositionDocAll(e) {
  // Internet Explorer
  cX = event.clientX;
  cY = event.clientY;
}

if(document.all) {
  document.onmousemove = UpdateCursorPositionDocAll;
} else {
  document.onmousemove = UpdateCursorPosition;
}

function AssignPosition(d) {
  if(self.pageYOffset) {
    rX = self.pageXOffset;
    rY = self.pageYOffset;
  } else if(document.documentElement && document.documentElement.scrollTop) {
    rX = document.documentElement.scrollLeft;
    rY = document.documentElement.scrollTop;
//  }
  } else if(document.body) {
    rX = document.body.scrollLeft;
    rY = document.body.scrollTop;
  }
  if(document.all) {
    cX += rX;
    cY += rY;
  }
  d.style.left = (cX+10) + "px";
  d.style.top = (cY+10) + "px";
}

function HidePopupContent(d) {
  if(d.length < 1) {
    return;
  }
  document.getElementById(d).style.display = "none";
}

function ShowPopupContent(d) {
  if(d.length < 1) {
    return;
  }
  var dd = document.getElementById(d);
  AssignPosition(dd);
  dd.style.display = "block";
}

function ReversePopupDisplay(d) {
  if(d.length < 1) {
    return;
  }
  var dd = document.getElementById(d);
  AssignPosition(dd);
  if(dd.style.display == "none") {
    dd.style.display = "block";
  } else {
    dd.style.display = "none";
  }
}