Keeping mc fixed and scaleable in x direction in full browser flash

1

Hi Guys,

I’m attaching an swf to show what I’m talking about. But essentially, I have a full browser flash set up, with an animation running in the background. I would like there to be a horizontal navigation bar at the bottom that is always at the same spot on the bottom. I would like the width of the bar to always stretch to cover the entire bottom of the browser window. Right now everything is peachy except for getting the nav bar to stretch across. When I do a menu.scaleX = 100; The little text block I have on the left seems to scale off the screen somewhere and it is no longer visible. Here is la code:

import com.greensock.TweenLite;
import fl.motion.easing.*;
import flash.events.MouseEvent;


stage.align = "TL";
stage.scaleMode = "noScale";

var bubblesHeight = bubbles.height / bubbles.width;
var bubblesWidth = bubbles.width / bubbles.height;

stage.addEventListener(Event.RESIZE, sizeListener);

function scaleProportional():void {

if ((stage.stageHeight / stage.stageWidth) < bubblesHeight) {
bubbles.width = stage.stageWidth;
bubbles.height = bubblesHeight * bubbles.width;
} else {
bubbles.height = stage.stageHeight;
bubbles.width = bubblesWidth * bubbles.height;
};
}

function centerPic():void {
bubbles.x = stage.stageWidth / 2;
bubbles.y = stage.stageHeight / 2;
}

function sizeListener(e:Event):void {
scaleProportional();
centerPic();
}

scaleProportional();
centerPic();

stage.addEventListener(Event.RESIZE, resizeListener);

function resizeListener (e:Event):void {
menu.x = 275;
menu.y = stage.stageHeight-75;
} 
resizeListener(null);

thanks!
R