Help adding a border on image

1

What I want to do is add a border on the image that I load into my scroll bar via XML on the rollover. So when I rollover the image a border appears around it. I created a movie clip of the just the border and I am having trouble getting it to appear on all my images when I rollover them. I am not sure how to fix this. How can I do this?


scrollBar_mc.visible = false;

var space:int = 10;//space between cells 
var w:int = 47;//width of cell 
var h:int = 47;//height of cell 
var xt:int = 0;
var yt:int = 0;

//create a XML data container that will be the source for the scrollpane
var mcHolder:MovieClip = new MovieClip();
//add container to the scrollpane
scrollBar_mc.addChild(mcHolder);
mcHolder.x = 20;
mcHolder.y = 8;
mcHolder.buttonMode = true;
//
var newHover:MovieClip = new schematicHover_mc

//set up XML loader to load color list
var myXML:XMLList;
var myLoader:URLLoader = new URLLoader();
myLoader.addEventListener(Event.COMPLETE, xmlLoaded, false, 0, true);
myLoader.addEventListener(IOErrorEvent.IO_ERROR, onIOError, false,0,true);
myLoader.load(new URLRequest("Cityscape.xml"));

// Create the xmlLoaded function 
function xmlLoaded(event:Event):void {
    try {
        myXML = XMLList(event.target.data);
        myLoader.removeEventListener(Event.COMPLETE, xmlLoaded);
        myLoader.removeEventListener(IOErrorEvent.IO_ERROR, onIOError);
        var a:int=1;
        //Run the "for each" loop to iterate through all of 
        //the menu items listed in the external XML file
        for each (var pic:XML in myXML..pic) {
            var picImage:String = pic.image.toString();            
            var picloader:Loader = new Loader();
            picloader.load(new URLRequest(picImage));
            picloader.x = xt;
            picloader.y = yt+6.5;
            //add cell 
            mcHolder.addChild(picloader);
            
            mcHolder.addChild(newHover);
            newHover.visible=false;
            newHover.x = 0;
            newHover.y = 8;
            //
            picloader.contentLoaderInfo.addEventListener(Event.COMPLETE, imageLoaded, false, 0, true);
            //
            //set the spacing horizontal
            xt = xt+w+space;

            //add mouseEvents for squares
            picloader.addEventListener(MouseEvent.CLICK, getPic, false, 0, true);
            picloader.addEventListener(MouseEvent.MOUSE_OVER, showHover, false, 0, true);
            picloader.addEventListener(MouseEvent.MOUSE_OUT, hideHover, false, 0, true);
        }
    } catch (err:Error) {
        trace("Could not parse loaded content as XML:
" + err.message);
    }
}

//complete loaded image 
function imageLoaded(event:Event):void {
    //trace("loaded");
    with (event.target) {
        content.smoothing = true;
        content.height = 47;
        content.width = 47;
    }
}

//change color of tile
function getPic(event:MouseEvent):void {
    //trace(event.currentTarget.name);
}

function showHover(event:MouseEvent):void {    
    newHover.visible=true;
}

function hideHover(event:MouseEvent):void {    
    newHover.visible=false;
}