<html xmlns:t ="urn:schemas-microsoft-com:time" >
<head>
<style>
	 .time    { behavior: url(#default#time2);}
</style>
<?IMPORT namespace="t" implementation="#default#time2">
<script>
function startTimer(){ setInterval(doTimer,100);}
function doTimer(){ document.all.Timer.innerText =parseInt(document.body.currTimeState.activeTime) }
</script>
</head>
<body timecontainer="seq" onbegin="startTimer()" >    	
<font style="color:black; font-size:16"><b>
Timer:
<span id="Timer" >0</span>
</b></font>
<br><br>
<DIV align="left" style="position:absolute; top:40; left:300;"><pre>
Copyright: Copyright 1998-2001 W3C (MIT, INRIA, Keio), All Rights Reserved.
See http://www.w3.org/Consortium/Legal/.
Author: Aaron Cohen, Intel
Version: Mar 31, 2000, v1  
Module: SMIL Timing & Sync Module
Feature: restart attribute
File Name: restart-reset-10-2.smil   
Media Components: 2 JPG
Expected Behavior: 2s pause, then first image shown 5s, 
second image shown 5s when first is clicked.
another 2s pause and then first image shown 5s,
and second image shown 5s when first is clicked
<t:par repeatCount="2">
<t:par begin="2s">
<t:img style="width:100;height:100" id="img1" src="../images/frown.jpg" begin="0s" dur="5s"
restart="never" />
<t:img style="width:100;height:100" src="../images/smile.jpg" begin="img1.click" dur="5s"
restart="never" />
</t:par>  
</t:par>  
</pre>
</DIV>
<t:par repeatCount="2">
<t:par begin="2s">
<t:img style="width:100;height:100" id="img1" src="../images/frown.jpg" begin="0s" dur="5s"
restart="never" />
<t:img style="width:100;height:100" src="../images/smile.jpg" begin="img1.click" dur="5s"
restart="never" />
</t:par>  
</t:par>  
</body>
</html>