<?xml version="1.0" encoding="utf-8"?>
<mx:VBox xmlns:mx="http://www.adobe.com/2006/mxml" 
	width="515"
	verticalGap="8"
	show="customerNameInput.setFocus()">
	
	<mx:Metadata>
		[Event(name="checkout",type="events.OrderEvent")]
	</mx:Metadata>
		
	<mx:Script>
		<![CDATA[
			import valueObjects.Photo;
			import mx.controls.Alert;
			import mx.collections.ArrayCollection;
			import mx.validators.Validator;
			
			[Bindable]
			public var cartItems:ArrayCollection;
			
			private function checkOut():void {
	
		 		
			}
			
			public function resetForm():void {
				customerNameInput.text='';
				emailInput.text='';
			}
				
		]]>
	</mx:Script>
	
	<mx:Form 
		width="100%"
		paddingBottom="15" 
		paddingLeft="15" 
		paddingRight="15" 
		fontSize="11"
		backgroundColor="#F8E5BB">
		<mx:Label 
			text="Enter your information to check out."/>
		<mx:FormItem 
			label="Customer Name:">
			<mx:TextInput id="customerNameInput"
				width="284" />
		</mx:FormItem>
		<mx:FormItem 
			label="Email Address:">
			<mx:TextInput id="emailInput"
				width="284" />
		</mx:FormItem>
		<mx:FormItem direction="horizontal">
			<mx:Button id="checkoutButton"
				label="finish order" 
				click="checkOut()"/>
			<mx:Label text="You have {cartItems.length} item(s) in your cart"/>
		</mx:FormItem>
	</mx:Form>
	
	<mx:Image 
		source="assets/fstop/park.jpg" 
		height="321"/>
	
</mx:VBox>
