<svg width="500" height="500" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Created with SVG-edit - http://svg-edit.googlecode.com/ -->
<symbol id="conf01">
<image xlink:href="http://data.whicdn.com/images/68532494/large.gif" height="600" width="600" y="-50" x="-50" opacity="0">
<animate attributename="opacity" values="0;1;1;1;1;1;1;1;0" dur="40s" begin="button1.mousedown" fill="freeze">
</symbol>
<title>Variables colorées</title>
<rect id="svg_1" height="500" width="500" y="0" x="0" stroke-width="0" stroke="#000000" fill="#000000"/>
<g>
<use xlink:href="#conf01">
<animateTransform attributeName="transform" attributetype="xml" type="rotate" values="0 300 300; 360 300 300" dur="40s" repeatCount="indefinite"/>
<animate attributename="opacity" values="0;1;0" dur="2s" begin="0s" repeatcount="indefinite"/>
</use>
<use xlink:href="#conf01">
<animateTransform attributeName="transform" attributetype="xml" type="rotate" values="0 350 300; 360 350 300" dur="20s" repeatCount="indefinite"/>
<animate attributename="opacity" values="1;0;1" dur="2s" begin="0s" repeatcount="indefinite"/>
</use>
<use xlink:href="#conf01">
<animateTransform attributeName="transform" attributetype="xml" type="rotate" values="360 260 300; 0 300 300" dur="40s" repeatCount="indefinite"/>
<animate attributename="opacity" values="0;1;0" dur="2s" begin="0s" repeatcount="indefinite"/>
</use>
<use xlink:href="#conf01">
<animateTransform attributeName="transform" attributetype="xml" type="rotate" values="360 350 300; 0 350 300" dur="20s" repeatCount="indefinite"/>
<animate attributename="opacity" values="1;0;1" dur="2s" begin="0s" repeatcount="indefinite"/>
</use>
<use xlink:href="#conf01">
<animate attributename="x" values="-600;600" dur="60s" begin="0s" repeatcount="indefinite"/>
<animate attributename="opacity" values="1;0;1" dur="3s" begin="0s" repeatcount="indefinite"/>
</use>
<use xlink:href="#conf01">
<animate attributename="x" values="600;-600" dur="60s" begin="0s" repeatcount="indefinite"/>
<animate attributename="opacity" values="1;0;1" dur="4s" begin="0s" repeatcount="indefinite"/>
</use>
<animateTransform attributeName="transform" type="scale" values="1;2;1" dur="20s" begin="0s" repeatCount="indefinite"/>
<animateMotion values="0,0;-600,-600;0,0" begin="0s" dur="20s" repeatcount="indefinite"></animateMotion>
</g>
<g>
<use xlink:href="#conf01">
<animateTransform attributeName="transform" attributetype="xml" type="rotate" values="0 300 300; 360 300 300" dur="40s" repeatCount="indefinite"/>
<animate attributename="opacity" values="0;1;0" dur="2s" begin="0s"
repeatcount="indefinite"/>
</use>
<use xlink:href="#conf01">
<animateTransform attributeName="transform" attributetype="xml" type="rotate" values="0 350 300; 360 350 300" dur="20s" repeatCount="indefinite"/>
<animate attributename="opacity" values="1;0;1" dur="2s" begin="0s" repeatcount="indefinite"/>
</use>
<use xlink:href="#conf01">
<animateTransform attributeName="transform" attributetype="xml" type="rotate" values="360 260 300; 0 300 300" dur="40s" repeatCount="indefinite"/>
<animate attributename="opacity" values="0;1;0" dur="2s" begin="0s" repeatcount="indefinite"/>
</use>
<use xlink:href="#conf01">
<animateTransform attributeName="transform" attributetype="xml" type="rotate" values="360 350 300; 0 350 300" dur="20s" repeatCount="indefinite"/>
<animate attributename="opacity" values="1;0;1" dur="2s" begin="0s" repeatcount="indefinite"/>
</use>
<use xlink:href="#conf01">
<animate attributename="x" values="-600;600" dur="60s" begin="0s" repeatcount="indefinite"/>
<animate attributename="opacity" values="1;0;1" dur="3s" begin="0s" repeatcount="indefinite"/>
</use>
<use xlink:href="#conf01">
<animate attributename="x" values="600;-600" dur="60s" begin="0s" repeatcount="indefinite"/>
<animate attributename="opacity" values="1;0;1" dur="4s" begin="0s" repeatcount="indefinite"/>
</use>
</g>
<rect id="button1" height="10" width="10" y="240" x="240" stroke-width="0" fill="#ffffff">
<animate attributename="opacity" values="1;0;0;0;0;0;0;0;0;0;0;0;0;0;0;1" dur="40s" dur="4s" begin="button1.mousedown"/>
</rect>
<rect id="blacksq" height="500" width="500" y="0" x="0" stroke-width="0" stroke="#000000" fill="#000000">
<animate attributename="opacity" values="1;0" dur="1s" begin="blacksq.mousedown" id="fade"/>
<animate attributename="x" values="-500" begin="fade.end"/>
</rect>
</svg>
