newby : pb with SVG and SMIL

"[email protected]" <[email protected]>
Newsgroups gmane.comp.web.smil
Message-ID <24166561.1068027304068.JavaMail.www@wwinf4004>
Hello,

I am trying to build a svg file (source is enclosed)at end of message) that should have the following behavior :
if I click on one of the small rectangles, the circles move toward that rectangle, display a small animation then stay still.
However I observe  (with adobe plug-in)  the following :
The first time I click on the green rectangle, it's OK
If then I click on the yellow rectangle it's OK
But if I click (again) on the green one, it works well but after a second or so the other animation is fired too.

Can please somebody explain me where my mistake lies ? I would like to describe the animation "anim1" only once in the svg 
file, do I have to duplicate the code ?

please tell me also if I am not posting to the right forum, 

Anne
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
"http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
<svg 
  xmlns="http://www.w3.org/2000/svg"
  xmlns:xlink="http://www.w3.org/1999/xlink"
  >
  <g
	 id="selection" transform="translate(47,33)"	>
	 <animateTransform id="anim_calend" attributeName="transform" attributeType="XML" 
		type="transform" to="117,33" fill="freeze" begin="indefinite" dur="0.10s" />
	 <animateTransform id="anim_home" attributeName="transform" attributeType="XML" 
		type="transform" to="47,33" fill="freeze" begin="indefinite" dur="0.10s" />
	 <g>
		<animateTransform id="anim1" attributeName="transform" attributeType="
		  XML"
		  type="scale" values="1,1;.9,.9;1,1;.5,.5;1,1"  additive="sum" fill="freeze" 
begin="anim_calend.end;anim_home.end" dur="1s" />
		<ellipse	
		  stroke="none" fill="#1e90ff"
		  cx="0" cy="0" rx="30" ry="30"/>
		<ellipse
		  stroke="none" fill="#0000ff"
		  cx="0" cy="0" rx="25" ry="25"/>
		<ellipse
		  stroke="none" fill="#86ceeb"
		  cx="0" cy="0" rx="18" ry="18"/>
	 </g>
  </g>
  <g>
	 <a xlink:href="#anim_home">
		<rect width="20" height="20" x="40" y="20" fill="yellow"/>
	 </a></g>
  <g>
	 <a xlink:href="#anim_calend">
		<rect width="20" height="20" x="110" y="20" fill="green"/>
	 </a>
  </g>
</svg>


------------------------------------------

Faites un voeu et puis Voila ! www.voila.fr
lmpx.com only provides a reader for public news (NNTP) servers. It is not affiliated with the servers or forums shown here and is not responsible for the content of articles, which is written by their respective authors.