function getOffset( el ) {
    var _x = 0;
    var _y = 0;
    while( el && !isNaN( el.offsetLeft ) && !isNaN( el.offsetTop ) ) {
        _x += el.offsetLeft - el.scrollLeft;
        _y += el.offsetTop - el.scrollTop;
        el = el.parentNode;
    }
    return { top: _y, left: _x };
}

function positionDiv()
{
  document.getElementById('direct_path_board').style.left = getOffset(document.getElementById('girl_table')).left + 75 + document.body.scrollLeft + "px";
  document.getElementById('direct_path_board').style.top = getOffset(document.getElementById('girl_table')).top - 15 + document.body.scrollTop + "px";
  document.getElementById('direct_path_board').style.display = 'block';
}