Animated background on a flash website

Question

Hi everyone,
I'm trying to make a website similar to this one: http://www.humanstudio.eu/
Basically, I need a website in flash and I need to have an animation in full screen running in the background. I know how to import external swf files with Loader functions, but this confuses me, because I wonder how to place buttons on top of that animation. I don't have much experience using Flash, so help would be much appreciated!
Thank you!

Answer 1

If I am understanding your scenario and goal correctly, you do not want to be using the timeline to tween anything.  You only need to Tween the image that you imported.  So for each button that you have, you would have specific x (I'm assuming x-axis movement) destination values defined, and then have a Tween that starts from the current x position and moves to the designated one.
To make life easier for my function explanation, I am going to turn your buttons into movieclip buttons so that they can each have their corresponding x position stored in them as a variable naamed "xValue".  If you want them as button symbols, they can't do this, so you'll have to use a switch statement or something to check button which was clicked.
I didn't want to assume your tween code was related, so in this I have used imageMC as the name of the image you are moving.
var scrollTween:Tween;
bio.addEventListener(MouseEvent.CLICK, scrollOver);
home.addEventListener(MouseEvent.CLICK, scrollOver);
gallery.addEventListener(MouseEvent.CLICK, scrollOver);
contact.addEventListener(MouseEvent.CLICK, scrollOver);
function scrollOver(evt:MouseEvent):void {
     var destination:Number = MovieClip(evt.currentTarget).xValue;
     scrollTween:Tween = new Tween(imageMC, "x", Elastic.easeOut, imageMC.x, destination, 3, true);