Placing external library elements in full screen

1

I’m trying to place these external library elements in full screen mode.


class com.Library
{
    //
    // MovieClips
    //
    public static var LOGO:String = "lib.clips.Logo";
    
    public static var HORZ_BAR:String = "lib.clips.HorzBar";
    
    public static var BACKGROUND:String = "lib.clips.Background";
    
    public static var MASK:String = "lib.clips.Mask";
    
    public static var SCROLL_LINE:String = "lib.clips.ScrollLine";
    
    public static var SCROLL_BAR:String = "lib.clips.ScrollBar";
    
    public static var TITLE_TEXT:String = "lib.clips.TitleText";
    
    public static var FULL_IMAGE:String = "lib.clips.FullImage";
    
    public static var ITEM:String = "lib.clips.Item";
}

I can place them in a fixed position…


private function initialise():Void 
    {        
        var xmlLoader:XMLLoader = new XMLLoader();
        xmlLoader.load( "xml/images.xml" );
        xmlLoader.addEventListener( "onXMLComplete", Delegate.create( this, onXMLLoaded ) );
        
        //
        // Holds the full size imaage
        //
        fullImage = target.attachMovie( Library.FULL_IMAGE, "fullImage", target.getNextHighestDepth() );
        fullImage._x = 0;
        fullImage._y = 0;
        
        //
        // Horz Bar top
        //
        horzBarTop = target.attachMovie( Library.HORZ_BAR, "horzBarTop", target.getNextHighestDepth() );
        horzBarTop._x = 0;
        horzBarTop._y = 0;
        horzBarTop._alpha = 50;
        horzBarTop._width = Stage.width;
        
        //
        // Horz Bar bottom
        //
        horzBarBottom = target.attachMovie( Library.HORZ_BAR, "horzBarBottom", target.getNextHighestDepth() );
        horzBarBottom._x = 0;
        horzBarBottom._alpha = 50;
        horzBarBottom._y = Stage.height - horzBarBottom.height;
        horzBarBottom._width = Stage.width;
        
        //
        // Title Text
        //
        titleText = target.attachMovie( Library.TITLE_TEXT, "titleText", target.getNextHighestDepth() );
        titleText._x = 10;
        titleText._y = Stage.height - titleText.height;
        
        //
        // Logo
        //
        logo = target.attachMovie( Library.LOGO, "logo", target.getNextHighestDepth() );
        logo._x = 10;
        logo._y = -2;
        
        //
        // Thumbnail conainer
        //
        container = target.createEmptyMovieClip( "container", target.getNextHighestDepth() );
        container._x = 81;
        container._y = 121;
        
        //
        // Mask
        //
        mask = target.attachMovie( Library.MASK, "mask", target.getNextHighestDepth() );
        mask._x = 50;
        mask._y = 90;
        
        //
        // Line below the Scrollbar button
        //
        scrollLine = target.attachMovie( Library.SCROLL_LINE, "scrollLine", target.getNextHighestDepth() );
        scrollLine._x = 50;
        scrollLine._y = 513;
        
        //
        // Scrollbar button
        //
        scrollBar = target.attachMovie( Library.SCROLL_BAR, "scrollBar", target.getNextHighestDepth() );
        scrollBar._x = 50;
        scrollBar._y = 508;
        
        container.setMask( mask );
    }

But I don’t know how to make them listen to a stage listener to scale and position relative to the stage size or resize.

Can anyone help?