<mx:states>
		<!--register page-->
		<mx:State name="Register">
			<mx:RemoveChild target="{canvas1}"/>
			<mx:SetProperty target="{canvas2}" name="height" value="100%"/>
			<mx:SetProperty target="{canvas2}" name="width" value="100%"/>
			<mx:RemoveChild target="{icon3btn}"/>
			<mx:RemoveChild target="{icon2btn}"/>
			<mx:RemoveChild target="{icon1btn}"/>
			<mx:RemoveChild target="{label1}"/>
			<mx:SetProperty target="{canvas3}" name="width" value="950"/>
			<mx:SetProperty target="{text2}" name="x"/>
			<mx:SetStyle target="{text2}" name="horizontalCenter" value="0"/>
			<mx:SetProperty target="{label16}" name="x" value="551.05"/>
			<mx:SetProperty target="{label16}" name="y" value="15.9"/>
			<mx:SetProperty target="{label15}" name="x" value="465.1"/>
			<mx:SetProperty target="{label15}" name="y" value="15.9"/>
			<mx:SetProperty target="{text4}" name="x" value="533.5"/>
			<mx:SetProperty target="{text4}" name="y" value="15.9"/>
			<mx:SetProperty target="{text3}" name="x" value="449.25"/>
			<mx:SetProperty target="{text3}" name="y" value="15.9"/>
			<mx:SetProperty target="{label14}" name="x" value="368.85"/>
			<mx:SetProperty target="{label14}" name="y" value="15.9"/>
			<mx:SetProperty name="width" value="1024"/>
			<mx:SetProperty name="height" value="850"/>
			<mx:RemoveChild target="{label21}"/>
			<mx:RemoveChild target="{label22}"/>
			<mx:RemoveChild target="{label2}"/>
			<mx:AddChild relativeTo="{canvas2}" position="lastChild">
				<mx:Label x="741.2" y="55.7" text="Login" fontStyle="normal" fontSize="8" textDecoration="underline" useHandCursor="true" buttonMode="true" mouseChildren="false" click="loginbtn(event)" id="label26" width="34.666668" height="16"/>
			</mx:AddChild>
			<mx:AddChild relativeTo="{canvas2}" position="lastChild">
				<mx:Image x="737.2" y="26.35" useHandCursor="true" buttonMode="true" click="loginbtn(event)" id="label27" source="images/login.png"/>
			</mx:AddChild>
			<mx:AddChild relativeTo="{canvas2}" position="lastChild">
				<mx:Label x="57.15" y="51.15" text="Register" fontWeight="bold" fontSize="12"/>
			</mx:AddChild>
			<mx:AddChild relativeTo="{canvas2}" position="lastChild">
				<mx:Label x="269.5" y="136.25" text="First Name :" fontSize="11"/>
			</mx:AddChild>
			<mx:AddChild relativeTo="{canvas2}" position="lastChild">
				<mx:Label x="270.5" y="163.25" text="Last Name :" fontSize="11"/>
			</mx:AddChild>
			<mx:AddChild relativeTo="{canvas2}" position="lastChild">
				<mx:Label x="272.5" y="190.25" text="Username :" fontSize="11"/>
			</mx:AddChild>
			<mx:AddChild relativeTo="{canvas2}" position="lastChild">
				<mx:Label x="276.5" y="217.25" text="Password :" fontSize="11"/>
			</mx:AddChild>
			<mx:AddChild relativeTo="{canvas2}" position="lastChild">
				<mx:Label x="288.5" y="244.25" text="Gender :" fontSize="11"/>
			</mx:AddChild>
			<mx:AddChild relativeTo="{canvas2}" position="lastChild">
				<mx:Label x="255.5" y="271.25" text="Date Of Birth :" fontSize="11"/>
			</mx:AddChild>
			<mx:AddChild relativeTo="{canvas2}" position="lastChild">
				<mx:Label x="302.5" y="298.25" text="Race :" fontSize="11"/>
			</mx:AddChild>
			<mx:AddChild relativeTo="{canvas2}" position="lastChild">
				<mx:Label x="299.5" y="325.25" text="Email :" fontSize="11"/>
			</mx:AddChild>
			<mx:AddChild relativeTo="{canvas2}" position="lastChild">
				<mx:Label x="270.5" y="352.25" text="Nationality :" fontSize="11"/>
			</mx:AddChild>
			<mx:AddChild relativeTo="{canvas2}" position="lastChild">
				<mx:TextInput x="352.5" y="135.25" id="first"/>
			</mx:AddChild>
			<mx:AddChild relativeTo="{canvas2}" position="lastChild">
				<mx:TextInput x="352.5" y="162.25" id="last"/>
			</mx:AddChild>
			<mx:AddChild relativeTo="{canvas2}" position="lastChild">
				<mx:TextInput x="352.5" y="189.25" id="reg_user"/>
			</mx:AddChild>
			<mx:AddChild relativeTo="{canvas2}" position="lastChild">
				<mx:TextInput x="352.5" y="216.25" id="reg_pass" displayAsPassword="true"/>
			</mx:AddChild>

			<mx:AddChild relativeTo="{canvas2}" position="lastChild" creationPolicy="all">
				<mx:RadioButtonGroup id="gender"/>
				<mx:RadioButton x="352.5" y="243.25" label="Male" fontSize="11" id="male" groupName="gender"/>
				<mx:RadioButton x="430.5" y="243.25" label="Female" fontSize="11" id="female" groupName="gender" />
			</mx:AddChild>

			<mx:AddChild relativeTo="{canvas2}" position="lastChild" creationPolicy="all">
				<mx:DateField x="352.5" y="270.25" width="160" id="dateField1" yearNavigationEnabled="true" change="dateChanged(event)"/>
				<mx:Label id="dateselection"  x="228" y="159" visible="false"/>
			</mx:AddChild>
			<mx:AddChild relativeTo="{canvas2}" position="lastChild">
				<mx:TextInput x="352.5" y="297.25" id="race"/>
			</mx:AddChild>
			<mx:AddChild relativeTo="{canvas2}" position="lastChild">
				<mx:TextInput x="352.5" y="324.25" id="email"/>
			</mx:AddChild>
			<mx:AddChild relativeTo="{canvas2}" position="lastChild">
				<mx:TextInput x="352.5" y="351.25" id="nationality"/>
			</mx:AddChild>
			<mx:AddChild relativeTo="{canvas2}" position="lastChild">
				<mx:Button x="573.5" y="404.25" label="Register" id="signupbtn2" click="register_user.send();"/>
			</mx:AddChild>
			<mx:AddChild relativeTo="{canvas2}" position="lastChild">
				<mx:Button x="514.5" y="404.25" label="Clear" id="clearbtn1" click="resetBtn();"/>
			</mx:AddChild>
			<mx:AddChild relativeTo="{canvas2}" position="lastChild">
				<mx:Label x="378.5" y="98.25" text="Successful Registered!"  color="#43EC15" fontWeight="bold" id="msgReg" enabled="true" visible="false"/>
			</mx:AddChild>

		</mx:State>