How can I reveal an object (like a mask) as TimelineMax plays?

programming flash
1

I have a logo that is currently changing Alpha as the timeline plays.

What I want is to have the logo become white as the menu slides down (sort of like a mask… where only the part of the logo that is in front of the menu as it slides down becomes white). If that doesn’t make sense… picture this. Imagine there was no logo in that spot to begin with, but as the menu slides down the logo is revealed. If the menu was to stop half way down, only half of the logo would be visible.

Checkout http://revezphotography.com/
Find the FLA at http://revezphotography.com/test.fla

Here’s the code so far:

import com.greensock.;
import com.greensock.easing.;
import flash.events.MouseEvent;
import fl.transitions.Tween;
import fl.transitions.easing.*;

/************** Slide Menu **************/
var Menu : TimelineMax = new TimelineMax();
Menu.append(TweenMax.to(menu_mc, .5, {y:“165”, ease:Back.easeOut}));
Menu.append(TweenMax.to(logo, .75, {autoAlpha:1}), -.35);

menu_trigger.addEventListener(MouseEvent.ROLL_OVER, showMenu);
menu_trigger.addEventListener(MouseEvent.ROLL_OUT, hideMenu);

function showMenu(event:MouseEvent) : void {
Menu.play();
}
function hideMenu(event:MouseEvent) : void {
Menu.reverse();
}

/************** Slide Thumbs **************/
var Thumbs : TimelineMax = new TimelineMax();
Thumbs.insert(TweenMax.to(thumbs_mc, .5, {y:"-65", ease:Back.easeOut, easeParams:[2]}));

thumbs_trigger_show.addEventListener(MouseEvent.ROLL_OVER, showThumbs);
thumbs_trigger_hide.addEventListener(MouseEvent.ROLL_OVER, hideThumbs);
function showThumbs(event:MouseEvent) : void {
Thumbs.play();
}
function hideThumbs(event:MouseEvent) : void {
Thumbs.reverse();
}