Actionscript; Making an animated element appear in the foreground

Hey all,

I've got a flash animation that I'm working on, which uses simple actionscript to make elements on a map grow and reveal more information.

See SWF here: http://www.paconserve.org/ppl_map.html

I want the region of the map that 'grows' to appear in the foreground, but as it is, I'm having trouble getting them to appear in front of the 'rollover' elements. Is there a piece of actionscript that can make the 'growing' area appear in the front every time? Is there a better way to handle this project in general?

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:

stop();
 
    this.onEnterFrame = function(){
    if(zoom == true){
    prevFrame();
    }
    }
 
    this.onRollOver = function(){
    zoom = false;
    play();
    }
 
    this.onRollOut = function(){
    zoom = true;
    }