<!-- test for mouse events -->
<smil>
  <head>
    <layout>
      <root-layout width="320" height="240" background-color="orange"/>
      <region id="title" left="10%" top="0" right="10%" height="10%"/>
      <region id="reg1" left="5%" top="10%" right="60%" bottom="50%"
           background-color="blue">
        <region id="reg1_1" top="30%" right="10%" bottom="30%"/>
      </region>
      <region id="reg2" left="60%" top="10%" right="5%" bottom="50%"
           background-color="blue">
        <region id="reg2_1" top="30%" right="10%" bottom="30%"/>
      </region>
      <region id="outer1" left="5%" top="55%" width="15%" bottom="35%"/>
      <region id="reg1_click" left="5%" top="65%" width="15%" bottom="25%"
           background-color="red"/>
      <region id="reg1_enter" left="5%" top="75%" width="15%" bottom="15%"
           background-color="red"/>
      <region id="reg1_leave" left="5%" top="85%" width="15%" bottom="5%"
           background-color="red"/>
      <region id="inner1" left="25%" top="55%" width="15%" bottom="35%"/>
      <region id="reg1_1_click" left="25%" top="65%" width="15%" bottom="25%"
           background-color="red"/>
      <region id="reg1_1_enter" left="25%" top="75%" width="15%" bottom="15%"
           background-color="red"/>
      <region id="reg1_1_leave" left="25%" top="85%" width="15%" bottom="5%"
           background-color="red"/>
      <region id="outer2" left="60%" top="55%" width="15%" bottom="35%"/>
      <region id="reg2_click" left="60%" top="65%" width="15%" bottom="25%"
           background-color="red"/>
      <region id="reg2_enter" left="60%" top="75%" width="15%" bottom="15%"
           background-color="red"/>
      <region id="reg2_leave" left="60%" top="85%" width="15%" bottom="5%"
           background-color="red"/>
      <region id="inner2" left="80%" top="55%" width="15%" bottom="35%"/>
      <region id="reg2_1_click" left="80%" top="65%" width="15%" bottom="25%"
           background-color="red"/>
      <region id="reg2_1_enter" left="80%" top="75%" width="15%" bottom="15%"
           background-color="red"/>
      <region id="reg2_1_leave" left="80%" top="85%" width="15%" bottom="5%"
           background-color="red"/>
    </layout>
  </head>
  <body>
    <par dur="50">
      <text id="text1_click" src="data:,Clicked" region="reg1_click"
           fill="freeze" mediaBackgroundOpacity="0%" fontPtSize="8"/>
      <text id="text1_enter" src="data:,Entered" region="reg1_enter"
           fill="freeze" mediaBackgroundOpacity="0%" fontPtSize="8"/>
      <text id="text1_leave" src="data:,Leaved" region="reg1_leave"
           fill="freeze" mediaBackgroundOpacity="0%" fontPtSize="8"/>
      <text id="text1_1_click" src="data:,Clicked" region="reg1_1_click"
           fill="freeze" mediaBackgroundOpacity="0%" fontPtSize="8"/>
      <text id="text1_1_enter" src="data:,Entered" region="reg1_1_enter"
           fill="freeze" mediaBackgroundOpacity="0%" fontPtSize="8"/>
      <text id="text1_1_leave" src="data:,Leaved" region="reg1_1_leave"
           fill="freeze" mediaBackgroundOpacity="0%" fontPtSize="8"/>
      <text id="text2_click" src="data:,Clicked" region="reg2_click"
           fill="freeze" mediaBackgroundOpacity="0%" fontPtSize="8"/>
      <text id="text2_enter" src="data:,Entered" region="reg2_enter"
           fill="freeze" mediaBackgroundOpacity="0%" fontPtSize="8"/>
      <text id="text2_leave" src="data:,Leaved" region="reg2_leave"
           fill="freeze" mediaBackgroundOpacity="0%" fontPtSize="8"/>
      <text id="text2_1_click" src="data:,Clicked" region="reg2_1_click"
           fill="freeze" mediaBackgroundOpacity="0%" fontPtSize="8"/>
      <text id="text2_1_enter" src="data:,Entered" region="reg2_1_enter"
           fill="freeze" mediaBackgroundOpacity="0%" fontPtSize="8"/>
      <text id="text2_1_leave" src="data:,Leaved" region="reg2_1_leave"
           fill="freeze" mediaBackgroundOpacity="0%" fontPtSize="8"/>

      <set target="reg1_click" attribute="background-color" to="green"
           begin="reg1.activateEvent" dur="1"/>
      <set target="reg1_enter" attribute="background-color" to="green"
           begin="reg1.inBoundsEvent" end="reg1.outOfBoundsEvent"/>
      <set target="reg1_leave" attribute="background-color" to="green"
           end="reg1.inBoundsEvent" begin="reg1.outOfBoundsEvent"/>

      <set target="reg2_click" attribute="background-color" to="green"
           begin="reg2.activateEvent" dur="1"/>
      <set target="reg2_enter" attribute="background-color" to="green"
           begin="reg2.inBoundsEvent" end="reg2.outOfBoundsEvent"/>
      <set target="reg2_leave" attribute="background-color" to="green"
           end="reg2.inBoundsEvent" begin="reg2.outOfBoundsEvent"/>

      <seq>
        <par dur="25">
          <set target="reg1_1" attribute="background-color" to="yellow"
               fill="freeze"/>
          <set target="reg2_1" attribute="background-color" to="yellow"
               fill="freeze"/>
          <text src="data:,On%20Regions" region="title" fill="freeze"
                mediaBackgroundOpacity="0" fontPtSize="10"/>
          <text src="data:,Outer" region="outer1" fill="freeze"
                mediaBackgroundOpacity="0%" fontPtSize="10"/>
          <text src="data:,Inner" region="inner1" fill="freeze"
                mediaBackgroundOpacity="0%" fontPtSize="10"/>
          <text src="data:,Outer" region="outer2" fill="freeze"
                mediaBackgroundOpacity="0%" fontPtSize="10"/>
          <text src="data:,Inner" region="inner2" fill="freeze"
                mediaBackgroundOpacity="0%" fontPtSize="10"/>
          <text src="data:,Opaque%20child" region="reg1_1" fill="freeze"
                mediaBackgroundOpacity="0" fontPtSize="10"/>
          <text src="data:,Transparent%20child" region="reg2_1"
                fill="freeze" sensitivity="transparent"
                mediaBackgroundOpacity="0" fontPtSize="10"/>

          <set target="reg1_1_click" attribute="background-color" to="green"
               begin="reg1_1.activateEvent" dur="1"/>
          <set target="reg1_1_enter" attribute="background-color" to="green"
               begin="reg1_1.inBoundsEvent" end="reg1_1.outOfBoundsEvent"/>
          <set target="reg1_1_leave" attribute="background-color" to="green"
               end="reg1_1.inBoundsEvent" begin="reg1_1.outOfBoundsEvent"/>

          <set target="reg2_1_click" attribute="background-color" to="green"
               begin="reg2_1.activateEvent" dur="1"/>
          <set target="reg2_1_enter" attribute="background-color" to="green"
               begin="reg2_1.inBoundsEvent" end="reg2_1.outOfBoundsEvent"/>
          <set target="reg2_1_leave" attribute="background-color" to="green"
               end="reg2_1.inBoundsEvent" begin="reg2_1.outOfBoundsEvent"/>
        </par>
        <par dur="25">
          <set target="reg1_1" attribute="height" to="0" fill="freeze"/>
          <set target="reg2_1" attribute="height" to="0" fill="freeze"/>
          <text src="data:,On%20Subregions" region="title" fill="freeze"
                mediaBackgroundOpacity="0" fontPtSize="10"/>
          <text src="data:,Region" region="outer1" fill="freeze"
                mediaBackgroundOpacity="0%" fontPtSize="10"/>
          <text src="data:,Text" region="inner1" fill="freeze"
                mediaBackgroundOpacity="0%" fontPtSize="10"/>
          <text src="data:,Region" region="outer2" fill="freeze"
                mediaBackgroundOpacity="0%" fontPtSize="10"/>
          <text src="data:,Text" region="inner2" fill="freeze"
                mediaBackgroundOpacity="0%" fontPtSize="10"/>
          <text id="text1" src="data:,Opaque%20child" region="reg1"
                top="30%" fill="freeze" fontPtSize="10"/>
          <text id="text2" src="data:,Transparent%20child" region="reg2"
                top="30%" fill="freeze" sensitivity="transparent" fontPtSize="10"/>

          <set target="reg1_1_click" attribute="background-color" to="green"
               begin="text1.activateEvent" dur="1"/>
          <set target="reg1_1_enter" attribute="background-color" to="green"
               begin="text1.inBoundsEvent" end="text1.outOfBoundsEvent"/>
          <set target="reg1_1_leave" attribute="background-color" to="green"
               end="text1.inBoundsEvent" begin="text1.outOfBoundsEvent"/>

          <set target="reg2_1_click" attribute="background-color" to="green"
               begin="text2.activateEvent" dur="1"/>
          <set target="reg2_1_enter" attribute="background-color" to="green"
               begin="text2.inBoundsEvent" end="text2.outOfBoundsEvent"/>
          <set target="reg2_1_leave" attribute="background-color" to="green"
               end="text2.inBoundsEvent" begin="text2.outOfBoundsEvent"/>
        </par>
      </seq>
    </par>
  </body>
</smil>
