<container  w="1360" h="400">

<button x="480" w="660" h="400" on_click="setEpisode(2)" name="button">

  <container name="default" x="10" w="660" h="400">
    <image9 fillParent="1" filename="data/gui/composit1.png" corner="20"/>  
    <text parentAlign="center" y="170" font="clearsans_medium.ttf" font_size="75" dataSource="episode_2_name"/>
		<text parentAlign="center" y="235" font="clearsans_medium.ttf" font_size="42" align="center" text="Levels 21 - 40" />
		<text parentAlign="center" y="300" font="clearsans_medium.ttf" font_size="50" align="center" template="{{text}} / 20 completed" dataSource="episode_2_completed_levels"/>
  </container>
  
  <container name="active" w="660" h="400" x="9" y="-1">
  	<image9 x='-30' y='-20' w="720" h="440" filename="data/gui/highlight_button.png" corner="50"/>
    <image9 fillParent="1" filename="data/gui/composit1.png" corner="20"/>  
    <text parentAlign="center" y="170" font="clearsans_medium.ttf" font_size="75"  dataSource="episode_2_name"/>
		<text parentAlign="center" y="235" font="clearsans_medium.ttf" font_size="42" align="center" text="Levels 21 - 40" />
		<text parentAlign="center" y="300" font="clearsans_medium.ttf" font_size="50" align="center" template="{{text}} / 20 completed" dataSource="episode_2_completed_levels"/>
  </container>
  
  <container name="pressed"  w="660" h="400" x="15" y="5" >
		<image9 x='-30' y='-20' w="720" h="440" filename="data/gui/highlight_button.png" corner="50"/>
    <image9 fillParent="1" filename="data/gui/composit1.png" corner="20"/>  
    <text parentAlign="center" y="170" font="clearsans_medium.ttf" font_size="75" dataSource="episode_2_name"/>
		<text parentAlign="center" y="235" font="clearsans_medium.ttf" font_size="42" align="center" text="Levels 21 - 40" />
    <text parentAlign="center" y="300" font="clearsans_medium.ttf" font_size="50" align="center" template="{{text}} / 20 completed" dataSource="episode_2_completed_levels"/>
  </container>
  
  <container name="available" w="180" h="80" visible="0">
    <affine_animation x="-5" y="-5" w="190" h="130" filename="data/gui/active_level.anim.xml" autoremove="0">
      <image9 x='-20' y='-20' w="220" h="170" filename="data/gui/highlight_button.png" color="ffffff22" corner="50"/>
    </affine_animation>
		
    <particle_system   x="0" y="0" w="10" h="10" filename="data/gfx/particles/sparcle_1.png" start_color="ffffff99" mid_color="ffffffee" end_color="ffffff44"  start_size="0.0" mid_size="1.8" end_size="0.3" >
      <particle_emitter         energy_min="1.2"         energy_max="2.25"         once="0" speed="6"         spread="270"        direction="0"         speed_min="40"         speed_max="42"        radial_min="0" radial_max="0" tangential_min="0" tangential_max="1"        gravity="0"        position_left="0"         position_top="0"        position_right="180"        position_bottom="120"        spin_min="480"        spin_max="880" />
    </particle_system>   
  </container>
  

  <container name="disabled" x="10" w="660" h="400">
    <image9 fillParent="1" filename="data/gui/composit1.png" corner="20"/>  
		<image x='280' y='200' w="100" h="100" filename="data/gfx/episode_lock.png" />
    <text parentAlign="center" y="170" font="clearsans_medium.ttf" font_size="75" dataSource="episode_2_name"/>
		<text parentAlign="center" y="350" font="clearsans_medium.ttf" font_size="42" align="center" text="Complete previous episode to unlock" />				
  </container>
  
</button>

</container>
