Weird RollOver-RollOut

programming flash
1

Hi,
I have something that drives me crazy and hopefully someone will be able to help me.
I have a clip(button) with a rollover that shows like a submenu. When I rollover that clip I play the RollOver animation then I use a boolean to test is the animation is fully played. I do that just in case I rollOut the clip(button) before the animation is fully played or not. Then I have the rollOut state on that clip played. The problem is I have other clips on that clip with rollOver/rollOut states and it acts weird.
I understand that a little bit confusing, so here’s the code I use. Feel free to give me a better solution.


//CLIP Button
bt.onRollOver=function():Void{
    _global.flagOver=false;
    fOver( _global.flagOver);
}

bt.onRollOut=function():Void{    
    if(_global.flagOver){
        fOut();    
    }
}

//functions
function fOver(flag:Boolean):Void{
    trace("OVER")
    mcOver.onEnterFrame=function():Void{
        this.nextFrame();
    }
}

function fOut():Void{
    trace("OUT")    
    mcOver.onEnterFrame=function():Void{
        this.prevFrame();
        if (this._currentframe == this._totalframes) {
            delete this.onEnterFrame;
        }
    };            
}

//clips inside mcOver
for (var i:Number = 1; i<=NUMBER_AVATARS; i++) {
    avatarId = this["avatar"+i];
    avatarUrl = _root.AVATAR_FOLDER+["avatar-"+i]+".png";
    avatarId.imgUrl = avatarUrl;
    avatarId.imgWidth = 70;
    avatarId.imgHeight = 70;
    avatarId.Id = i;
    this["avatar"+i].onRollOver = function():Void  {
        TweenMax.to(this,_root.layoutSpeed,{glowFilter:{color:0xffffff, alpha:1, blurX:30, blurY:30, quality:3}, ease:_root.mainTween});
    };
    this["avatar"+i].onRollOut = function():Void  {
        TweenMax.to(this,_root.layoutSpeed,{glowFilter:{color:0xffffff, alpha:0, blurX:30, blurY:30, quality:3}, ease:_root.mainTween});
    };
    this["avatar"+i].onRelease = this["avatar"+i].onReleaseOutside=function ():Void {
        _root.updateAvatar(this.Id);
        TweenMax.to(this,_root.layoutSpeed,{glowFilter:{color:0xffffff, alpha:0, blurX:30, blurY:30, quality:3}, ease:_root.mainTween});
    };

}

For any reasons, when I have the code on that clips, it doesn’t work. Hope, you can help me on that, after a day, I’m completely lost. Sorry if I don’t post the fla…there’s many nested fla and too complicated to isolate this one.
Thank you for your help…or just advices for a better way to do that.

P.S
I just figured it out that of course I ave buttons with rollover/rollout and my clip underneeth them has a rollover/rollout function too.