Navigate an image that is larger than the stage?

Question

Hello, I would like some assistance getting this to work. I'm not even sure if its possible, but I will be eternally grateful for an answer.
I would like to have an image much larger than the stage, with little buttons all over it that play a MC when moused over. When the mouse reaches the edge of the screen, I want it to scroll so that the viewer can explore the whole image.
In short, its a map with destinations, and on mouse over the destinations play a MC. I'd like the viewer to be able to "explore" the map with the mouse.
It seems simple, is there a good way to do it?
Also, once it is done, is there a way to begin with the entire image shown, but then have it tween to its final (Very large) size, without breaking that functionality.
Thank you so much. This is for a class project and I'm trying to "go above and beyond" but, its a little to beyond for me.
Kayla

Answer 1

To make the image move, based on the mouse position you might do something like this:
addEventListener(Event.ENTER_FRAME, checkMouse);
function checkMouse(e:Event):void
     if(mouseX > 500){
          myImage.x -= 1;
     if(mouseY < 100){
          myImage.y += 1;
That's just a simple example. You'll need to check the bottom and left too... and you'll need to stop your image from moving past its edges:
if(myImage.x + myImage.width < theRightEdge){
     myImage.x = theRightEdge - myImage.width;
to keep it from going too far left...
I would also suggest using TweenLite to do your tweening. You can simply google TweenLite to find it.