HTML5-canvas: animation

Hi,

I've made an animation in the HTML5-canvas. It works perfectly. See: http://www.studio-ief.be/extra/potlood_HTML.html.

I 've put the code in frame 1:

this.stop();

this.knop.addEventListener("mouseover", fl_ClickToGoToAndPlayFromFrame.bind(this));

function fl_ClickToGoToAndPlayFromFrame()

{

  this.gotoAndPlay(2);

}

Now it starts and pauses on hover. But when it starts animating it goes back to the beginning. I don't want that. Can someone help me to modify the code? So I want to start or pause the animation on hover and when it restarts it has to go on from the point were it stopped.

Thx!