var where = ''; // which link
var xCoord = 0;
var yCoord = 0;
function checkwhere(e) {
  if (document.layers){
    xCoord = e.x;
    yCoord = e.y;
	} else if (document.all){
    xCoord = event.clientX;
  	yCoord = event.clientY;
	} else if (document.getElementById){
  	xCoord = e.clientX;
  	yCoord = e.clientY;
	}
}

function get_ScrollOffset(){
	scroll_offset = 0;
	if (document.body.scrollTop != 0) scroll_offset = document.body.scrollTop;
	if (document.documentElement.scrollTop != 0) scroll_offset = document.documentElement.scrollTop;
	return scroll_offset;
}

document.onmousemove = checkwhere;
if(document.captureEvents) {document.captureEvents(Event.MOUSEMOVE);}
	function showHelpbox(){
		objColourPicker = document.getElementById('helpbox');
		objColourPicker.style.left = xCoord - 200;
		objColourPicker.style.top = (yCoord )+get_ScrollOffset() - 200;
		objColourPicker.style.display = 'block';
	}
	function hideHelpbox(){
		objColourPicker = document.getElementById('helpbox');
		colour_picking_for = 0;
		objColourPicker.style.display = 'none';
	}