function getMousePosition(e) 
{ 
   return e.pageX ? {'x':e.pageX, 'y':e.pageY} : 
          {'x':e.clientX + document.documentElement.scrollLeft + document.body.scrollLeft, 'y':
          e.clientY + document.documentElement.scrollTop + document.body.scrollTop}; 
}; 
   
function showMousePos(e, id) 
{ 
   if (!e) e = event; // make sure we have a reference to the event 
   var mp = getMousePosition(e);
   var divref = document.getElementById(id);
   var pwidth = parseInt(divref.style.width) / 2;
   divref.style.left = (mp.x-pwidth) + 'px';
   divref.style.top  = (mp.y-3) + 'px';
   
   divref.style.display = 'block'; 
   return;
}; 

function FakeCur(e, id, alignment) 
{ 
   if (!e) e = event; // make sure we have a reference to the event 
   var mp = getMousePosition(e);
   var divref = document.getElementById(id);
   var pwidth = parseInt(divref.style.width) / 2;
   if (alignment=="left")   divref.style.left = (mp.x+3) + 'px';
   if (alignment=="center") divref.style.left = (mp.x-pwidth) + 'px';
   divref.style.top  = (mp.y+3) + 'px';
   divref.style.display = 'block'; 
   return;
}; 

function showDiv(e, id)
{ 
   if (!e) e = event; // make sure we have a reference to the event 
   var mp = getMousePosition(e);
   var divref = document.getElementById(id);
   divref.style.left = (mp.x/2) + 'px';
   divref.style.top  = (mp.y-10) + 'px';
   divref.style.display = 'block'; 
   return;
}; 


function showDivToggle(e, id)
{ 
   if (!e) e = event; // make sure we have a reference to the event 
   var mp = getMousePosition(e);
   var divref = document.getElementById(id);
   divref.style.left = (mp.x/2) + 'px';
   divref.style.top  = (mp.y-10) + 'px';
   divref.style.display = (divref.style.display=='none') ? 'block' : 'none';
   return;
}; 


function ToggleMouse(id)
{ 
   var divref = document.getElementById(id);
   divref.style.display = (divref.style.display=='none') ? 'block' : 'none';
   return;
};