Navigation buttons that set their own state

[scrambled egg studios]

I was hoping somebody would be able to help me. I am trying to develop a navigation system consisting of five buttons. When one is pressed I need to make sure the previously clicked button returns to its normal state while the newly clicked button now changes to it's "HIT" state. This would continue throughout with the newly "HIT" button resetting the previous button to it's normal state. Any ideas??

[MyFriendIsATaco]

use a movie clip...not a button...and in the movie clips, have 2 frames, each with a stop(); command on them, frame 1 will be the normal state, and frame 2 will be the hit state...then put this code on frame 1 of the _root timeline:

var buttons=["button1","button2",etc...];//add the instance names for all of the buttons used here
var hitButtonID=0;
for (i=0;i<buttons.length;i++){
     _root[buttons[i]].ID=i;
     _root[buttons[i]].onRelease=function(){
          this.gotoAndStop(2);
          _root[buttons[_root.hitButtonID]].gotoAndStop(1);
          _root.hitButtonID=this.ID;
     };
}

[scrambled egg studios]

The code worked as far as changing the buttons from normal state to hit state, but when the second button is pressed the first button is staying on it's hit state instead of returning to it's normal state. I am using MX if that matters.