Anyone have an easy way to hide an image when clicked?

Question

Hi,
I have an image where I need each text box/arrow to delete once clicked. Surely there is an easier way than creating millions of frames? Is it possible to do it with a button? The person using the animation needs to click the right ones that would lead to them dissappearing.
This was mocked up in photoshop. Only the photo would be brought into flashes library.
Thanks in advance.

Answer 1

Thanks esdebon for your response. I have tried to get it to work and keep getting compiler errors. Nothing happens when i click on the movie clip. button was converted to a movie clip and I added the actionscript but to no avail. This is the error I am getting while testing:
Scene=Scene 1, layer=low, frame=1, Line 1
Statement must appear within on/onClipEvent handler
Scene=Scene 1, layer=low, frame=1, Line 3
The class or interface 'MouseEvent' could not be loaded.
In your second response does "
image2.addEventListener(MouseEvent.MOUSE_OVER, hideImages) // to mouse over event
image2.addEventListener(MouseEvent.MOUSE_OUT, hideImages) // to mouse out event"
replace "
image2.addEventListener(MouseEvent.CLICK, hideImages)
image3.addEventListener(MouseEvent.CLICK, hideImages)
image4.addEventListener(MouseEvent.CLICK, hideImages)"
for each image? Two lines compared to one in the original line of code?
Also does this stay the same for the first image?
image1.addEventListener(MouseEvent.CLICK, hideImages)
function hideImages(e:MouseEvent):void{
     e.target.visible=false;