<container fillParent="1" visible="0">
  <state name="new_user" visible="1"/>
  <state name="users" visible="0"/>

  <container w="640" h="840" parentAlign="center" y="-1080">
    <state name="new_user" visible="1" y="200" easing="back_inout"/>
    <state name="users" visible="0" y="-1080" easing="back_inout"/>
    
             
    <image9 x='20' y='0' w="600" h="590" filename="data/gui/composit1.png" corner="20"/>
    
    <text parentAlign="center" y="190" text="Enter your name:" align="center" font="clearsans_medium.ttf" font_size="75" />
    
    <image9 parentAlign="center" y='300' w="420" h="100" filename="data/gui/composit1.png" corner="20"/>
    <text_input parentAlign="center" y='300' w="420" h="100" font="clearsans_medium.ttf" font_size="75" text="" dataSource="new_user_name" name="new_user_text_input" limit="10" />
        
		<button y="430" w="240" h="114" on_click="addUser(); unsetTextInput('new_user_text_input')" parentAlign="center">
      <container name="default" w="240" h="114" >
        <image filename="data/gui/but_main_sm_d.png" w="240" h="114" />
        <text centerParent="1" font="clearsans_medium.ttf" font_size="50" color="3d3d3d" text="Continue"/>        
      </container>
      <container name="active" w="240" h="114" x="-2" y="-2">
				<image filename="data/gui/but_main_sm_a.png" w="240" h="114"  />
				<text centerParent="1" font="clearsans_medium.ttf" font_size="50" color="3d3d3d" text="Continue"/>          
      </container>
      <container name="pressed" w="240" h="114" x="2" y="2">
        <image filename="data/gui/but_main_sm_a.png" w="240" h="114" />
        <text centerParent="1" font="clearsans_medium.ttf" font_size="50" color="3d3d3d" text="Continue"/>                  
      </container>
    </button> 
    
    <variant_container x="525" y="15" w="80" h="80" dataSource="@users.not_empty">
      <button w="80" h="80"  on_click="popState(); unsetTextInput('new_user_text_input')" name="1">
        <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>
    </variant_container> 
    
  </container>
  
</container>