How can I target the background canvas with toolkit for createjs?

Question

Hello again everyone,
I have been tooling around a bit with Flash and toolkit for createjs. I am trying to create a navigation menu that plays animated icons when the user mouses over them.
http://www.thephotoncore.com/navigation.html
The navigation consists of 8 <li> tags for the main nav buttons and inside each of those tags is a unique canvas element. For some reason, the icons animate ONLY when the mouse hovers over the graphics INSIDE each button and not the container canvas itself. Is there a way for me to start and stop the animation for when the user mouses in and out of the entire canvas element for each button?
*IDEALY I want the the animation to start and stop for when the user mouses in and out of the <li> tags containing the <canvas> tags. I am not sure if this would work with createjs, but it would be perfect if I could do it that way.*
Thanks again!
-DJ

Answer 1

Let me know if this didn't make any sense. Essentially I want the code to go like:
    this.frame_0 = function() {
        this.stop();
        (*parent <li> of this <canvas> item*).onMouseOver = function() {
            this.gotoAndPlay(1);
        (*parent <li> of this <canvas> item*).onMouseOut = function() {
            this.gotoAndStop(0);
    this.frame_179 = function() {
        this.gotoAndPlay(1);