<!-- 
            Copyright: Copyright 1998-2005  W3C (MIT, ERCIM, Keio), All Rights Reserved.
See http://www.w3.org/Consortium/Legal/.
Author: Aaron M. Cohen   
         File Name: layout-regPoint2.smil
  Media Components: 2 JPG
 Expected Behavior: Tests regPoint positioning layout with topLayout element.
                    Same display pattern as previous test, but uses media element regAlign 
                    to override the regAlign on the regPoint element.
                    Show smile on left, frown on right.
                    Cycle the image alignment options from upper-left to lower-right,
                    applying these image alignments to the regpoint in the center of the image.
-->
<smil xmlns="http://www.w3.org/2005/SMIL21/Language">
    <head>
        <layout>
           <regPoint id="centeredCenter" top="240" left="160" regAlign="center"/>
           <topLayout width="640px" height="480px">
               <region id="left" top="0px" left="0px" width="320px" height="480px" />
               <region id="right" top="0px" left="320px" width="320px" height="480px" />
            </topLayout>
        </layout>
    </head>
    <body>
        <seq>
            <par>
                <img region="left" src="../images/smile.jpg" regPoint="centeredCenter" regAlign="topLeft" dur="2s"/>
                <img region="right" src="../images/frown.jpg" regPoint="centeredCenter" regAlign="topLeft" dur="2s"/>
            </par>
            <par>
                <img region="left" src="../images/smile.jpg" regPoint="centeredCenter" regAlign="topMid" dur="2s"/>
                <img region="right" src="../images/frown.jpg" regPoint="centeredCenter" regAlign="topMid" dur="2s"/>
            </par>
            <par>
                <img region="left" src="../images/smile.jpg" regPoint="centeredCenter" regAlign="topRight" dur="2s"/>
                <img region="right" src="../images/frown.jpg" regPoint="centeredCenter" regAlign="topRight" dur="2s"/>
            </par>
            <par>
                <img region="left" src="../images/smile.jpg" regPoint="centeredCenter" regAlign="midLeft" dur="2s"/>
                <img region="right" src="../images/frown.jpg" regPoint="centeredCenter" regAlign="midLeft" dur="2s"/>
            </par>
            <par>
                <img region="left" src="../images/smile.jpg" regPoint="centeredCenter" regAlign="center" dur="2s"/>
                <img region="right" src="../images/frown.jpg" regPoint="centeredCenter" regAlign="center" dur="2s"/>
            </par>
            <par>
                <img region="left" src="../images/smile.jpg" regPoint="centeredCenter" regAlign="midRight" dur="2s"/>
                <img region="right" src="../images/frown.jpg" regPoint="centeredCenter" regAlign="midRight" dur="2s"/>
            </par>
            <par>
                <img region="left" src="../images/smile.jpg" regPoint="centeredCenter" regAlign="bottomLeft" dur="2s"/>
                <img region="right" src="../images/frown.jpg" regPoint="centeredCenter" regAlign="bottomLeft" dur="2s"/>
            </par>
            <par>
                <img region="left" src="../images/smile.jpg" regPoint="centeredCenter" regAlign="bottomMid" dur="2s"/>
                <img region="right" src="../images/frown.jpg" regPoint="centeredCenter" regAlign="bottomMid" dur="2s"/>
            </par>
            <par>
                <img region="left" src="../images/smile.jpg" regPoint="centeredCenter" regAlign="bottomRight" dur="2s"/>
                <img region="right" src="../images/frown.jpg" regPoint="centeredCenter" regAlign="bottomRight" dur="2s"/>
            </par>
        </seq>
    </body>
</smil>