<!-- 
            Copyright: Copyright 1998-2005  W3C (MIT, ERCIM, Keio), All Rights Reserved.
See http://www.w3.org/Consortium/Legal/.
Author: Rob Lanphier
           Version: $Id: sensitivity.smil.html,v 1.1 2005/06/20 23:51:27 tmichel Exp $
            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/2005/SMIL21/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>