Untitled

<smil xmlns="http://www.w3.org/2001/SMIL20/Language">
<head>
<meta name="title" content="test"/>
<layout>
<root-layout background-color="white" width="800" height="650"/>
<region id="gong" title="gong_region" width="450" height="450" left="175" top="100" z-index="1"/>
<region id="petals" title="petals" width="750" height="650" left="100" top="0" z-index="3"/>
<region id="menu1" title="menu1" width="200" height="200" left="0" top="0" z-index="2"/>
<region id="menu2" title="menu2" width="200" height="200" left="300" top="400" z-index="2"/>
</layout>

<transition id="fade_0" dur="1s" type="fade"/>
<transition id="fade_1" dur="2s" type="fade"/>
<transition id="fade_2" dur="3s" type="fade"/>

</head>
<body>
<par>
<!-- soundtrack -->
<audio id="soundtrack" src="sounds/Micaco_Honya-Taneishinshin.mp3" begin="1s"/>

<!-- menu -->
<par id="par1" begin="soundtrack.begin;section1_image.activateEvent" end="menu1_image.activateEvent">
<!-- gong -->
<img id="gong_small" src="images/gong_small.jpg" region="gong" transIn="fade_1" begin="1s" end="gong_small.activateEvent"/>
<!-- menu1 -->
<img id="menu1_image" src="images/test.jpg" region="menu1" transIn="fade_1" transOut="fade_1" begin="1s" end="menu1_image.activateEvent"/>
<!-- petal 1 -->
<img id="petal1" src="images/sakura1.gif" region="petals" begin="1s" end="menu1_image.activateEvent">
<animate dur="10" attributeName="top" from="-50" to="655" repeatDur="indefinite"/>
<animate dur="2" attributeName="left" values="150;175;193;200;193;175;150;125;107;100;107;125;150" repeatDur="indefinite"/>
</img>
<!-- petal 2 -->
<img id="petal2" src="images/sakura2.gif" region="petals" begin="3.2s" end="menu1_image.activateEvent">
<animate dur="10" attributeName="top" from="-50" to="655" repeatDur="indefinite"/>
<animate dur="2" attributeName="left" values="350;375;393;400;393;375;350;325;307;300;307;325;350" repeatDur="indefinite"/>
</img>
<!-- petal 3 -->
<img id="petal3" src="images/sakura1.gif" region="petals" begin="6.5s" end="menu1_image.activateEvent">
<animate dur="10" attributeName="top" from="-50" to="655" repeatDur="indefinite"/>
<animate dur="2" attributeName="left" values="250;275;293;300;293;275;250;225;207;200;207;225;250" repeatDur="indefinite"/>
</img>
<!-- petal 4 -->
<img id="petal4" src="images/sakura2.gif" region="petals" begin="8.7s" end="menu1_image.activateEvent">
<animate dur="10" attributeName="top" from="-50" to="655" repeatDur="indefinite"/>
<animate dur="2" attributeName="left" values="50;75;93;100;93;75;50;25;7;0;7;25;50" repeatDur="indefinite"/>
</img>
<!-- petal 5 -->
<img id="petal5" src="images/sakura2.gif" region="petals" begin="4.9s" end="menu1_image.activateEvent">
<animate dur="10" attributeName="top" from="-50" to="655" repeatDur="indefinite"/>
<animate dur="2" attributeName="left" values="550;575;593;600;593;575;550;525;507;500;507;525;550" repeatDur="indefinite"/>
</img>
</par>

<!-- section1 -->
<par>
<img id="section1_image" src="images/test.jpg" region="menu2" begin="menu1_image.activateEvent+1" end="section1_image.activateEvent"/>
</par>

</par>
</body>
</smil>