Drop menus with mask and invisible clip

Question

please see this navigation interface:
http://www.hearightnow.com/yogamater/
when the mouse is outside of the drop menus, the drop menus "hide" behind the outside of a mask, when the mouse enters the drop menus, they move up. An invisible movie clip the traces the frame of the photos is in place to insert ROLL_OVER and ROLL_OUT code to "block" the event listener that functions the "yoga" drop menu.
This is all done in one frame, the scripts do all the animation of the drop menus.
the current code for this menu allows the mouse to travel from the photos to the "yoga" drop menu without triggering the menu to go up, however if the mouse travels from the "yoga" drop menu to the photos, the drop menu locks up until the mouse leaves the photos.
any ideas how this can be fixed? also, how do I apply the script on the invisible clip to all the drop menus?
definitely a newbie to AS3 so all help is greatly appreciated!!
here is the main script:
stop();
addEventListener(Event.ENTER_FRAME,upyoga);
addEventListener(Event.ENTER_FRAME,upteach);
addEventListener(Event.ENTER_FRAME,upsched);
addEventListener(Event.ENTER_FRAME,uppriv);
addEventListener(Event.ENTER_FRAME,upcont);
var speed:Number=.222;
function upyoga(e:Event) {
if ((yoga_menu.mouseY<yoga_menu.height&&yoga_menu.mouseY>0) &&
(yoga_menu.mouseX<80&&yoga_menu.mouseX>0)) {
yoga_menu.y-=(-58+yoga_menu.y)*speed;
} else {
yoga_menu.y-=(-134+yoga_menu.y)*speed;
function upteach(e:Event) {
if ((teach_menu.mouseY<teach_menu.height&&teach_menu.mouseY>0) &&
(teach_menu.mouseX<80&&teach_menu.mouseX>0)) {
teach_menu.y-=(-65+teach_menu.y)*speed;
} else {
teach_menu.y-=(-118+teach_menu.y)*speed;
function upsched(e:Event) {
if ((sched_menu.mouseY<sched_menu.height&&sched_menu.mouseY>0) &&
(sched_menu.mouseX<80&&sched_menu.mouseX>0)) {
sched_menu.y-=(-42+sched_menu.y)*speed;
} else {
sched_menu.y-=(-96+sched_menu.y)*speed;
function uppriv(e:Event) {
if ((priv_menu.mouseY<priv_menu.height&&priv_menu.mouseY>0) &&
(priv_menu.mouseX<80&&priv_menu.mouseX>0)) {
priv_menu.y-=(-28+priv_menu.y)*speed;
} else {
priv_menu.y-=(-74+priv_menu.y)*speed;
function upcont(e:Event) {
if ((cont_menu.mouseY<cont_menu.height&&cont_menu.mouseY>0) &&
(cont_menu.mouseX<80&&cont_menu.mouseX>0)) {
cont_menu.y-=(-40+cont_menu.y)*speed;
} else {
cont_menu.y-=(-88+cont_menu.y)*speed;
and here is the script on the invisible clip:
invisiClip.addEventListener(MouseEvent.ROLL_OVER, invisClipOver);
invisiClip.addEventListener(MouseEvent.ROLL_OVER, menuBack);
invisiClip.addEventListener(MouseEvent.ROLL_OUT, invisClipOut);
function invisClipOver(event:MouseEvent):void {
removeEventListener(Event.ENTER_FRAME,upyoga)
function menuBack(e:Event) {
yoga_menu.y-=(-134+yoga_menu.y)*speed;
function invisClipOut(event:MouseEvent):void {
addEventListener(Event.ENTER_FRAME,upyoga)

Answer 1

I was having trouble attaching a zip or fla to this post so they can be retrieved at
http://www.hearightnow.com/yogamater/menu_45b.zip
or
http://www.hearightnow.com/yogamater/menu_45b.fla
the "menu" layer contains the mask that the drop menus hide behind
the "invis" layer contains the invisible movie clip that has the code that removes and adds the event listeners that move the "yoga" drop menu
the photos seen at http://www.hearightnow.com/yogamater/ are added with HTML DIV tags.
thanks!