Having problem controling resizing of a swf from another swf

Question

I'm trying to build a site where all the pages are full browser and maintain aspect ratio. I would like to control the resizing from the menu page.  The resizing works fine from the page that's being resized but when I try to let the parent swf do that it has issues.
Here's what the home page looks like with the controls built in  http://www.mespinach/example1/
This example is the site it has a menu page that I open the others from I remove the resizing code from the home page and try to resize from menu.swf.
here's the code from menu.swf
stage.align = StageAlign.TOP_LEFT;
stage.scaleMode = StageScaleMode.NO_SCALE;
var holder:btnHolder = new btnHolder();
addChild(holder);
stage.addEventListener(Event.RESIZE, moveHolder);
moveHolder();
function moveHolder(e:Event = null):void {
    holder.x = stage.stageWidth - (holder.width +25);
    holder.y = 50;
holder.mcHome.buttonMode = true;
holder.mcAbout.buttonMode = true;
holder.mcMovies.buttonMode = true;
//holder.mcLocation.buttonMode = true;
holder.mcStore.buttonMode = true;
//var objFileToLoad:URLRequest = new URLRequest();
var swfLoader:Loader;
addListeners();
function addListeners():void {
    holder.mcHome.addEventListener(MouseEvent.CLICK, homePage);
    holder.mcAbout.addEventListener(MouseEvent.CLICK, aboutPage);
    holder.mcMovies.addEventListener(MouseEvent.CLICK, moviesPage);
    // holder.mcLocation.addEventListener(MouseEvent.CLICK, locationPage);
    holder.mcStore.addEventListener(MouseEvent.CLICK, storePage);
var currentPage:*;
var xImage:Sprite = new Sprite();
homePage();
function homePage(event:MouseEvent = null):void {
    SoundMixer.stopAll();
    addListeners();
    if(swfLoader){this.removeChildAt(0);}
    holder.mcHome.removeEventListener(MouseEvent.CLICK, homePage);
    var loadRequest:URLRequest = new URLRequest("home.swf");
    swfLoader = new Loader();
    swfLoader.contentLoaderInfo.addEventListener(Event.INIT, positionContent);
    swfLoader.load(loadRequest);
    this.addChildAt(swfLoader, 0);
    function positionContent(e:Event):void {
        currentPage = swfLoader.content;
        var loadedImage = currentPage.onStage;
        xImage = loadedImage;
//        loadedImage.x= 0;
//        loadedImage.y= 0;
        fillBG();
function aboutPage(event:MouseEvent):void {
    SoundMixer.stopAll();
    var objFileToLoad:URLRequest = new URLRequest("about.swf");
    loader.contentLoaderInfo.addEventListener(Event.INIT,positionContent);
    loader.load(objFileToLoad);
    this.addChildAt(loader, 0);
    function positionContent(e:Event):void{
       loader.x= 0;
       loader.y= 0;
function moviesPage(event:MouseEvent):void {
    addListeners();
    holder.mcMovies.removeEventListener(MouseEvent.CLICK, moviesPage);
    SoundMixer.stopAll();
    if(swfLoader){this.removeChildAt(0);}
    var objFileToLoad:URLRequest = new URLRequest("Movies.swf");
    swfLoader.contentLoaderInfo.addEventListener(Event.INIT,loadedHandler);
    swfLoader.load(objFileToLoad);
    this.addChildAt(swfLoader, 0);
    function loadedHandler(e:Event):void {
        currentPage = swfLoader.content;
        xImage = currentPage;
function locationPage(event:MouseEvent):void {
    SoundMixer.stopAll();
    var objFileToLoad:URLRequest = new URLRequest("location.swf");
    loader.load(objFileToLoad);
     this.addChildAt(loader, 0);
function storePage(event:MouseEvent):void {
    SoundMixer.stopAll();
    var objFileToLoad:URLRequest = new URLRequest("store.swf");
    loader.load(objFileToLoad);
     this.addChildAt(loader, 0);
holder.addEventListener(MouseEvent.MOUSE_OVER, over);
holder.addEventListener(MouseEvent.MOUSE_OUT, out);
holder.addEventListener(MouseEvent.MOUSE_DOWN, down);
holder.addEventListener(MouseEvent.MOUSE_UP, up);
holder.mcAbout.buttonMode = true;
holder.mcHome.buttonMode = true;
holder.mcMovies.buttonMode = true;
holder.mcStore.buttonMode = true;
//holder.mcLocation.buttonMode = true;
var myColor:ColorTransform = transform.colorTransform;
function over(e:MouseEvent):void {
    myColor.alphaMultiplier = 3;
    e.target.transform.colorTransform = myColor;
function out(e:MouseEvent):void {
    myColor.alphaMultiplier = 1;
    e.target.transform.colorTransform = myColor;
function down(e:MouseEvent):void {
    myColor.alphaMultiplier = 5;
    e.target.transform.colorTransform = myColor;
function up(e:MouseEvent):void {
    myColor.alphaMultiplier = 1;
    e.target.transform.colorTransform = myColor;
//var cpc = this.child.child.getChildByName("onStage");
//trace(cpc);
var ratio:Number;
var rRatio:Number;
ratio = xImage.height/xImage.width;
rRatio = xImage.width/xImage.height;
var newRatio:Number;
function fillBG(evt:Event = null):void {
    trace("width: " + xImage.width);
    trace("height: " + xImage.height);
    trace("ratio: " + ratio.toString());
    trace("rRatio: " + rRatio.toString());
    trace("newRatio: " + newRatio.toString());
    newRatio = stage.stageHeight/stage.stageWidth;
    holder.x = stage.stageWidth - (holder.width +25);
    holder.y = 50;
    if (newRatio > ratio) {
        trace("newRatio > ratio: ");
        xImage.height = stage.stageHeight;
        xImage.width = stage.stageHeight * rRatio;
    } else {
        trace("else");
        xImage.width = stage.stageWidth;
        xImage.height = stage.stageWidth * ratio;
    stage.addEventListener(Event.RESIZE, fillBG);
messages from trace statements here:
width: 939
height: 704
ratio: NaN
rRatio: NaN
newRatio: NaN
else
width: 561
height: 704
ratio: NaN
rRatio: NaN
newRatio: 0.49376114081996436
else
The height never changes
retio and rRatio are NaN even though they are the Quotient of numbers.

Answer 1

First, it is too much code to go through so I don't think I will give a complete answer. I assume this is a timeline code.
Here is what I was able to notice:
1. You declare the variables outside the scopes of the functions:
var ratio:Number;
var rRatio:Number;
ratio = xImage.height/xImage.width;
rRatio = xImage.width/xImage.height;
var newRatio:Number;
Naturally, they are NaN because neither xImage.height nor xImage.width are available at this point.
I suspect that you anticipate that when code hits these lines - swf is already loaded but IT IS NOT. Flash executes ALL THE CODE to the end NOT WAITING for swf to load - this is one of the premises of asynchronous event model.
To remedy this you need to place value assignments into the event handler:
Version One:
Declare variable at the top of the code before you start loading:
var ratio:Number;
var rRatio:Number;
var newRatio:Number;
Calculate values in event handler:
function positionContent(e:Event):void {
        ccurrentPage = swfLoader.content;
        var loadedImage = currentPage.onStage;
        xImage = loadedImage;
        ratio = xImage.height/xImage.width;
        rRatio = xImage.width/xImage.height;
        fillBG();
Or do it inside  fillBG(); method (version two)
2. Nested functions are evil and I would like to suggest you reconsider using them and bring them outside of other methods' scopes. I am talking about positionContent handlers you use.