点击层中的图片，如何获取鼠标当前的相对x/y位置？

[Netcean]

<div class="mapwarp" id="mapwarp">
    <img src="/images/map/test.jpg" />
    </div>

页面是的图片是放在mapwarp层中，点击图片时，如何获取相对于mapwarp层的当前鼠标x/y坐标。

先看看我现有的代码：

 $(document).ready(function () {
            $(".mapwarp img").bind("click", function (e) {
                //alert(e.pageX);//这是获取相对于窗口的位置，并不是层的，所以不行。
                //alert(e.pageY);

                 GetPosition();
            });
        });

 function GetPosition()
        {
            var x = $('.mapwarp').offset().left;
            var y = $('.mapwarp').offset().top;
            alert("x坐标:" + x);
            alert("y坐标:" + y);
        }

以上方法是根据网资料来写的，其中GetPosition方法所获取的坐标是mapwarp层相对于窗口，并不是mapwarp层中的图片相对于层的坐标，所以也不行。
请教大家，这种情况下如何能做到
当点击图片时，能获取到相对于mapwarp层的x/y坐标？谢谢

[XZowie]

 $(document).ready(function () {
        $(".mapwarp img").bind("click", function (e) {
                alert(e.offsetX);
                alert(e.offsetY);              
        });
});