<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,400);}
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 M. Cohen
File Name: layout-region-root-layout-auto.smil
Media Components: 2 JPG
Expected Behavior: Tests type, region, and root-layout, pixels
Show frown on left, smile on right in 640x240 window
<t:par dur="5s">
<t:img style="width:100;height:100" region="left" src="../images/frown.jpg" />
<t:img style="width:100;height:100" region="right" src="../images/smile.jpg" />
</t:par>
</pre>
</DIV>
<head>
<layout type="text/smil-basic-layout">
<root-layout width="640" height="240" />
<region id="left" top="0" left="0" bottom="auto" right="auto" height="240" width="320" />
<region id="right" top="auto" left="auto" bottom="0" right="0" height="auto" width="320" />
</layout>
</head>
<t:par dur="5s">
<t:img style="width:100;height:100" region="left" src="../images/frown.jpg" />
<t:img style="width:100;height:100" region="right" src="../images/smile.jpg" />
</t:par>
</body>
</html>