    <HTML xmlns:t ="urn:schemas-microsoft-com:time">
    <HEAD>
    <?IMPORT namespace="t" implementation="#default#time2">
    <style>.time {behavior: url(#default#time2)}</style>
    </HEAD>
    <BODY bgcolor="#eeffcc">
    <!-- Time Content for testing -->
    <img src="../images/spline_img04.gif" style="position:absolute;height:200;width:200;top:5;left:5"></img>
    <DIV id = "T1" style="position:absolute; height:10; width:10; top:5; left:5; background-color:red"></div><br><br>
    <t:animate begin="2s" dur="5s" calcMode="spline" values="170;35" keySplines="1 0 .25 .25" keyTimes="0; 1" targetElement="T1" attributeName="style.top" fill="remove" autoreverse="true"/>
    <t:animate begin="2s" dur="5s" calcMode=linear values="35;170" targetElement="T1" attributeName="style.left" fill="remove" autoreverse="true"/>
    <!--*******************************************************************************-->
    <!--***************everything past this line is informational**********************-->
    <!--*****Timer that displays activeTime and shows persistence*****-->
    <DIV align="left" style="position:absolute; left:300">
    <B>TIMER:</B><BR>
    Timer:
    <span id="Timer" class="time" dur=".01"  repeatCount="indefinite" fill="hold" onrepeat="innerText=parseInt(document.body.currTimeState.activeTime);">0</span><br><br>
    <!--*****Expectations, Sample Code, and Information*****-->
    <B>EXPECTED BEHAVIOR:</B><br>
    Testing: keySplines, keyTimes, autoReverse.<br>
    At 0 seconds, the red dot will be in the upper left corner of the graph.<br>
    At 2 seconds, the red dot will start following the blue line from the lower left corner.<br>
    At 7 seconds, the red dot will have reached the upper right corner of the blue line and autorevese.<br>
    At 12 seconds, the red dot will have reached the start postion of the blue line and move back to the upper left corner.<br>
    **Note that the begin=2s is ignored on autoReverse causing the anamation to completed in 12 seconds.<br><br>
    <B>SAMPLE CODE:</B><br>
    <t:animate begin="2s" dur="5s" calcMode="spline" values="170;35" keySplines="1 0 .25 .25" keyTimes="0; 1" targetElement="T1" attributeName="style.top" fill="remove" autoreverse="true"/><br>
    <t:animate begin="2s" dur="5s" calcMode=linear values="35;170" targetElement="T1" attributeName="style.left" fill="remove" autoreverse="true"/><br><br>
    <B>INFORMATION:</B><br>
    Copyright: Copyright 1998-2001 W3C (MIT, INRIA, Keio), All Rights Reserved.
    See http://www.w3.org/Consortium/Legal/.
    Author: Debbie Newman, Microsoft<br>
    Version: 11/02/2000<br>
    Module: animate<br>
    Feature: autoReverse, keySpline, keyTime, begin, dur, calcMode=spline, values, targetElement, fill=remove<br>
    File Name: animate_spline_004_reverse.htm<br>
    Media Components: images/spline_img04.gif<br><br>
    </div>
    </BODY>
    </HTML>