I'm new to 3.0, need to figure out a layering issue. I have MCs on one layer and text that displays on the layer below. When I roll over an MC the text shows up like it should, but it displays underneath the other MCs. I tried swapping layer positions but the text being on top effects my hit area. How can I hide certain buttons when some are rolled over? Any advice welcome. Thank you!

[AS]import flash.events.MouseEvent;
import flash.net.URLRequest;

one.buttonMode = true;
two.buttonMode = true;
three.buttonMode = true;
four.buttonMode = true;

stop ();

one.addEventListener(MouseEvent.MOUSE_OVER,roll);
one.addEventListener(MouseEvent.MOUSE_OUT,rollout) ;
one.addEventListener(MouseEvent.CLICK, boyleout);

two.addEventListener(MouseEvent.MOUSE_OVER,tworoll );
two.addEventListener(MouseEvent.MOUSE_OUT,tworollo ut);
two.addEventListener(MouseEvent.CLICK, twoboyleout);

three.addEventListener(MouseEvent.MOUSE_OVER,three roll);
three.addEventListener(MouseEvent.MOUSE_OUT,threer ollout);
three.addEventListener(MouseEvent.CLICK, threeboyleout);

four.addEventListener(MouseEvent.MOUSE_OVER,fourro ll);
four.addEventListener(MouseEvent.MOUSE_OUT,fourrol lout);
four.addEventListener(MouseEvent.CLICK, fourboyleout);


function roll(event:MouseEvent):void{
trace("moused over");
onetext.gotoAndPlay(2);}
function rollout(event:MouseEvent):void{
onetext.gotoAndPlay(10);}
function boyleout(event:MouseEvent):void{
}

function tworoll(event:MouseEvent):void{
twotext.gotoAndPlay(2);}
function tworollout(event:MouseEvent):void{
twotext.gotoAndPlay(10);}
function twoboyleout(event:MouseEvent):void{
}

function threeroll(event:MouseEvent):void{
threetext.gotoAndPlay(2);}
function threerollout(event:MouseEvent):void{
threetext.gotoAndPlay(10);}
function threeboyleout(event:MouseEvent):void{
}

function fourroll(event:MouseEvent):void{
fourtext.gotoAndPlay(2);}
function fourrollout(event:MouseEvent):void{
fourtext.gotoAndPlay(10);}
function fourboyleout(event:MouseEvent):void{
}Screen Shot 2013-11-03 at 12.11.41 AM.png