    <?xml version="1.0" encoding="UTF-8"?>
    <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20001102//EN"   "http://www.w3.org/TR/2000/CR-SVG-20001102/DTD/svg-20001102.dtd">
    <!--======================================================================-->
    <!--=  Copyright 2000 World Wide Web Consortium, (Massachusetts          =-->
    <!--=  Institute of Technology, Institut National de Recherche en        =-->
    <!--=  Informatique et en Automatique, Keio University). All Rights      =-->
    <!--=  Reserved. See http://www.w3.org/Consortium/Legal/.                =-->
    <!--======================================================================-->
    <!-- ===================================================================== -->
    <!--                                                                       -->
    <!-- animation-timing-BE-05.svg                                            -->
    <!--                                                                       -->
    <!-- Test various timing options for starting an animation.                -->
    <!--                                                                       -->
    <!-- Author : Jon Ferraiolo 11-Aug-2000                                    -->
    <!--                                                                       -->
    <!-- History:                                                              -->
    <!--  11-Aug-2000, JF: Serial#1 created.                                   -->
    <!--                                                                       -->
    <!-- ===================================================================== -->
    <!--======================================================================-->
    <!--= Note. After October 2000, revision history is kept as CVS 'commit' =-->
    <!--= log messages, and therefore is no longer in the preceding preamble.=-->
    <!--======================================================================-->
    <svg  id="svg-root" width="450" height="450">
    	<title id="test-title">animation-timing-BE-05</title>
    	<desc id="test-desc">Test various timing options for starting an animation.</desc>
    	<!--======================================================================-->
    	<!--Content of Test Case follows...                  =====================-->
    	<!--======================================================================-->
    	<g id="test-body-content">
    		<text style="font-family:Helvetica;font-size:14; text-anchor:middle" x="225" y="25">Test various timing options for starting an animation.</text>
    		<g xml:space="preserve" style="font-family:Helvetica; font-size:13.5; text-anchor:end;             stroke-width:3">
    			<g transform="translate(90,50)">
    				<text x="-10" y="54">0-2 sec. </text>
    				<line x1="-10" y1="50" x2="30" y2="50" style="fill:none; stroke:#880000"/>
    				<text x="-10" y="29">at 4 sec. </text>
    				<line x1="-10" y1="25" x2="30" y2="25" style="fill:none; stroke:#880000"/>
    				<rect x="0" y="0" width="30" height="50" style="fill:#CCFFCC; stroke:#00FFFF; stroke-width:4">
    					<animate id="anim1" attributeName="height" from="50" to="25" begin="2s" dur="2s" fill="freeze"/>
    				</rect>
    				<text x="-15" y="75" xml:space="default" style="text-anchor:middle;fill:red; font-size:13">begin="2s"</text>
    			</g>
    			<g transform="translate(235,50)">
    				<text x="-10" y="54">0-5 sec. </text>
    				<line x1="-10" y1="50" x2="30" y2="50" style="fill:none; stroke:#880000"/>
    				<text x="-10" y="29">at 7 sec. </text>
    				<line x1="-10" y1="25" x2="30" y2="25" style="fill:none; stroke:#880000"/>
    				<rect x="0" y="0" width="30" height="50" style="fill:#CCFFCC; stroke:#00FFFF; stroke-width:4">
    					<animate id="anim2" attributeName="height" from="50" to="25" begin="anim1.end+1s" dur="2s" fill="freeze"/>
    				</rect>
    				<text x="-15" y="75" xml:space="default" style="text-anchor:middle;fill:red; font-size:13">begin="anim1.end+1s"</text>
    			</g>
    			<g transform="translate(380,50)">
    				<text x="-10" y="54">0-8 sec. </text>
    				<line x1="-10" y1="50" x2="30" y2="50" style="fill:none; stroke:#880000"/>
    				<text x="-10" y="29">at 10 sec. </text>
    				<line x1="-10" y1="25" x2="30" y2="25" style="fill:none; stroke:#880000"/>
    				<rect x="0" y="0" width="30" height="50" style="fill:#CCFFCC; stroke:#00FFFF; stroke-width:4">
    					<animate id="anim3a" attributeName="width" from="30" to="30" begin="7s" dur="1s" fill="freeze"/>
    					<animate id="anim3b" attributeName="height" from="50" to="25" begin="anim3a.begin+1s" dur="2s" fill="freeze"/>
    				</rect>
    				<text x="-15" y="75" xml:space="default" style="text-anchor:middle;fill:red; font-size:13">begin=".begin+2s"</text>
    			</g>
    			<g transform="translate(90,160)">
    				<text x="-10" y="54">before click </text>
    				<line x1="-10" y1="50" x2="30" y2="50" style="fill:none; stroke:#880000"/>
    				<text x="-10" y="29">after 2 sec. </text>
    				<line x1="-10" y1="25" x2="30" y2="25" style="fill:none; stroke:#880000"/>
    				<rect x="0" y="0" width="30" height="50" style="fill:#CCFFCC; stroke:#00FFFF; stroke-width:4">
    					<animate id="anim4" attributeName="height" from="50" to="25" begin="click" dur="2s" fill="freeze"/>
    				</rect>
    				<text x="-15" y="75" xml:space="default" style="text-anchor:middle;fill:red; font-size:13">begin="click"</text>
    			</g>
    			<g transform="translate(235,160)">
    				<text x="-10" y="54">before click </text>
    				<line x1="-10" y1="50" x2="30" y2="50" style="fill:none; stroke:#880000"/>
    				<text x="-10" y="29">after 3 sec. </text>
    				<line x1="-10" y1="25" x2="30" y2="25" style="fill:none; stroke:#880000"/>
    				<rect id="rect5" x="0" y="0" width="30" height="50" style="fill:#CCFFCC; stroke:#00FFFF; stroke-width:4">
    					<animate id="anim5" attributeName="height" from="50" to="25" begin="rect5.click+1s" dur="2s" fill="freeze"/>
    				</rect>
    				<text x="-15" y="75" xml:space="default" style="text-anchor:middle;fill:red; font-size:13">begin="rect5.click+1s"</text>
    			</g>
    			<g transform="translate(380,160)">
    				<text x="-10" y="54">before click </text>
    				<line x1="-10" y1="50" x2="30" y2="50" style="fill:none; stroke:#880000"/>
    				<text x="-10" y="29">after 3 sec. </text>
    				<line x1="-10" y1="25" x2="30" y2="25" style="fill:none; stroke:#880000"/>
    				<rect x="0" y="0" width="30" height="50" style="fill:#CCFFCC; stroke:#00FFFF; stroke-width:4">
    					<animate id="anim6a" attributeName="width" repeatCount="2" from="30" to="30" begin="click" dur="1s" fill="freeze"/>
    					<animate id="anim6b" attributeName="height" from="50" to="25" begin="anim6a.repeat(2)" dur="2s" fill="freeze"/>
    				</rect>
    				<text x="-15" y="75" xml:space="default" style="text-anchor:middle;fill:red; font-size:13">begin="anim6a.repeat(2)"</text>
    			</g>
    			<g transform="translate(90,270)">
    				<text x="-10" y="54">before key 1 </text>
    				<line x1="-10" y1="50" x2="30" y2="50" style="fill:none; stroke:#880000"/>
    				<text x="-10" y="29">after 2 sec. </text>
    				<line x1="-10" y1="25" x2="30" y2="25" style="fill:none; stroke:#880000"/>
    				<rect x="0" y="0" width="30" height="50" style="fill:#CCFFCC; stroke:#00FFFF; stroke-width:4">
    					<animate id="anim7" attributeName="height" from="50" to="25" begin="accessKey(1)" dur="2s" fill="freeze"/>
    				</rect>
    				<text x="-15" y="75" xml:space="default" style="text-anchor:middle;fill:red; font-size:13">begin="accessKey(1)"</text>
    			</g>
    			<g transform="translate(235,270)">
    				<text x="-10" y="54">always </text>
    				<line x1="-10" y1="50" x2="30" y2="50" style="fill:none; stroke:#880000"/>
    				<rect x="0" y="0" width="30" height="50" style="fill:#CCFFCC; stroke:#00FFFF; stroke-width:4">
    					<animate id="anim8" attributeName="height" from="50" to="25" begin="wallclock(2000-01-01Z)" dur="2s" fill="freeze"/>
    				</rect>
    				<text x="0" y="75" xml:space="default" style="text-anchor:middle;fill:red; font-size:10">begin="wallclock(2000-01-01Z)"</text>
    			</g>
    			<g transform="translate(380,270)">
    				<text x="-10" y="54">always </text>
    				<line x1="-10" y1="50" x2="30" y2="50" style="fill:none; stroke:#880000"/>
    				<rect x="0" y="0" width="30" height="50" style="fill:#CCFFCC; stroke:#00FFFF; stroke-width:4">
    					<animate id="anim9" attributeName="width" from="30" to="30" begin="indefinite" dur="1s" fill="freeze"/>
    				</rect>
    				<text x="-15" y="75" xml:space="default" style="text-anchor:middle;fill:red; font-size:13">begin="indefinite"</text>
    			</g>
    		</g>
    	</g>
    	<!--======================================================================-->
    	<!--Legend and frame:      Title, suite and SVG document serialization====-->
    	<!--======================================================================-->
    	<g id="test-legend" style="fill:black;font-family:Helvetica;font-size:10">
    		<rect x="10" y="390" width="275" height="50" style="fill:none;stroke:#000000"/>
    		<path style="fill:none;stroke:#000000" d="M10 405 h275 M205 405 v35 M10 426 h195 M205 422 h80"/>
    		<text x="25" y="401">Scalable Vector Graphics (SVG) Conformance Suite</text>
    		<a xlink:href="copyright-documents-19990405.html">
    			<text x="12" y="437" style="fill:blue">Copyright 2000 W3C. All Rights Reserved.
    See http://www.w3.org/Consortium/Legal/.</text>
    		</a>
    		<text style="font-size:12" x="35" y="420">animation-timing-BE-05</text>
    		<text style="font-size:10" x="210" y="417">$Revision: 1.4 $</text>
    		<text style="font-size:10" x="210" y="435">Release 2.0</text>
    		<rect id="test-frame" x="1" y="1" width="448" height="448" style="fill:none; stroke:#000000"/>
    	</g>
    </svg>