Hello

I'm working on a nav bar that has several animated drop-down animations (one per nav button).

Put simply, when you mouseover on a button the animation relating to that button plays forwards and when you mouseout it rewinds back to its original state. This works fine unless you move quickly from one button to the next. If you do that the 'rewind' freezes and won't continue until the mouse is off all the buttons.

Looking at my code I think it's because my code is controlling all instances of the movie clip instead of treating them individually when the 'rewind' function is called? I've tried changing the line to:
Code:
buttonBg.rewind = true;
but that doesn't change anything.

Any ideas? Here's the code:
thisButton is the variable for the nav button instance and buttonBg is the variable name of the animation to play forwards or rewind depending.
Code:
//Button Code
function buttonBg(thisButton, buttonBg){

thisButton.onEnterFrame = function(){
	if(rewind == true){   //if rewind switch is set to true play backwards
		buttonBg.prevFrame();        // play backwards
	}
}

thisButton.onRollOver = function(){
	if(buttonBg._currentframe!= 11){ // checks whether the page is active
	rewind = false; //set variable (or switch) that decides wether ot not to play backwards...
	buttonBg.play();    // play this movie clip.. (grow the button(tween));
	}
}

thisButton.onRollOut = function(){
	rewind = true;    //set or rewind switch to true so it will play backwards...
}

thisButton.onRelease = function() {
	if(buttonBg._currentframe!=11){
	_root.startPagePreload("era.swf",bg,this); // loads 'page' content
	}
}
}