Animation: Start, Pause, Resume, Repeat

Hello everybody,

I´m using Captivate 9 and I publish in HTML.

I´ve got the following question:

Let`s say we have an animation (e.g. a rectangular moving from the left to the right).

Now I want to have three buttons with the following properties:

1. A button "START": Every time one clicks this button, the animation starts from the beginning.

2. A button "PAUSE": If you click the button, the animation pauses.

3. A button "RESUME": If you click the button (while the animation pauses) the animation resumes

Question: How can I implement this with Captivate? Maybe the button "START" is not so difficult, using the technique for repeating an animation described in the following link:

Learning to Drive: JavaScript, Animation loops, Captivate 9 | eLearning

But how can I implement the PAUSE- and RESUME-button? I think I need some Java Script!?

Any help is highly appreciated!

Thank you very much in advance!