ActionScript 3.0 :: Slideshow With Timer - Once Clicked Timing Off

I have a AS3 flash slide show that uses the timer method with a wait() function to change slides. So the preloader is on frame one and the first slide is on frame two and the second slide is on frame three and so on. At each slide frame there is a wait(7) statement so that the swf moves ahead to the next frame every seven sec. When I create a nav element that uses the gotoAndPlay function to target each frame.

Everytime the nav is clicked and goes to the corresponding slide the timing of the slides is all messed up. I may be naive but it seems that once the button in the nav is clicked the timer keeps going on the slide the user was on when the nav was clicked. How can I clear the wait() timer on click? When I just add a remove.EventListener to the button the function in the frame is not available to the button though they are both in the same frame.

Below is the wait() I am using in the root stage timeline:
function wait(duration:Number) {
stop();
var timer:Timer=new Timer(duration*1000,1);
timer.addEventListener(TimerEvent.TIMER_COMPLETE, onWaitTimerComplete);
timer.start();
} function onWaitTimerComplete(e:TimerEvent):void {
e.target.removeEventListener(TimerEvent.TIMER_COMPLETE, onWaitTimerComplete);
stage.removeEventListener(Event.RESIZE, onStageResize);
play();

Below is the code for the click inside the movieClip button:
b1.addEventListener (MouseEvent.CLICK, onClick);
function onClick( event:MouseEvent):void
{MovieClip(root).gotoAndPlay(2);
}