[smil-svg]animazione dinamica

[streetc]

Ciao,
spero che qualcuno mi sappia rispondere a riguardo di svg e smil...Ho visto un'animazione di un cerchio che si muove lungo un arco.Ho provato a fare la stessa animazione,ma scrvendola in ecmascript (javascript per svg) e non riesco a farla funzionare.Qualcuno sà aiutarmi????

[streetc]

Cioè provo a fare una cosa del genere,ma non funziona:


<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11-flat-20030114.dtd">
<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%">
<script type="text/ecmascript"><![CDATA[
function CreaArco() {
var g=document.getElementById("arco"); var arco=document.createElement("path");
arco.setAttribute("d", "M100,250 C100,10 400,10
400,250" );
arco.setAttribute("id", "percorso" );
arco.setAttribute("fill", "none" );
arco.setAttribute("stroke", "green");
arco.setAttribute("stroke-width", "5" );
g.appendChild(arco);
}
]]></script>

<g id="arco" onload="CreaArco()" />
<path d="M0,0 L12,20 L18,16 Z" fill="red" stroke="black"
stroke-width="2">
<animateMotion begin="0s" dur="5s"
repeatCount="indefinite">
<mpath xlink:href="#percorso"/>
</animateMotion>
</path>
</svg>