<container fillParent="1" visible="0">
  <state name="users" visible="1"/>
	<state name="levels" visible="0"/>
	<state name="select_challenge_size" visible="0"/>
	
  <container w="840" h="840" parentAlign="center" y="-1080" visible="0">
    <state name="users" visible="1" y="150" easing="back_inout"/>
    <state name="levels" visible="1" y="-1500" easing="back_inout"/>
		<state name="new_user" visible="1" y="1500" easing="back_inout"/>
		<state name="delete_user" visible="1" y="1500" easing="back_inout"/>
		<state name="select_challenge_size" visible="1" y="-1500" easing="back_inout"/>
   
		<image9 x='20' y='0' w="800" h="740" filename="data/gui/composit1.png" corner="20"/>
		
		<image9 x='70' y='80' w="420" h="590" filename="data/gui/composit1.png" corner="20"/>
    
    <nodelist x='70' y='80' w="420" h="590" name="userList" >
      
      <container w="330" h="75">
        <!-- <image color="a0a0a0" fillParent="1" /> -->
        <text font="clearsans_medium.ttf" font_size="75" color="ffffff" text="User 1" parentVAlign="center" />
      </container>
      <container w="330" h="75">
        <text font="clearsans_medium.ttf" font_size="75" color="ffffff" text="User 2" parentVAlign="center" />
      </container>
    </nodelist>
		
		<!-- list dummy -->
    <!-- <text x='90' y='110' font="clearsans_medium.ttf" font_size="75" color="ffffff" text="New User"/>
    <text x='90' y='170' font="clearsans_medium.ttf" font_size="75" color="ffffff" text="New User2"/>
    <text x='90' y='230' font="clearsans_medium.ttf" font_size="75" color="ffffff" text="New User2"/>   -->

		<button x="535" y="430" w="240" h="114" on_click="pushState(); setState('new_user'); setTextInput('new_user_text_input')" >
      <container name="default" w="240" h="114" >
				<image9 fillParent="1" filename="data/gui/composit1.png" corner="20"/> 
        <text centerParent="1" font="clearsans_medium.ttf" font_size="50" color="ffffff" text="New User"/>        
      </container>
      <container name="active" w="240" h="114" x="-2" y="-2">
				<image9 x='-20' y='-20' w="280" h="154" filename="data/gui/highlight_button.png" corner="50"/>
				<image9 fillParent="1" filename="data/gui/composit1.png" corner="20"/> 
				<text centerParent="1" font="clearsans_medium.ttf" font_size="50" color="ffffff" text="New User"/>          
      </container>
      <container name="pressed" w="240" h="114" x="2" y="2">
				<image9 x='-20' y='-20' w="280" h="154" filename="data/gui/highlight_button.png" corner="50"/>
        <image9 fillParent="1" filename="data/gui/composit1.png" corner="20"/> 
        <text centerParent="1" font="clearsans_medium.ttf" font_size="50" color="ffffff" text="New User"/>                  
      </container>
    </button> 


    <variant_container x="535" y="560" w="240" h="114" dataSource="@users.more_then_one">
      <button  w="240" h="114" on_click="pushState(); setState('delete_user')" name="1">
        <container name="default" w="240" h="114" >
					<image9 fillParent="1" filename="data/gui/composit1.png" corner="20"/> 
          <text centerParent="1" font="clearsans_medium.ttf" font_size="50" color="ffffff" text="Delete"/>        
        </container>
        <container name="active" w="240" h="114" x="-2" y="-2">
					<image9 x='-20' y='-20' w="280" h="154" filename="data/gui/highlight_button.png" corner="50"/>
          <image9 fillParent="1" filename="data/gui/composit1.png" corner="20"/> 
          <text centerParent="1" font="clearsans_medium.ttf" font_size="50" color="ffffff" text="Delete"/>          
        </container>
        <container name="pressed" w="240" h="114" x="2" y="2">
					<image9 x='-20' y='-20' w="280" h="154" filename="data/gui/highlight_button.png" corner="50"/>
          <image9 fillParent="1" filename="data/gui/composit1.png" corner="20"/> 
          <text centerParent="1" font="clearsans_medium.ttf" font_size="50" color="ffffff" text="Delete"/>                  
        </container>
      </button>
			
			<button  w="240" h="114" on_click="" name="0">
        <container name="default" w="240" h="114" >
					<image9 fillParent="1" filename="data/gui/composit1.png" corner="20"/> 
          <text centerParent="1" font="clearsans_medium.ttf" font_size="50" color="ffffff55" text="Delete"/>        
        </container>
        <container name="active" w="240" h="114" x="0" y="0">

          <image9 fillParent="1" filename="data/gui/composit1.png" corner="20"/> 
          <text centerParent="1" font="clearsans_medium.ttf" font_size="50" color="ffffff55" text="Delete"/>          
        </container>
        <container name="pressed" w="240" h="114" x="0" y="0">

          <image9 fillParent="1" filename="data/gui/composit1.png" corner="20"/> 
          <text centerParent="1" font="clearsans_medium.ttf" font_size="50" color="ffffff55" text="Delete"/>                  
        </container>
      </button>
    </variant_container>
		


    <button x="725" 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> 
	
	
      
    
      
  </container>
  
</container>