/**
 * Display a note for geeks like me.
 */

function geekNote(obj, key)
{
  gnDiv.innerHTML = geekNotes[key];

  var pos = getElementPos(obj);

  gnDiv.style.left = pos.x;
  gnDiv.style.top = pos.y;
  gnDiv.style.visibility = 'visible';

  clearTimeout(gnTimeoutId);
}

var gnTimeoutId = 0;


function onGeekNoteClick()
{
  gnDiv.style.visibility = 'hidden';
  clearTimeout(gnTimeoutId);
}

function onGeekNoteMouseover()
{
  clearTimeout(gnTimeoutId);
}

function onGeekNoteMouseout()
{
  gnTimeoutId = setTimeout('onGeekNoteClick()', 1000);
}

function getElementPos(obj){

  for (var lx=0,ly=0; obj!=null; lx+=obj.offsetLeft,ly+=obj.offsetTop,obj=obj.offsetParent);
  return { x:lx, y:ly };
}

document.write('<div id="geekNoteDiv" class="geeknote" onclick="onGeekNoteClick();" onmouseover="onGeekNoteMouseover();" onmouseout="onGeekNoteMouseout();"></div>');

var gnDiv = document.getElementById('geekNoteDiv');