Кросс-браузерное решение для замены использования event.layerX и event.layerY

Я пытаюсь адаптировать некоторый код из простого приложения, которое использует Raphael, чтобы позволить пользователям рисовать круги и прямоугольники на холсте. (исходный код наhttps://gist.github.com/673186)

Исходный код использовал более старую версию jQuery и работал нормально. См. http://jsfiddle.net/GHZSd/

. Однако использование обновленной версии jQuery нарушает пример. См. http://jsfiddle.net/GHZSd/1/

. Причина этого в том, что event.layerXи event.layerYбольше не определены в новой версии jQuery. Мой вопрос: -какой код я могу использовать для замены этих значений? Я попробовал пару вещей, просто выполнив некоторые математические действия (event.originalEvent.layerX/layerX все еще существуют на данный момент, поэтому я просто пытаюсь добавить/вычесть некоторые вещи, которые приведут к этим значениям), но пока то, что работает в одном браузере, не работает во всех.

Извините, если этот вопрос уже задавался ранее, но я не смог найти конкретного ответа на Stack Overflow или где-либо еще.