Multiple rollovers changing whole area in flash: problem

Question

I have the following situation:
I have a large image that I want to create "hot spots" on.
This is my lets say 1000 by 1000 image.
on that image i have two 50 by 50 squares one below the
other.
I want to make it such that if I roll over one square the
1000 by 1000 image changes to a different image, and likewise for
the second square.
I tried this using the button "up" properties as well as
trying things with on rollover(). Apparently problems crop up due
to the fact that the image being brought up by the rollover is very
big and covers the other hotspot, and thus "covering" it and not
allowing it to work.
What is the simplest (likely brut force) way of making this
work? This is for a stand along application, so speed is not as
much an issue.. note i have never really actionscripted..
Thanks for any pointers!

Answer 1

There are various techniques but I would probably make the
1000x1000 image into a movieclip. Give it an instance name of
something like imgswap. Add a layer to theis movieclip and put in a
keyframe on frame one, add a stop()' action. Add another frame,
same thing with the stop action but change the image on the other
layer. Now you have a movieclip with two layers, and two frames,
each containing a stop action and a different image. Add more
images as necessary for the project.
On you hot spots or buttons, use the folling script:
on(release){
imgswap.gotoAndStop(x);
"x" being the frame number of the image you want to show.
This will make the movieclip fo to the correct frame containing the
new image.
Got me?