How to make UILoaded images clickable

programming flash
1

Hi there,

Im trying to make a really simple image gallery banner (like a featured content bar on a website) So when a button is clicked, an image which is loaded outsite of flash appears with a little tranisition. Ive managed to get that far, but once the images are loaded, I want them to be clickable (have a roll over state and be able to take the user to different webpages depending on which image is clicked)

Is this possible?

this is my code so far:
*

next_btn.addEventListener(MouseEvent.CLICK, nextImage);

var imageNumber:Number = 1;

function checkNumber():void{
next_btn.visible=true;
back_btn.visible=true;

if(imageNumber==7){
	trace(imageNumber);
	next_btn.visible = false;
}

if(imageNumber==1){
	trace(imageNumber);
	back_btn.visible = false;
}

}
checkNumber();

function nextImage (evtObj:MouseEvent):void{

imageNumber++;
largeImageLoader.source = "images/portfolio0"+imageNumber+".jpg";
checkNumber();

}

back_btn.addEventListener(MouseEvent.CLICK, backImage);

function backImage (evtObj:MouseEvent):void{

imageNumber--;
largeImageLoader.source = "images/portfolio0"+imageNumber+".jpg";
checkNumber();

}

largeImageLoader.addEventListener(Event.COMPLETE, imageLoaded);

import fl.transitions.Tween;
import fl.transitions.TweenEvent;
import fl.transitions.easing.*;

function imageLoaded(event:Event){
trace(“image has been loaded”);
new Tween(largeImageLoader,“x”,Strong.easeOut,40,300,2,true);
}

Any help would be hugely appreciated,

Thanks in advance,
James