how to assign a target in this case? (html5 canvas)

Hello everyone!

i'm working in html5 canvas projectvand i'd like to add some feature at this code that for now work fine.

In short, i have 7 movieclips with instance name button1, button2, button3, ...etc and these lines of code highlight the button that is pressed.

Now I need to add, according to the button pressed, a specific action, in my case a goToandStop() in the main timeline.

here the code:

1. this.stop(); 
2. // required only if no actual buttons are used 
3. stage.enableMouseOver(20); 
4. // variables 
5. var numButtons = 7; 
6. var i, b, curButton; 
7. // initialize 
8. for (i = 1; i <= numButtons; i++) { 
9.     b = this["button" + i]; 
10.     b.cursor = "pointer"; 
11.     b.mouseChildren = false; 
12.     b.addEventListener("click", buttonClickHandler.bind(b)); 
13.     b.addEventListener("mouseover", buttonRollOverHandler.bind(b)); 
14.     b.addEventListener("mouseout", buttonRollOutHandler.bind(b)); 
15. }
16. // event handlers 
17. function buttonClickHandler() { 
18. if (curButton) { 
19.         curButton.gotoAndStop(0); 
20.     }
21. this.gotoAndStop(2); 
22.     curButton = this; 
23. }
24. function buttonRollOverHandler() { 
25. if (this != curButton) { 
26. this.gotoAndStop(1); 
27.     }
28. }
29. function buttonRollOutHandler() { 
30. if (this != curButton) { 
31. this.gotoAndStop(0); 
32.     }

tnx a lot