Rollover animation logic problems

1

Ok. So, I’m having a hard time figuring out how to just set up a simple animated rollover. I want the over state to generate scripted animation of _y change and _alpha change followed by a rollout that causes a reverse back to the original state. I’ve got the scripted tween working on rollover and roll out. I’ve also set it up so that buttons are disabled while the animation is happening. But the problem is that if I roll out before the animation has finished it stays in the over state and doesn’t return. It just sits there and looks bad. What do I have to do to be able to make the animation run smoothly and not break?!

function toggleMenuTween (obj)
{
    for (var i:Number = 0; i < hArea.length; i++)
    {
        hArea*.enabled = false;
    }
    if (rolledOut)
    {
        var startY:Number = obj._y;
        var toggleTween:Tween = new Tween(obj, '_y', Strong.easeIn, startY, startY-10, .5, true);
        var toggleTween:Tween = new Tween(obj, '_alpha', Strong.easeIn, 0, 100, .5, true);
    }
    toggleTween.onMotionFinished = function()
        {
                for (var i:Number = 0; i < hArea.length; i++)
                {
                    hArea*.enabled = true;
                }
        }
    
}
function outTween (obj)
{
    for (var i:Number = 0; i < hArea.length; i++)
    {
        hArea*.enabled = false;
    }
        var outY:Number = obj._y;
        var leaveTween:Tween = new Tween(obj, '_y', Regular.easeIn, outY, outY+10, .5, true);
        var leaveTween:Tween = new Tween(obj, '_alpha', Regular.easeIn, 100, 0, .5, true);
        leaveTween.onMotionFinished = function()
        {
    
            for (var i:Number = 0; i < hArea.length; i++)
                {
                    hArea*.enabled = true;
                }
        }
    
}