    <!--
                Copyright: Copyright 1998-2001 W3C (MIT, INRIA, Keio), All Rights Reserved.
    See http://www.w3.org/Consortium/Legal/.
    Author: Rob Lanphier
               Version: $Id:$
                Module: Media Object
               Feature: Sensitivity attribute
             File Name: sensitivity.smil
      Media Components: 2 PNGs
     Expected Behavior: Clicking on the "overlay" region behaves according
                        to sensitivity rules:
                        For "nn%", "overlay Clicked" should show at nn%
                           or higher, else "base Clicked".
                        For "opaque", only "overlay Clicked" should show.
                        For "transparent", only "base Clicked" should show.
    -->
    <smil xmlns="http://www.w3.org/2001/SMIL20/Language">
        <head>
          <layout type="text/smil-basic-layout">
    	 <root-layout height="310px" width="450px"/>
             <region id="underlay"
    		 top="0px" left="0px" height="150px" width="150px"/>
             <region id="alphatest"
    		 top="0px" left="0px" height="150px" width="150px"/>
             <region id="explain"
    		 top="150px" left="0px" height="30px" width="150px"/>
             <region id="showclick"
    		 top="180px" left="0px" height="30px" width="150px"/>
             <region id="underlay2"
    		 top="0px" left="150px" height="150px" width="150px"/>
             <region id="alphatest2"
    		 top="0px" left="150px" height="150px" width="150px"/>
             <region id="explain2"
    		 top="150px" left="150px" height="30px" width="150px"/>
             <region id="showclick2"
    		 top="180px" left="150px" height="30px" width="150px"/>
             <region id="underlay3"
    		 top="0px" left="300px" height="150px" width="150px"/>
             <region id="alphatest3"
    		 top="0px" left="300px" height="150px" width="150px"/>
             <region id="explain3"
    		 top="150px" left="300px" height="30px" width="150px"/>
             <region id="showclick3"
    		 top="180px" left="300px" height="30px" width="150px"/>
             <region id="longexplain"
    		 top="210px" left="75px" height="100px" width="450px"/>
          </layout>
        </head>
        <body>
          <par>
            <text src="data:,Clicking%20on%20the%20%22overlay%22%20region%20behaves%20according%20to%20sensitivity%20rules:%20For%20%22nn%25%22,%20%22overlay%20Clicked%22%20should%20show%20at%20nn%25%20or%20higher,%20else%20%22base%20Clicked%22.%20%20For%20%22opaque%22,%20only%20%22overlay%20Clicked%22%20should%20show.%20For%20%22transparent%22,%20only%20%22base%20Clicked%22%20should%20show." region="longexplain"/>
            <par>
                 <img id="base" src="../images/underlay.png" region="underlay2"
    		  dur="15s"/>
                 <img id="overlay" src="../images/alphatest.png" region="alphatest2"
    	         sensitivity="50%" dur="15s"/>
                 <text region="showclick2" src="data:,base%20Clicked"
                      begin="base.activateEvent" fill="remove" dur="1s"/>
                 <text region="showclick2" src="data:,overlay Clicked"
                      begin="overlay.activateEvent" fill="remove" dur="1s"/>
                 <text region="explain2" dur="15s"
    	          src="data:,sensitivity=%2250%25%22"/>
            </par>
            <par begin="15s">
                 <img id="base2" src="../images/underlay.png" region="underlay"
    		  dur="15s"/>
                 <img id="overlay2" src="../images/alphatest.png" region="alphatest"
    	         sensitivity="opaque" dur="15s"/>
                 <text region="showclick" src="data:,base%20Clicked"
                      begin="base2.activateEvent" fill="remove" dur="1s"/>
                 <text region="showclick" src="data:,overlay%20Clicked"
                      begin="overlay2.activateEvent" fill="remove" dur="1s"/>
                 <text region="explain" dur="15s"
    	           src="data:,sensitivity=%22opaque%22"/>
                 <img id="base3" src="../images/underlay.png" region="underlay2"
    		  dur="15s"/>
                 <img id="overlay3" src="../images/alphatest.png" region="alphatest2"
    	         sensitivity="transparent" dur="15s"/>
                 <text region="showclick2" src="data:,base%20Clicked"
                      begin="base3.activateEvent" fill="remove" dur="1s"/>
                 <text region="showclick2" src="data:,overlay%20Clicked"
                      begin="overlay3.activateEvent" fill="remove" dur="1s"/>
                 <text region="explain2" dur="15s"
    		   src="data:,sensitivity=%22transparent%22"/>
                 <img id="base4" src="../images/underlay.png" region="underlay3"
    		  dur="15s"/>
                 <img id="overlay4" src="../images/alphatest.png" region="alphatest3"
    		  dur="15s"/>
                 <text region="showclick3" src="data:,base%20Clicked"
                      begin="base4.activateEvent" fill="remove" dur="1s"/>
                 <text region="showclick3" src="data:,overlay%20Clicked"
                      begin="overlay4.activateEvent" fill="remove" dur="1s"/>
                 <text region="explain3" dur="15s"
    	           src="data:,default (sensitivity=%22opaque%22)"/>
            </par>
            <par begin="30s">
                 <img id="base5" src="../images/underlay.png" region="underlay"
    		  dur="15s"/>
                 <img id="overlay5" src="../images/alphatest.png" region="alphatest"
    	         sensitivity="0%" dur="15s"/>
                 <text region="showclick" src="data:,base%20Clicked"
                      begin="base5.activateEvent" fill="remove" dur="1s"/>
                 <text region="showclick" src="data:,overlay%20Clicked"
                      begin="overlay5.activateEvent" fill="remove" dur="1s"/>
                 <text region="explain" dur="15s"
    	          src="data:,sensitivity=%220%25%22"/>
                 <img id="base6" src="../images/underlay.png" region="underlay2"
    		  dur="15s"/>
                 <img id="overlay6" src="../images/alphatest.png" region="alphatest2"
    	         sensitivity="25%" dur="15s"/>
                 <text region="showclick2" src="data:,base%20Clicked"
                      begin="base6.activateEvent" fill="remove" dur="1s"/>
                 <text region="showclick2" src="data:,overlay%20Clicked"
                      begin="overlay6.activateEvent" fill="remove" dur="1s"/>
                 <text region="explain2" dur="15s"
    	          src="data:,sensitivity=%2225%25%22"/>
                 <img id="base7" src="../images/underlay.png" region="underlay3"
    		  dur="15s"/>
                 <img id="overlay7" src="../images/alphatest.png" region="alphatest3"
    	         sensitivity="100%" dur="15s"/>
                 <text region="showclick3" src="data:,base%20Clicked"
                      begin="base7.activateEvent" fill="remove" dur="1s"/>
                 <text region="showclick3" src="data:,overlay%20Clicked"
                      begin="overlay7.activateEvent" fill="remove" dur="1s"/>
                 <text region="explain3" dur="15s"
    	          src="data:,sensitivity=%22100%25%22"/>
            </par>
          </par>
        </body>
    </smil>