Flex 图片放大缩小问题

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" creationComplete="init();">   
<mx:Script>
        <![CDATA[

            import mx.effects.Zoom;
            
                public var Ax:int = 1;
                public var Ay:int = 1;
        private var _zoom:Zoom;  
        
                public function mouseDown(event:MouseEvent):void{
                     Ax = (event.localX )* Number(hslider.value);
                     Ay = (event.localY )* Number(hslider.value);
                     this.addEventListener(MouseEvent.MOUSE_MOVE, mouseMove);
                     this.addEventListener(MouseEvent.MOUSE_UP, mouseUp);
                }
               
                public function mouseMove(event:MouseEvent):void{
                        img.x = event.stageX-Ax ;
                        img.y = event.stageY-Ay ;
                }
               
                public function mouseUp(event:MouseEvent):void{
                        this.removeEventListener(MouseEvent.MOUSE_MOVE, mouseMove);
                    this.removeEventListener(MouseEvent.MOUSE_UP, mouseUp);
                }

           private function init():void
           {
                  _zoom = new Zoom;
                  panel1.setStyle("borderAlpha", 0.7);
            }
                  
           private function zoom():void
           {
   
                _zoom.stop();      
                _zoom.target = img;   
                _zoom.zoomHeightTo = hslider.value;
                _zoom.zoomWidthTo = hslider.value;   
                _zoom.play();  
           }

       ]]>

   </mx:Script>
<mx:Panel id="panel1" title="工作底图-总平面图" width="100%"  height="100%" layout="absolute"  
horizontalScrollPolicy="off" verticalScrollPolicy="off" fontSize="12"  toolTip="按鼠标左键拖动图片">
         <mx:ApplicationControlBar dock="true">
         <mx:HSlider id="hslider"  minimum="1" maximum="7" value="1"
                liveDragging="true" change="zoom()" snapInterval="0.1"/>
                <mx:Label  text="" id="lbl"/>
                </mx:ApplicationControlBar>
<mx:Image id="img" x="0" y="-100" source="assets/11.swf"
mouseDown="mouseDown(event)"  />
</mx:Panel>
</mx:Application>

图片放大后，图片 x, y 坐标 没有显示在浏览器最左上角。   如何在 图片里， 加入热点提示， 就象 goole地图的建筑名称提示