How to get a sliding menu to hide once it is outside the site?

programming flash
1

Here is my site, go to “what we do” page:
http://acreativebridge.com/

See how the sliding wooden menu is shown outside when it is not out. How do I hide the section outside the site? Here is my code:

[COLOR=Red]images_mc.stop();

import fl.transitions.Tween;
import fl.transitions.easing.*;
//var myTween:Tween;

hidden_btn.alpha = 0;

var rolled_up = menu_mc.x;
trace(rolled_up);
var rolled_out = -240;

function slideout(e:MouseEvent){
var fresh = menu_mc.x;
var myTween:Tween = new Tween(menu_mc, “x”, Strong.easeOut, fresh, rolled_out, 1, true);
hidden_btn.x=0;
menu_mc.menu_bg_mc.enabled=false;
}

function slidein(e:MouseEvent){
var current = menu_mc.x;
var myTween:Tween = new Tween(menu_mc, “x”, Back.easeOut, current, rolled_up, 1, true);
hidden_btn.x=-1000000;
menu_mc.menu_bg_mc.enabled=true;
}

menu_mc.menu_bg_mc.addEventListener(MouseEvent.MOUSE_OVER, slideout);

hidden_btn.addEventListener(MouseEvent.MOUSE_OVER, slidein);

menu_mc.my1_btn.addEventListener(MouseEvent.CLICK, mouseClickHandler1); // or MouseEvent.MOUSE_UP
menu_mc.my2_btn.addEventListener(MouseEvent.CLICK, mouseClickHandler2); // or MouseEvent.MOUSE_UP
menu_mc.my3_btn.addEventListener(MouseEvent.CLICK, mouseClickHandler3); // or MouseEvent.MOUSE_UP

function mouseClickHandler1($e:MouseEvent):void
{
images_mc.gotoAndStop(1);

}
function mouseClickHandler2($e:MouseEvent):void
{
images_mc.gotoAndStop(2);

}

function mouseClickHandler3($e:MouseEvent):void
{
images_mc.gotoAndStop(3);

}[/COLOR]