Press the Play button below

The animation has the following code placed in the head:

<script type="text/javascript" src="path.js"></script>
<script type="text/javascript" src="straightPath.js"></script>
<script type="text/javascript" src="circlePath.js"></script>
<script type="text/javascript" src="sinusPath.js"></script>
<script type="text/javascript" src="animator.js"></script>
<script  type="text/javascript">
<!--

p1 = new SinusPath(600,50,150,30,50);
p2 = new StraightPath(100,100,100,100,0); // Used to move the sinus path

p = p1.add(p2).rotate(100,100,20);       // And a rotation just to show you how :-)

a = new Animator("folder",p,50);         // Animate the folder along the path p
a.onanimationdone = new Function("a.stop();a.play()");

//-->
</script>

...and the buttons just use a.play(), a.pause(), a.stop().

Author: Erik Arvidsson