<?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>