    <!--
                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-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/2001/SMIL20/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>