<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" currentState="rubrique1">

	<!-- TRANSITION -->
	<mx:transitions>
		<mx:Transition id="effet" fromState="*" toState="*">
		<mx:Parallel>
			<mx:WipeDown duration="1000" target="{contenant}">
			</mx:WipeDown>
			<mx:Fade duration="1000" target="{contenant}">
			</mx:Fade>
		</mx:Parallel>
		</mx:Transition>
	</mx:transitions>
	
	
	<!-- ETATS -->
	<mx:states>
		<mx:State name="rubrique1">
			<mx:AddChild relativeTo="{contenant}" position="lastChild">
				<mx:TitleWindow x="114" y="96" width="250" height="200" layout="absolute" title="Tuto sur les animations Flex">
					<mx:Text x="10" enabled="true" y="10" width="90%" text="Comme vous allez le voir si vous cliquez sur un des éléments du menu, les animations en Flex sont toutes très zolies!"/>
				</mx:TitleWindow>
			</mx:AddChild>
		</mx:State>
		<mx:State name="rubrique2">
			<mx:AddChild relativeTo="{contenant}" position="lastChild">
				<mx:Form x="154" y="51">
					<mx:FormHeading label="Lorem ipsumeeuuh"/>
					<mx:FormItem label="Champ 1">
						<mx:TextInput text="valeur"/>
					</mx:FormItem>
					<mx:FormItem label="Champ 2">
						<mx:TextArea text="valeur" height="67"/>
					</mx:FormItem>
					<mx:Button label="Valider"/>
				</mx:Form>
			</mx:AddChild>
		</mx:State>
	</mx:states>


	<!-- Menu -->
	<mx:ApplicationControlBar x="10" y="10" width="160">
		<mx:Button label="Menu 1" click="currentState='rubrique1'"/>
		<mx:Button label="Menu 2" click="currentState='rubrique2'"/>
	</mx:ApplicationControlBar>
	
	<!-- Contenant -->
	<mx:Canvas x="10" y="51" width="500" height="341" id="contenant">
	</mx:Canvas>
	
</mx:Application>
