<container fillParent="1" visible="0">
  <state name="menu" visible="1"/>
	<state name="levels" visible="0"/>
	<state name="select_challenge_size" visible="0"/>
  <state name="credits" visible="0"/>
	
  <container w="640" h="840" parentAlign="center" y="-1080" visible="0">
    <state name="menu" visible="1" y="150" easing="back_inout"/>
    <state name="levels" visible="1" y="-1500" easing="back_inout"/>
		<state name="select_challenge_size" visible="1" y="-1500" easing="back_inout"/>
    <state name="credits" visible="1" y="1500" easing="back_inout"/>
    
    <image9 x='20' y='0' w="600" h="790" filename="data/gui/composit1.png" corner="20"/>
		
		

	  
		<checkbox parentAlign="center" y="100" w="120" h="120" dataSource="@settings.fullscreen">
      <container name="default" w="120" h="120">
        <image9 fillParent="1" filename="data/gui/composit1.png" corner="20"/>  
      </container>

      <container name="active" w="120" h="120" x="-2" y="-2">
        <image9 x='-20' y='-20' w="160" h="160" filename="data/gui/highlight_button.png" corner="50"/>
        <image9 fillParent="1" filename="data/gui/composit1.png" corner="20"/>  
      </container>

      <container name="pressed" w="120" h="120" x="2" y="2">
        <image9 x='-20' y='-20' w="160" h="160" filename="data/gui/highlight_button.png" corner="50"/>
        <image9 fillParent="1" filename="data/gui/composit1.png" corner="20"/>  
      </container>

      <container name="mark" w="120" h="120">
        <image filename="data/gui/task_completed.png" x="-20" y="-30" w="160" h="160"  />
      </container>


    </checkbox>
		<text  parentAlign="center" y="270" font="clearsans_medium.ttf" font_size="50" text="Fullscreen"  />
	

  <container  parentAlign="center" y="320" w="420" h="80">
    <image x="10" y="37" w="400" h="4" color="313b35" />
    <slider x="0" w="420" h="79" key_filename="data/gui/sound_handle.png"  dataSource="@settings.sound_volume" />
		<text  y="110" parentAlign="center" color="ffffffff" text="Sound Volume" font="clearsans_medium.ttf" font_size="50"  />
  </container>
  
  <container  parentAlign="center" y="480" w="420" h="80">
    <image x="10" y="37" w="400" h="4" color="313b35" />
    <slider x="0" w="420" h="79" key_filename="data/gui/music_handle.png"  dataSource="@settings.music_volume" />
		<text  y="110" parentAlign="center" color="ffffffff" text="Music Volume" font="clearsans_medium.ttf" font_size="50"  />
  </container>

	

    <button x="525" y="15" w="80" h="80"  on_click="popState()">
      <container name="default" w="80" h="80" >
        <image9 fillParent="1" filename="data/gui/composit1.png" corner="20"/>  
        <text font="clearsans_medium.ttf" font_size="75" centerParent="1" text="X"/>
      </container>
		
      <container name="active" w="80" h="80" >
        <image9 x='-20' y='-20' w="120" h="120" filename="data/gui/highlight_button.png" corner="50"/>
        <image9 fillParent="1" filename="data/gui/composit1.png" corner="20"/>  
        <text font="clearsans_medium.ttf" font_size="75" centerParent="1" text="X"/>
      </container>
		
      <container name="pressed"  w="80" h="80" x="5" y="5" >
        <image9 x='-20' y='-20' w="120" h="120" filename="data/gui/highlight_button.png" corner="50"/>
        <image9 fillParent="1" filename="data/gui/composit1.png" corner="20"/>  
        <text font="clearsans_medium.ttf" font_size="75" centerParent="1" text="X"/>
      </container>
    </button> 
	
	
    <button  parentAlign="center" y="640" w="230" h="130" on_click="pushState();setState('credits')">
    <container name="default" w="230" h="120" >
      <image9 fillParent="1" filename="data/gui/composit1.png" corner="20"/>  
      <text font="clearsans_medium.ttf" font_size="43" centerParent="1" text="Credits"/>
    </container>
  
    <container name="active" w="230" h="120" x="-5" y="-5">
      <image9 x='-30' y='-20' w="290" h="160" filename="data/gui/highlight_button.png" corner="50"/>
      <image9 fillParent="1" filename="data/gui/composit1.png" corner="20"/>  
      <text font="clearsans_medium.ttf" font_size="43" centerParent="1" text="Credits"/>
    </container>
  
    <container name="pressed"  w="230" h="120" >
      <image9 x='-30' y='-20' w="290" h="160" filename="data/gui/highlight_button.png" corner="50"/>
      <image9 fillParent="1" filename="data/gui/composit1.png" corner="20"/>  
      <text font="clearsans_medium.ttf" font_size="43" centerParent="1" text="Credits"/>
    </container>
  </button>
      
    
      
  </container>
  
</container>