Navigating through flash site with animation

Question

Hi all,
Obviously i am very new to flash as i think this must be a very basic question....i just can't get my head around it, so would really appreciate some advice.
Basically, what i want to do is have a home page with some images and things on it, and a menu.
When the user clicks on a menu button, i want the images on the homepage to animate away, and be replaced with the chosen page (animated in).
I understand how to animate things using Tweens in the timeline and also in As3 using the Tween Class, but for the animation i'd like to do it's so much easier to use the timeline (i don't think i'd be able to use as3 to do really complicated things yet).
I can figure out how to make the home page disappear, but i can't figure out how to then animate in the correct page. If anyone can point me in the direction of a good tutorial or just give me some hints i'd be sooo grateful!! I think i'm just struggling to get my head into it.
Thanks.

Answer 1

THanks AGAIN moccamaximum!! I feel like i'm being a complete *******!!
I've added an alpha=0 box over all the buttons in the main stage. In the script on the main stage i've added a statement to make it invisible, then if hideImage() or showImage() is called, i make the box visible so that the user can't click any buttons. I'm now having a problem calling the box from the img1 or img2 child movieclips. I've set a new keyframe on the very last frame of the img1 and img2 movieclip and tried to use parent.box.visible=false; but that didn't work....it said possibly undefined variable. I must be missing something and my ignorance of flash is getting really frustrating -  i need to learn faster!!
How do i access the box mc from the img1 and img2 movieclips in the as3?
I've changed the main actionscript to this:
menupoint1.addEventListener(MouseEvent.CLICK, startAnimation);
menupoint2.addEventListener(MouseEvent.CLICK, startAnimation);
// 'box' movieclip set to invisible
box.visible=false;
//make object from Images Classes
var img1_mc:img1 = new img1();
var img2_mc:img2 = new img2();
//addallImages, but make them invisible
addChild(img1_mc);
addChild(img2_mc);
var currentImage="";//use this variable to hold the currently active image
function showImage(e:TimerEvent):void {
    box.visible=true;
    this[currentImage].play();
function hideImage():void {
    box.visible=true;
    this[currentImage].play();
var animation_timer:Timer = new Timer(1000,1); // use this timer to create a pause bewtween the animations
animation_timer.addEventListener(TimerEvent.TIMER_COMPLETE, showImage);
function startAnimation(e:MouseEvent) {
    if (currentImage!="")
        hideImage();
    animation_timer.start();
    switch (e.target.name)
        case "menupoint1" :
            currentImage="img1_mc";
            break;
        case "menupoint2" :
            currentImage="img2_mc";
            break;