How to make an event driven animation finish its loop before a new one begins

I have different animations that occur on loops while a different events are firing..

I need to allow for an animation to end before the new one starts.

So below is my code, you can see that when an event fires three animations are told to stop and only one is allowed to play..

What i need is for those events to finish their animated loops before the new animation begins....

//Function to trigger animations when events fire

function playStatus(sym){

    $("#liveStream").bind($.jPlayer.event.ready, function (event) {

//stop irrelevant animations

        sym.getComposition().getStage().getSymbol("waiting").stop("waiting");

        sym.getComposition().getStage().getSymbol("playing").stop("playing");

        sym.getComposition().getStage().getSymbol("paused").stop("paused");

//play relevant animation

        sym.getComposition().getStage().getSymbol("readyA").play("ready");

    });

}

How do i tell each irrelevant animation to finish playing before the relevant animation begins.

Many thanks

Justin