function getBox( boxID ) {
	if ( document.getElementById ) { box = document.getElementById( boxID ); }
	else if ( document.all ) { box = document.all.item( boxID ); }
	else { box = null; }
	return box;
}

function positionBox( boxID, e ) {
	var tempX = 0;
	var tempY = 0;
	var offset = 7;
	box = getBox( boxID );
	if ( box == null ) return;
  if ( document.all ) {
    tempX = e.clientX + document.body.scrollLeft;
    tempY = e.clientY + document.body.scrollTop;
  } else {
    tempX = e.pageX;
    tempY = e.pageY;
  }
	box.style.left = ( Math.max(tempX,0) + offset - 100 ) + 'px';
	box.style.top  = ( Math.max(tempY,0) + offset ) + 'px';
	showBox( boxID );
}











function showBox( boxID ) {
	box = getBox( boxID );
	if ( box == null ) return;
	box.style.display = 'block';
	box.style.visibility = 'visible';
}

function hideBox( boxID ) {
	box = getBox( boxID );
	if ( box == null ) return;
	box.style.display = 'none';
	box.style.visibility = 'hidden';
}