var mouseX=0;
var mouseY=0;

/**
*identify which event is supported
* Based on that collect pageX and pageY properties of the event object
* pageX and pageY gets the X and Y cursor coordinates
*/
function getMouseCoordinates(event) {
	e = event || window.event;
	if ( e.pageX == null && e.clientX != null ) {
		var b = document.body;
		mouseX = e.clientX + (e && e.scrollLeft || b.scrollLeft || 0);
		mouseY = e.clientY + (e && e.scrollTop || b.scrollTop || 0);
	}else {
		mouseX=e.pageX;
		mouseY=e.pageY;
	}
}

/**
* capture mousemove event, this statement will cause browser to
* call getMouseCoordites function each time mouse moves
*/
document.onmousemove=getMouseCoordinates;