<svg width="500" height="630" 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/ -->
<g>
<title>Layer 1</title>
<image xlink:href="https://lh3.googleusercontent.com/-UYW5qOfTbiw/Vs9Ma7u_vLI/AAAAAAAAb2g/3s-D4MfEjnE/s1600-Ic42/beigeone.jpg" id="svg_1" height="749" width="600" y="0" x="0"/>
<image id="svg_3" xlink:href="https://lh3.googleusercontent.com/-UYW5qOfTbiw/Vs9Ma7u_vLI/AAAAAAAAb2g/3s-D4MfEjnE/s1600-Ic42/beigeone.jpg" height="749" width="600" y="0" x="-600"/>
<animateMotion from="0,0" to="600,0" begin="0s" dur="4s" repeatcount="indefinite"></animateMotion>
</g>
<image x="0" y="0" width="500" height="630" id="svg_2" xlink:href="https://lh3.googleusercontent.com/-yCWcWf5voFs/Vs9Maz_F0qI/AAAAAAAAb2U/TQaAIzdnLS4/s1600-Ic42/redtwo.png"/>
<image xlink:href="https://lh3.googleusercontent.com/-HKRjwExbJRY/Vs9MbN1L0mI/AAAAAAAAb2g/dUW24uQ0XIs/s1600-Ic42/redone.jpg" id="red" height="630" width="500" y="0" x="0">
<animate attributename="opacity" values="1;0.25;0.75;0;0.75;0.25;1" dur="6s" begin="red.mousedown" repeatCount="1"/>
</image>
</svg>