You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@flex.apache.org by jm...@apache.org on 2014/08/09 04:17:16 UTC

[01/10] moved mx example files to mx directory

Repository: flex-utilities
Updated Branches:
  refs/heads/develop ea4cc7ad4 -> 48f47e61c


http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/validators/RegExValidatorExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/validators/RegExValidatorExample.mxml b/TourDeFlex/TourDeFlex3/src/validators/RegExValidatorExample.mxml
deleted file mode 100755
index 0079e28..0000000
--- a/TourDeFlex/TourDeFlex3/src/validators/RegExValidatorExample.mxml
+++ /dev/null
@@ -1,85 +0,0 @@
-<?xml version="1.0"?> 
-<!--
-  Licensed to the Apache Software Foundation (ASF) under one or more
-      contributor license agreements.  See the NOTICE file distributed with
-      this work for additional information regarding copyright ownership.
-      The ASF licenses this file to You under the Apache License, Version 2.0
-      (the "License"); you may not use this file except in compliance with
-      the License.  You may obtain a copy of the License at
-
-          http://www.apache.org/licenses/LICENSE-2.0
-
-      Unless required by applicable law or agreed to in writing, software
-      distributed under the License is distributed on an "AS IS" BASIS,
-      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-      See the License for the specific language governing permissions and
-      limitations under the License.
-  -->
-
-<!-- Simple example to demonstrate the RegExpValidator. -->
-<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
-
-	<fx:Script>
-		<![CDATA[
-			import mx.events.ValidationResultEvent;
-			import mx.validators.*;
-	
-            // Write the results to the 
-			private function handleResult(eventObj:ValidationResultEvent):void {
-				if (eventObj.type == ValidationResultEvent.VALID)
-				{
-					// For valid events, the results Array contains
-					// RegExpValidationResult objects.
-					var xResult:RegExpValidationResult;
-					reResults.text="";
-					for (var i:uint = 0; i < eventObj.results.length; i++)
-					{
-						xResult = eventObj.results[i];
-						reResults.text=reResults.text + xResult.matchedIndex + " " +
-							xResult.matchedString + "\n";
-					}
-				}
-				else
-				{
-					reResults.text="";			
-				}		
-			}
-		]]>
-	</fx:Script>
-
-	<fx:Declarations>
-		<mx:RegExpValidator id="regExpV" 
-			source="{regex_text}" property="text" 
-			flags="g" expression="{regex.text}" 
-			valid="handleResult(event)" invalid="handleResult(event)"
-			trigger="{myButton}" triggerEvent="click"/>
-	</fx:Declarations>
-	
-   <mx:Panel title="RegExpValidator Example" width="95%" height="95%" 
-        paddingTop="5" paddingLeft="5" paddingRight="5" paddingBottom="5">
-   
-        <mx:Text width="100%" text="Instructions:"/>
-        <mx:Text width="100%" text="1. Enter text to search. By default, enter  a string containing the letters ABC in sequence followed by any digit."/>
-        <mx:Text width="100%" text="2. Enter the regular expression. By default, enter ABC\d."/>
-        <mx:Text width="100%" text="3. Click the Button control to trigger the validation."/>
-        <mx:Text width="100%" text="4. The results show the index in the text where the matching pattern begins, and the matching pattern. "/>
-   
-        <mx:Form>
-            <mx:FormItem label="Enter text: ">
-                <mx:TextInput id="regex_text" text="xxxxABC4xxx" width="100%"/>
-            </mx:FormItem>
-
-            <mx:FormItem label="Enter regular expression: ">
-                <mx:TextInput id="regex" text="ABC\d" width="100%"/>
-            </mx:FormItem>
-
-            <mx:FormItem label="Results: ">
-                <mx:TextInput id="reResults" width="100%"/>
-            </mx:FormItem>
-
-            <mx:FormItem >
-                <mx:Button id="myButton" label="Validate"/>
-            </mx:FormItem>
-        </mx:Form>
-	</mx:Panel>
-</mx:Application>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/validators/SimpleValidatorExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/validators/SimpleValidatorExample.mxml b/TourDeFlex/TourDeFlex3/src/validators/SimpleValidatorExample.mxml
deleted file mode 100755
index e7c5210..0000000
--- a/TourDeFlex/TourDeFlex3/src/validators/SimpleValidatorExample.mxml
+++ /dev/null
@@ -1,76 +0,0 @@
-<?xml version="1.0"?>
-<!--
-  Licensed to the Apache Software Foundation (ASF) under one or more
-      contributor license agreements.  See the NOTICE file distributed with
-      this work for additional information regarding copyright ownership.
-      The ASF licenses this file to You under the Apache License, Version 2.0
-      (the "License"); you may not use this file except in compliance with
-      the License.  You may obtain a copy of the License at
-
-          http://www.apache.org/licenses/LICENSE-2.0
-
-      Unless required by applicable law or agreed to in writing, software
-      distributed under the License is distributed on an "AS IS" BASIS,
-      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-      See the License for the specific language governing permissions and
-      limitations under the License.
-  -->
-
-<!-- Simple example to demonstrate the Validator class. -->
-<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
-
-    <fx:Script>
-        <![CDATA[
-
-			// Import necessary classes.
-            import mx.controls.Alert;
-			import mx.events.ValidationResultEvent;
-			
-			// Event listener for the valid and invalid events.
-			private function handleValid(eventObj:ValidationResultEvent):void {
-				if(eventObj.type==ValidationResultEvent.VALID)	
-				    // Enable Submit button.
-					submitButton.enabled = true;
-				else
-					submitButton.enabled = false;
-			}
-
-			// Submit form is everything is valid. 
-			private function submitForm():void {
-				Alert.show("Form Submitted!");
-			}
-
-        ]]>
-    </fx:Script>
-
-    <!-- The Validator class defines the required property and the validator events
-         used by all validator subclasses. -->
-	<fx:Declarations>
-	    <mx:Validator id="reqValid" required="true"
-	        source="{fname}" property="text" 
-	        valid="handleValid(event)" invalid="handleValid(event)"/>
-	</fx:Declarations>
-        
-    <mx:Panel title="Validator Example" width="100%" height="100%" 
-            paddingTop="5" paddingLeft="5" paddingRight="5" paddingBottom="5">
-
-        <mx:Form>
-            <mx:Text width="100%" color="blue"
-                text="Enter a value in the Name field before you can submit. The E-mail field is optional."/>
-
-            <mx:FormItem label="Name: " required="true">
-                <mx:TextInput id="fname" width="100%"/>
-            </mx:FormItem>
-
-            <mx:FormItem label="E-mail address: " required="false">
-                <mx:TextInput id="email" width="100%"/>
-            </mx:FormItem>
-            
-            <mx:FormItem>
-                <mx:Button id="submitButton" enabled="false" 
-                    label="Submit" click="submitForm();"/>
-            </mx:FormItem>
-        </mx:Form>
-
-    </mx:Panel>
-</mx:Application>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/validators/SocialSecurityValidatorExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/validators/SocialSecurityValidatorExample.mxml b/TourDeFlex/TourDeFlex3/src/validators/SocialSecurityValidatorExample.mxml
deleted file mode 100755
index b9db3c9..0000000
--- a/TourDeFlex/TourDeFlex3/src/validators/SocialSecurityValidatorExample.mxml
+++ /dev/null
@@ -1,45 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!--
-  Licensed to the Apache Software Foundation (ASF) under one or more
-      contributor license agreements.  See the NOTICE file distributed with
-      this work for additional information regarding copyright ownership.
-      The ASF licenses this file to You under the Apache License, Version 2.0
-      (the "License"); you may not use this file except in compliance with
-      the License.  You may obtain a copy of the License at
-
-          http://www.apache.org/licenses/LICENSE-2.0
-
-      Unless required by applicable law or agreed to in writing, software
-      distributed under the License is distributed on an "AS IS" BASIS,
-      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-      See the License for the specific language governing permissions and
-      limitations under the License.
-  -->
-
-<!-- Simple example to demonstrate SocialSecurityValidator. -->
-<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
-
-    <fx:Script>
-        import mx.controls.Alert;
-    </fx:Script>
-
-	<fx:Declarations>
-	    <mx:SocialSecurityValidator source="{ssn}" property="text" 
-	        trigger="{myButton}" triggerEvent="click"
-	        valid="Alert.show('Validation Succeeded!');"/>
-	</fx:Declarations>
-
-    <mx:Panel title="Social Security Validator Panel" width="75%" height="75%" 
-        paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10">
-        
-        <mx:Form>
-            <mx:FormItem label="Enter Social Security number: ">
-                <mx:TextInput id="ssn" width="100%"/>
-            </mx:FormItem>
-
-            <mx:FormItem >
-                <mx:Button id="myButton" label="Validate" />
-            </mx:FormItem>
-        </mx:Form>
-    </mx:Panel>
-</mx:Application>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/validators/StringValidatorExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/validators/StringValidatorExample.mxml b/TourDeFlex/TourDeFlex3/src/validators/StringValidatorExample.mxml
deleted file mode 100755
index 8e28f64..0000000
--- a/TourDeFlex/TourDeFlex3/src/validators/StringValidatorExample.mxml
+++ /dev/null
@@ -1,48 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!--
-  Licensed to the Apache Software Foundation (ASF) under one or more
-      contributor license agreements.  See the NOTICE file distributed with
-      this work for additional information regarding copyright ownership.
-      The ASF licenses this file to You under the Apache License, Version 2.0
-      (the "License"); you may not use this file except in compliance with
-      the License.  You may obtain a copy of the License at
-
-          http://www.apache.org/licenses/LICENSE-2.0
-
-      Unless required by applicable law or agreed to in writing, software
-      distributed under the License is distributed on an "AS IS" BASIS,
-      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-      See the License for the specific language governing permissions and
-      limitations under the License.
-  -->
-
-<!-- Simple example to demonstrate StringValidator. -->
-<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
-
-    <fx:Script>
-        import mx.controls.Alert;
-    </fx:Script>
-
-	<fx:Declarations>
-	    <mx:StringValidator source="{fname}" property="text" 
-	    	tooShortError="This string is shorter than the minimum allowed length of 4. " 
-	    	tooLongError="This string is longer than the maximum allowed length of 20." 
-	    	minLength="4" maxLength="20"  
-	    	trigger="{myButton}" triggerEvent="click" 
-	    	valid="Alert.show('Validation Succeeded!');"/>
-	</fx:Declarations>
-
-    <mx:Panel title="StringValidator Example" width="75%" height="75%" 
-        paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10">
-
-            <mx:Form>               
-			    <mx:FormItem label="Enter a name between 4 and 20 characters: ">
-                    <mx:TextInput id="fname" width="100%"/>
-                </mx:FormItem>
-
-                <mx:FormItem >
-                    <mx:Button id="myButton" label="Validate" />
-                </mx:FormItem>
-            </mx:Form>	
-    </mx:Panel>
-</mx:Application>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/validators/ZipCodeValidatorExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/validators/ZipCodeValidatorExample.mxml b/TourDeFlex/TourDeFlex3/src/validators/ZipCodeValidatorExample.mxml
deleted file mode 100755
index 5d874af..0000000
--- a/TourDeFlex/TourDeFlex3/src/validators/ZipCodeValidatorExample.mxml
+++ /dev/null
@@ -1,45 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!--
-  Licensed to the Apache Software Foundation (ASF) under one or more
-      contributor license agreements.  See the NOTICE file distributed with
-      this work for additional information regarding copyright ownership.
-      The ASF licenses this file to You under the Apache License, Version 2.0
-      (the "License"); you may not use this file except in compliance with
-      the License.  You may obtain a copy of the License at
-
-          http://www.apache.org/licenses/LICENSE-2.0
-
-      Unless required by applicable law or agreed to in writing, software
-      distributed under the License is distributed on an "AS IS" BASIS,
-      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-      See the License for the specific language governing permissions and
-      limitations under the License.
-  -->
-
-<!-- Simple example to demonstrate the ZipCodeValidator. -->
-<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
-
-    <fx:Script>
-        import mx.controls.Alert;
-    </fx:Script>
-
-	<fx:Declarations>
-	    <mx:ZipCodeValidator source="{zip}" property="text" 
-	        trigger="{myButton}" triggerEvent="click"  
-	        valid="Alert.show('Validation Succeeded!');"/>
-	</fx:Declarations>
-
-    <mx:Panel title="ZipcodeValidator Example" width="75%" height="75%" 
-        paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10">
-
-        <mx:Form>
-            <mx:FormItem label="Enter a 5 or 9 digit U.S. Zip code: ">
-                <mx:TextInput id="zip" width="100%"/>
-            </mx:FormItem>
-
-            <mx:FormItem >
-                <mx:Button id="myButton" label="Validate" />
-            </mx:FormItem>
-        </mx:Form>
-    </mx:Panel>
-</mx:Application>
\ No newline at end of file


[04/10] moved mx example files to mx directory

Posted by jm...@apache.org.
http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/mx/controls/RadioButtonGroupExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/mx/controls/RadioButtonGroupExample.mxml b/TourDeFlex/TourDeFlex3/src/mx/controls/RadioButtonGroupExample.mxml
new file mode 100755
index 0000000..af1f0a0
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/mx/controls/RadioButtonGroupExample.mxml
@@ -0,0 +1,61 @@
+<?xml version="1.0"?>
+<!--
+  Licensed to the Apache Software Foundation (ASF) under one or more
+      contributor license agreements.  See the NOTICE file distributed with
+      this work for additional information regarding copyright ownership.
+      The ASF licenses this file to You under the Apache License, Version 2.0
+      (the "License"); you may not use this file except in compliance with
+      the License.  You may obtain a copy of the License at
+
+          http://www.apache.org/licenses/LICENSE-2.0
+
+      Unless required by applicable law or agreed to in writing, software
+      distributed under the License is distributed on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+      See the License for the specific language governing permissions and
+      limitations under the License.
+  -->
+
+<!-- Simple example to demonstrate RadioButtonGroup control. -->
+<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
+
+    <fx:Script>
+	    <![CDATA[
+	
+	    import mx.controls.Alert;
+	    import  mx.events.ItemClickEvent;
+	
+        // Event handler function to display the selected button
+        // in an Alert control.
+		private function handleCard(event:ItemClickEvent):void {
+			if (event.currentTarget.selectedValue == "AmEx") {
+					Alert.show("You selected American Express") 
+			} 
+			else {
+				if (event.currentTarget.selectedValue == "MC") {
+					Alert.show("You selected MasterCard") 
+				} 
+				else {
+					Alert.show("You selected Visa") 
+				}
+			} 
+		}
+	    ]]>
+    </fx:Script>
+
+    <mx:Panel title="RadioButtonGroup Control Example" height="75%" width="75%" 
+        paddingTop="10" paddingLeft="10">
+    
+        <mx:Label width="100%" color="blue" 
+            text="Select a type of credit card."/>
+
+        <mx:RadioButtonGroup id="cardtype" itemClick="handleCard(event);"/>
+        <mx:RadioButton groupName="cardtype" id="americanExpress" value="AmEx" 
+            label="American Express" width="150" />
+        <mx:RadioButton groupName="cardtype" id="masterCard" value="MC" 
+            label="MasterCard" width="150" />
+        <mx:RadioButton groupName="cardtype" id="visa" value="Visa" 
+            label="Visa" width="150" />
+		
+    </mx:Panel>		
+</mx:Application>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/mx/controls/RichTextEditorExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/mx/controls/RichTextEditorExample.mxml b/TourDeFlex/TourDeFlex3/src/mx/controls/RichTextEditorExample.mxml
new file mode 100755
index 0000000..9553fca
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/mx/controls/RichTextEditorExample.mxml
@@ -0,0 +1,32 @@
+<?xml version="1.0" ?>
+<!--
+  Licensed to the Apache Software Foundation (ASF) under one or more
+      contributor license agreements.  See the NOTICE file distributed with
+      this work for additional information regarding copyright ownership.
+      The ASF licenses this file to You under the Apache License, Version 2.0
+      (the "License"); you may not use this file except in compliance with
+      the License.  You may obtain a copy of the License at
+
+          http://www.apache.org/licenses/LICENSE-2.0
+
+      Unless required by applicable law or agreed to in writing, software
+      distributed under the License is distributed on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+      See the License for the specific language governing permissions and
+      limitations under the License.
+  -->
+
+<!-- Simple example to demonstrate the RichTextEditor control. -->
+<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx"
+    horizontalAlign="center" verticalAlign="middle">
+
+    <mx:RichTextEditor id="rte" title="RichTextEditor" height="75%" text="Enter text into the RichTextEditor control, then click a button to display your text as plain text, or as HTML-formatted text."/>
+
+    <mx:TextArea id="rteText" width="80%" height="25%"/>
+
+    <mx:HBox>
+        <mx:Button label="Show Plain Text" click="rteText.text=rte.text;"/>
+        <mx:Button label="Show HTML Markup" click="rteText.text=rte.htmlText;"/>
+    </mx:HBox>
+
+</mx:Application>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/mx/controls/SimpleAlert.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/mx/controls/SimpleAlert.mxml b/TourDeFlex/TourDeFlex3/src/mx/controls/SimpleAlert.mxml
new file mode 100755
index 0000000..1e85001
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/mx/controls/SimpleAlert.mxml
@@ -0,0 +1,74 @@
+<?xml version="1.0"?>
+<!--
+  Licensed to the Apache Software Foundation (ASF) under one or more
+      contributor license agreements.  See the NOTICE file distributed with
+      this work for additional information regarding copyright ownership.
+      The ASF licenses this file to You under the Apache License, Version 2.0
+      (the "License"); you may not use this file except in compliance with
+      the License.  You may obtain a copy of the License at
+
+          http://www.apache.org/licenses/LICENSE-2.0
+
+      Unless required by applicable law or agreed to in writing, software
+      distributed under the License is distributed on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+      See the License for the specific language governing permissions and
+      limitations under the License.
+  -->
+
+<!-- Simple example to demonstrate the Alert control. -->
+<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
+
+    <fx:Script>
+        <![CDATA[
+            import mx.controls.Alert;
+            import mx.events.CloseEvent;
+        
+            // Event handler function uses a static method to show
+            // a pop-up window with the title, message, and requested buttons.        
+            private function clickHandler(event:Event):void {
+                Alert.show("Do you want to save your changes?", "Save Changes", 3, this, alertClickHandler);
+            }
+        
+            // Event handler function for displaying the selected Alert button.
+            private function alertClickHandler(event:CloseEvent):void {
+                if (event.detail==Alert.YES)
+                    status.text="You answered Yes";
+                else
+                    status.text="You answered No";
+            }
+
+            // Event handler function changes the default Button labels and sets the
+            // Button widths. If you later use an Alert with the default Buttons, 
+            // you must reset these values.
+            private function secondClickHandler(event:Event):void {
+                Alert.buttonWidth = 100;
+                Alert.yesLabel = "Magenta";
+                Alert.noLabel = "Blue";
+                Alert.cancelLabel = "Green";
+
+                Alert.show("Select a color:","Color Selection",1|2|8,this);
+                
+                // Set the labels back to normal:
+                Alert.yesLabel = "Yes";
+                Alert.noLabel = "No";                
+            }
+        ]]>
+    </fx:Script>
+
+    <mx:Panel title="Alert Control Example" width="75%" horizontalAlign="center" paddingTop="10">
+      <mx:Text width="100%" color="blue" textAlign="center"
+          text="Click the button below to display a simple Alert window."/>
+      <mx:Button label="Click Me" click="Alert.show('Hello World!', 'Message');"/>
+
+      <mx:Text width="100%" color="blue" textAlign="center"
+          text="Click the button below to display an Alert window and capture the button pressed by the user."/>
+      <mx:Button label="Click Me" click="clickHandler(event);"/>
+      <mx:Label id="status" fontWeight="bold"/>
+
+      <mx:Text width="100%" color="blue" textAlign="center"
+          text="Click the button below to display an Alert window that uses custom Button labels."/>
+      <mx:Button label="Click Me" click="secondClickHandler(event);"/>
+    </mx:Panel>
+
+</mx:Application>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/mx/controls/SimpleComboBox.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/mx/controls/SimpleComboBox.mxml b/TourDeFlex/TourDeFlex3/src/mx/controls/SimpleComboBox.mxml
new file mode 100755
index 0000000..2474844
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/mx/controls/SimpleComboBox.mxml
@@ -0,0 +1,53 @@
+<?xml version="1.0"?>
+<!--
+  Licensed to the Apache Software Foundation (ASF) under one or more
+      contributor license agreements.  See the NOTICE file distributed with
+      this work for additional information regarding copyright ownership.
+      The ASF licenses this file to You under the Apache License, Version 2.0
+      (the "License"); you may not use this file except in compliance with
+      the License.  You may obtain a copy of the License at
+
+          http://www.apache.org/licenses/LICENSE-2.0
+
+      Unless required by applicable law or agreed to in writing, software
+      distributed under the License is distributed on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+      See the License for the specific language governing permissions and
+      limitations under the License.
+  -->
+
+<!-- Simple example to demonstrate the ComboBox control. -->
+<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
+
+    <fx:Script>
+        <![CDATA[
+            import mx.collections.ArrayCollection;
+
+            [Bindable]
+            public var cards:ArrayCollection = new ArrayCollection(
+                [ {label:"Visa", data:1}, 
+                  {label:"MasterCard", data:2}, 
+                  {label:"American Express", data:3} ]);
+        
+            private function closeHandler(event:Event):void {
+                myLabel.text = "You selected: " +  ComboBox(event.target).selectedItem.label;
+                myData.text = "Data: " +  ComboBox(event.target).selectedItem.data;
+            }     
+        ]]>
+    </fx:Script>
+
+    <mx:Panel title="ComboBox Control Example" 
+        height="75%" width="75%" layout="horizontal"
+        paddingTop="10" paddingBottom="10" paddingLeft="10" paddingRight="10">
+
+        <mx:ComboBox dataProvider="{cards}" width="150" 
+            close="closeHandler(event);"/>
+
+        <mx:VBox width="250">
+            <mx:Text  width="200" color="blue" text="Select a type of credit card."/>
+            <mx:Label id="myLabel" text="You selected:"/>
+            <mx:Label id="myData" text="Data:"/>
+        </mx:VBox>         
+
+    </mx:Panel>    
+</mx:Application>       
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/mx/controls/SimpleDataGrid.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/mx/controls/SimpleDataGrid.mxml b/TourDeFlex/TourDeFlex3/src/mx/controls/SimpleDataGrid.mxml
new file mode 100755
index 0000000..5ade60d
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/mx/controls/SimpleDataGrid.mxml
@@ -0,0 +1,78 @@
+<?xml version="1.0"?>
+<!--
+  Licensed to the Apache Software Foundation (ASF) under one or more
+      contributor license agreements.  See the NOTICE file distributed with
+      this work for additional information regarding copyright ownership.
+      The ASF licenses this file to You under the Apache License, Version 2.0
+      (the "License"); you may not use this file except in compliance with
+      the License.  You may obtain a copy of the License at
+
+          http://www.apache.org/licenses/LICENSE-2.0
+
+      Unless required by applicable law or agreed to in writing, software
+      distributed under the License is distributed on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+      See the License for the specific language governing permissions and
+      limitations under the License.
+  -->
+
+<!-- DataGrid control example. -->
+<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
+
+	<fx:Declarations>
+	    <fx:XMLList id="employees">
+	        <employee>
+	            <name>Christina Coenraets</name>
+	            <phone>555-219-2270</phone>
+	            <email>ccoenraets@fictitious.com</email>
+	            <active>true</active>
+	        </employee>
+	        <employee>
+	            <name>Joanne Wall</name>
+	            <phone>555-219-2012</phone>
+	            <email>jwall@fictitious.com</email>
+	            <active>true</active>
+	        </employee>
+	        <employee>
+	            <name>Maurice Smith</name>
+	            <phone>555-219-2012</phone>
+	            <email>maurice@fictitious.com</email>
+	            <active>false</active>
+	        </employee>
+	        <employee>
+	            <name>Mary Jones</name>
+	            <phone>555-219-2000</phone>
+	            <email>mjones@fictitious.com</email>
+	            <active>true</active>
+	        </employee>
+	    </fx:XMLList>
+	</fx:Declarations>
+
+    <mx:Panel title="DataGrid Control Example" height="100%" width="100%" 
+        paddingTop="10" paddingLeft="10" paddingRight="10">
+
+        <mx:Label width="100%" color="blue"
+            text="Select a row in the DataGrid control."/>
+
+        <mx:DataGrid id="dg" width="100%" height="100%" rowCount="5" dataProvider="{employees}">
+            <mx:columns>
+                <mx:DataGridColumn dataField="name" headerText="Name"/>
+                <mx:DataGridColumn dataField="phone" headerText="Phone"/>
+                <mx:DataGridColumn dataField="email" headerText="Email"/>
+            </mx:columns>
+        </mx:DataGrid>
+
+        <mx:Form width="100%" height="100%">
+            <mx:FormItem label="Name">
+                <mx:Label text="{dg.selectedItem.name}"/>
+            </mx:FormItem>
+            <mx:FormItem label="Email">
+                <mx:Label text="{dg.selectedItem.email}"/>
+            </mx:FormItem>
+            <mx:FormItem label="Phone">
+                <mx:Label text="{dg.selectedItem.phone}"/>
+            </mx:FormItem>
+        </mx:Form>
+        
+    </mx:Panel>
+</mx:Application>        
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/mx/controls/SimpleHRule.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/mx/controls/SimpleHRule.mxml b/TourDeFlex/TourDeFlex3/src/mx/controls/SimpleHRule.mxml
new file mode 100755
index 0000000..3205a56
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/mx/controls/SimpleHRule.mxml
@@ -0,0 +1,35 @@
+<?xml version="1.0"?>
+<!--
+  Licensed to the Apache Software Foundation (ASF) under one or more
+      contributor license agreements.  See the NOTICE file distributed with
+      this work for additional information regarding copyright ownership.
+      The ASF licenses this file to You under the Apache License, Version 2.0
+      (the "License"); you may not use this file except in compliance with
+      the License.  You may obtain a copy of the License at
+
+          http://www.apache.org/licenses/LICENSE-2.0
+
+      Unless required by applicable law or agreed to in writing, software
+      distributed under the License is distributed on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+      See the License for the specific language governing permissions and
+      limitations under the License.
+  -->
+
+<!-- Simple example to demonstrate the HRule control. -->
+<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
+
+	<fx:Declarations>
+		<mx:WipeLeft id="myWL"/>
+	</fx:Declarations>	
+
+    <mx:Panel title="HRule Control Example" id="myPanel" 
+        paddingTop="10" paddingBottom="10" paddingLeft="10" paddingRight="10">
+
+        <mx:HRule rollOverEffect="{myWL}" width="100%" strokeWidth="1" strokeColor="red"/>
+        <mx:Label width="100%" color="blue" 
+            text="Move mouse over HorizontalRule control to redraw it."/>
+
+    </mx:Panel>
+</mx:Application>
+       
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/mx/controls/SimpleImage.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/mx/controls/SimpleImage.mxml b/TourDeFlex/TourDeFlex3/src/mx/controls/SimpleImage.mxml
new file mode 100755
index 0000000..b44524e
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/mx/controls/SimpleImage.mxml
@@ -0,0 +1,30 @@
+<?xml version="1.0"?>
+<!--
+  Licensed to the Apache Software Foundation (ASF) under one or more
+      contributor license agreements.  See the NOTICE file distributed with
+      this work for additional information regarding copyright ownership.
+      The ASF licenses this file to You under the Apache License, Version 2.0
+      (the "License"); you may not use this file except in compliance with
+      the License.  You may obtain a copy of the License at
+
+          http://www.apache.org/licenses/LICENSE-2.0
+
+      Unless required by applicable law or agreed to in writing, software
+      distributed under the License is distributed on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+      See the License for the specific language governing permissions and
+      limitations under the License.
+  -->
+
+<!-- Simple example to demonstrate the Image control. -->
+<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
+
+    <mx:Panel id="myPanel" title="Image Control Example" 
+        height="75%" width="75%" horizontalAlign="center"
+        paddingTop="10" paddingLeft="10">
+
+        <mx:Label color="blue" text="Image embedded in the application."/>
+        <mx:Image source="@Embed('assets/ApacheFlexLogo.png')"/>
+
+    </mx:Panel>
+</mx:Application>          
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/mx/controls/SimpleImageHSlider.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/mx/controls/SimpleImageHSlider.mxml b/TourDeFlex/TourDeFlex3/src/mx/controls/SimpleImageHSlider.mxml
new file mode 100755
index 0000000..5ef85ea
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/mx/controls/SimpleImageHSlider.mxml
@@ -0,0 +1,57 @@
+<?xml version="1.0"?>
+<!--
+  Licensed to the Apache Software Foundation (ASF) under one or more
+      contributor license agreements.  See the NOTICE file distributed with
+      this work for additional information regarding copyright ownership.
+      The ASF licenses this file to You under the Apache License, Version 2.0
+      (the "License"); you may not use this file except in compliance with
+      the License.  You may obtain a copy of the License at
+
+          http://www.apache.org/licenses/LICENSE-2.0
+
+      Unless required by applicable law or agreed to in writing, software
+      distributed under the License is distributed on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+      See the License for the specific language governing permissions and
+      limitations under the License.
+  -->
+
+<!-- Simple example to demonstrate the HSlider control. -->
+<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
+
+    <fx:Script>
+        <![CDATA[
+   
+          private var imageWidth:Number=0;
+          private var imageHeight:Number=0;
+          
+          // Event handler function to change the image size.
+          private function changeSize():void
+	      {
+	         logo.width=uint(imageWidth*hSlider.value/100);
+	         logo.height=uint(imageHeight*hSlider.value/100);
+	      }
+        ]]>
+    </fx:Script>
+
+    <mx:Panel id="panel" title="HSlider Control Example" height="100%" width="95%" 
+        paddingTop="10" paddingBottom="10" paddingLeft="10" paddingRight="10">
+
+        <mx:HBox height="100%" width="100%">
+            <mx:Image id="logo" source="@Embed('assets/ApacheFlexLogo.png')" 
+                creationComplete="imageWidth=logo.width; imageHeight=logo.height;" />
+        </mx:HBox>
+
+        <mx:Label color="blue" text="Drag the slider to resize the image."/>
+
+        <mx:HSlider id="hSlider" minimum="0" maximum="100" value="100" 
+            dataTipPlacement="top" 
+            tickColor="black" 
+            snapInterval="1" tickInterval="10" 
+            labels="['0%','100%']" 
+            allowTrackClick="true" 
+            liveDragging="true"
+            change="changeSize();"/>
+    </mx:Panel>
+</mx:Application>   
+       
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/mx/controls/SimpleImageVSlider.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/mx/controls/SimpleImageVSlider.mxml b/TourDeFlex/TourDeFlex3/src/mx/controls/SimpleImageVSlider.mxml
new file mode 100755
index 0000000..2275598
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/mx/controls/SimpleImageVSlider.mxml
@@ -0,0 +1,63 @@
+<?xml version="1.0"?>
+<!--
+  Licensed to the Apache Software Foundation (ASF) under one or more
+      contributor license agreements.  See the NOTICE file distributed with
+      this work for additional information regarding copyright ownership.
+      The ASF licenses this file to You under the Apache License, Version 2.0
+      (the "License"); you may not use this file except in compliance with
+      the License.  You may obtain a copy of the License at
+
+          http://www.apache.org/licenses/LICENSE-2.0
+
+      Unless required by applicable law or agreed to in writing, software
+      distributed under the License is distributed on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+      See the License for the specific language governing permissions and
+      limitations under the License.
+  -->
+
+<!-- Simple example to demonstrate the VSlider control. -->
+<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
+
+    <fx:Script>
+        <![CDATA[
+   
+          private var imageWidth:Number=0;
+          private var imageHeight:Number=0;
+          
+          // Event handler function to change the image size.
+          private function changeSize():void
+	      {
+	         logo.width=uint(imageWidth*hSlider.value/100);
+	         logo.height=uint(imageHeight*hSlider.value/100);
+	      }
+        ]]>
+    </fx:Script>
+
+        <mx:Panel id="panel" title="VSlider Control Example" 
+            height="100%" width="100%" 
+            layout="horizontal"
+            paddingTop="10" paddingBottom="10" paddingLeft="10" paddingRight="10">
+        
+            <mx:HBox width="50%">
+                <mx:Image id="logo" source="@Embed('assets/ApacheFlexLogo.png')" 
+                    creationComplete="imageWidth=logo.width; imageHeight=logo.height;" />
+            </mx:HBox>
+
+            <mx:VBox horizontalAlign="center">
+                <mx:Label color="blue" text="Drag the slider to resize the image."/>
+    
+                <mx:VSlider id="hSlider" 
+                    dataTipPlacement="top" 
+                    minimum="0" maximum="100" value="100" 
+                    tickColor="black" 
+                    snapInterval="1" tickInterval="10" 
+                    labels="['0%','100%']" 
+                    allowTrackClick="true" 
+                    liveDragging="true" 
+                    change="changeSize();"/>
+            </mx:VBox>
+            
+        </mx:Panel>
+</mx:Application>   
+       
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/mx/controls/SimpleList.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/mx/controls/SimpleList.mxml b/TourDeFlex/TourDeFlex3/src/mx/controls/SimpleList.mxml
new file mode 100755
index 0000000..5bdbb81
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/mx/controls/SimpleList.mxml
@@ -0,0 +1,59 @@
+<?xml version="1.0"?>
+<!--
+  Licensed to the Apache Software Foundation (ASF) under one or more
+      contributor license agreements.  See the NOTICE file distributed with
+      this work for additional information regarding copyright ownership.
+      The ASF licenses this file to You under the Apache License, Version 2.0
+      (the "License"); you may not use this file except in compliance with
+      the License.  You may obtain a copy of the License at
+
+          http://www.apache.org/licenses/LICENSE-2.0
+
+      Unless required by applicable law or agreed to in writing, software
+      distributed under the License is distributed on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+      See the License for the specific language governing permissions and
+      limitations under the License.
+  -->
+
+<!-- Simple example to demonstrate the List Control -->
+<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
+
+    <fx:Script>
+        <![CDATA[
+        	[Bindable]
+            public var selectedItem:Object;
+       ]]>
+    </fx:Script>
+
+
+	<fx:Declarations>
+	    <fx:Model id="mystates">
+	      <states>
+	        <state label="Alabama" data="AL"/>
+	        <state label="Alaska" data="AK"/>
+	        <state label="Arizona" data="AZ"/>
+	        <state label="Arkansas" data="AR"/>
+	        <state label="California" data="CA"/>
+	        <state label="Colorado" data="CO"/>
+	        <state label="Connecticut" data="CT"/>
+	      </states>
+	    </fx:Model>
+	</fx:Declarations>
+	
+    <mx:Panel title="List Control Example" height="75%" width="75%" 
+        paddingTop="10" paddingBottom="10" paddingLeft="10" paddingRight="10">
+
+        <mx:Label text="Select a state to see its abbreviation."/>
+
+        <mx:List id="source" width="100%" color="blue"
+            dataProvider="{mystates.state}"
+            change="this.selectedItem=List(event.target).selectedItem"/>
+
+        <mx:VBox width="100%">
+            <mx:Label text="Selected State: {selectedItem.label}"/>
+            <mx:Label text="State abbreviation: {selectedItem.data}"/>
+        </mx:VBox>
+
+    </mx:Panel>
+</mx:Application>       
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/mx/controls/SimpleLoader.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/mx/controls/SimpleLoader.mxml b/TourDeFlex/TourDeFlex3/src/mx/controls/SimpleLoader.mxml
new file mode 100755
index 0000000..05da3aa
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/mx/controls/SimpleLoader.mxml
@@ -0,0 +1,31 @@
+<?xml version="1.0"?>
+<!--
+  Licensed to the Apache Software Foundation (ASF) under one or more
+      contributor license agreements.  See the NOTICE file distributed with
+      this work for additional information regarding copyright ownership.
+      The ASF licenses this file to You under the Apache License, Version 2.0
+      (the "License"); you may not use this file except in compliance with
+      the License.  You may obtain a copy of the License at
+
+          http://www.apache.org/licenses/LICENSE-2.0
+
+      Unless required by applicable law or agreed to in writing, software
+      distributed under the License is distributed on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+      See the License for the specific language governing permissions and
+      limitations under the License.
+  -->
+
+<!-- Simple example to demonstrate the SWFLoader control. -->
+<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
+
+    <mx:Panel title="SWFLoader Control Example"  height="90%" width="90%"
+        paddingTop="10" paddingBottom="10" paddingLeft="10" paddingRight="10">
+
+        <mx:Label text="The Label control of the outer application."/>
+
+        <mx:SWFLoader id="Load" source="@Embed(source='Local.swf')" height="100" width="350"/>
+
+    </mx:Panel>
+</mx:Application>
+       
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/mx/controls/SimpleMenuExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/mx/controls/SimpleMenuExample.mxml b/TourDeFlex/TourDeFlex3/src/mx/controls/SimpleMenuExample.mxml
new file mode 100755
index 0000000..2972010
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/mx/controls/SimpleMenuExample.mxml
@@ -0,0 +1,72 @@
+<?xml version="1.0"?>
+<!--
+  Licensed to the Apache Software Foundation (ASF) under one or more
+      contributor license agreements.  See the NOTICE file distributed with
+      this work for additional information regarding copyright ownership.
+      The ASF licenses this file to You under the Apache License, Version 2.0
+      (the "License"); you may not use this file except in compliance with
+      the License.  You may obtain a copy of the License at
+
+          http://www.apache.org/licenses/LICENSE-2.0
+
+      Unless required by applicable law or agreed to in writing, software
+      distributed under the License is distributed on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+      See the License for the specific language governing permissions and
+      limitations under the License.
+  -->
+
+<!-- Simple example to demonstrate the Menu control. -->
+<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
+
+    <fx:Script>
+        <![CDATA[
+       
+            import mx.controls.Menu;
+            import mx.events.MenuEvent;
+            import mx.controls.Alert;           
+            import flash.geom.Point;
+
+            private var point1:Point = new Point();
+            private var myMenu:Menu;
+   
+            // Create and display the Menu control.
+            private function showMenu():void {
+                myMenu= Menu.createMenu(panel, myMenuData, false);
+                myMenu.labelField="@label"
+                myMenu.addEventListener("itemClick", menuHandler);
+                
+                // Calculate position of Menu in Application's coordinates. 
+                point1.x=mybutton.x;
+                point1.y=mybutton.y;                
+                point1=mybutton.localToGlobal(point1);
+
+                myMenu.show(point1.x + 25, point1.y + 25);
+            }
+       
+            // Event handler for the Menu control's change event.
+            private function menuHandler(event:MenuEvent):void  {
+                Alert.show("Label: " + event.item.@label, "Clicked menu item");
+            }    
+        ]]>
+    </fx:Script>
+
+	<fx:Declarations>
+	    <fx:XML id="myMenuData">
+	        <root>
+	            <menuitem label="MenuItem 1" eventName="copy"/>
+	            <menuitem label="MenuItem 2" eventName="paste"/>
+	        </root>
+	    </fx:XML>
+	</fx:Declarations>	
+
+    <mx:Panel id="panel" title="Menu Control Example" height="75%" width="75%" 
+        paddingTop="10" paddingLeft="10">
+
+        <mx:Label width="100%" color="blue"
+           text="Click the button to open the Menu control."/>
+
+        <mx:Button id="mybutton" label="Open Menu" click="showMenu();"/>
+
+    </mx:Panel>
+</mx:Application>          
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/mx/controls/SimpleProgressBar.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/mx/controls/SimpleProgressBar.mxml b/TourDeFlex/TourDeFlex3/src/mx/controls/SimpleProgressBar.mxml
new file mode 100755
index 0000000..b150bf3
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/mx/controls/SimpleProgressBar.mxml
@@ -0,0 +1,57 @@
+<?xml version="1.0"?>
+<!--
+  Licensed to the Apache Software Foundation (ASF) under one or more
+      contributor license agreements.  See the NOTICE file distributed with
+      this work for additional information regarding copyright ownership.
+      The ASF licenses this file to You under the Apache License, Version 2.0
+      (the "License"); you may not use this file except in compliance with
+      the License.  You may obtain a copy of the License at
+
+          http://www.apache.org/licenses/LICENSE-2.0
+
+      Unless required by applicable law or agreed to in writing, software
+      distributed under the License is distributed on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+      See the License for the specific language governing permissions and
+      limitations under the License.
+  -->
+
+<!-- Simple example to demonstrate the ProgressBar control. -->
+<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
+
+    <fx:Script>
+        <![CDATA[
+           
+          private var j:uint=10;
+          
+          // Event handler function to set the value of the 
+          // ProgressBar control.
+          private function runit():void
+          {
+    	      if(j<=100)
+    	      {
+    	         bar.setProgress(j,100);
+        		 bar.label= "CurrentProgress" + " " + j + "%";
+        		 j+=10;
+    	      }
+    	      if(j>100)
+    	      {
+        		 j=0;
+              }
+          }
+        ]]>    
+    </fx:Script>
+
+    <mx:Panel title="ProgressBar Control Example" height="75%" width="75%" 
+        paddingTop="10" paddingBottom="10" paddingLeft="10" paddingRight="10">
+
+        <mx:Label width="100%" color="blue"
+            text="Click the button to increment the progress bar." />
+        <mx:Button id="Speed" label="Run" click="runit();"/>
+            
+        <mx:ProgressBar id="bar" labelPlacement="bottom"
+            minimum="0" visible="true" maximum="100" label="CurrentProgress 0%" 
+            direction="right" mode="manual" width="100%"/>
+
+    </mx:Panel>
+</mx:Application>       
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/mx/controls/SimpleVRule.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/mx/controls/SimpleVRule.mxml b/TourDeFlex/TourDeFlex3/src/mx/controls/SimpleVRule.mxml
new file mode 100755
index 0000000..7163151
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/mx/controls/SimpleVRule.mxml
@@ -0,0 +1,31 @@
+<?xml version="1.0"?>
+<!--
+  Licensed to the Apache Software Foundation (ASF) under one or more
+      contributor license agreements.  See the NOTICE file distributed with
+      this work for additional information regarding copyright ownership.
+      The ASF licenses this file to You under the Apache License, Version 2.0
+      (the "License"); you may not use this file except in compliance with
+      the License.  You may obtain a copy of the License at
+
+          http://www.apache.org/licenses/LICENSE-2.0
+
+      Unless required by applicable law or agreed to in writing, software
+      distributed under the License is distributed on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+      See the License for the specific language governing permissions and
+      limitations under the License.
+  -->
+
+<!-- Simple example to demonstrate the VRule control. -->
+<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
+
+   <mx:Panel title="VRule Control Example" id="myPanel" horizontalAlign="center" 
+       paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10">
+      
+      <mx:VRule rollOverEffect="WipeUp" strokeWidth="1" strokeColor="red"/>        
+      <mx:Label width="100%" color="blue" 
+          text="Move mouse over VRule control to redraw it."/>
+    
+   </mx:Panel>
+</mx:Application>
+       
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/mx/controls/SpacerExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/mx/controls/SpacerExample.mxml b/TourDeFlex/TourDeFlex3/src/mx/controls/SpacerExample.mxml
new file mode 100755
index 0000000..fd59199
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/mx/controls/SpacerExample.mxml
@@ -0,0 +1,36 @@
+<?xml version="1.0"?>
+<!--
+  Licensed to the Apache Software Foundation (ASF) under one or more
+      contributor license agreements.  See the NOTICE file distributed with
+      this work for additional information regarding copyright ownership.
+      The ASF licenses this file to You under the Apache License, Version 2.0
+      (the "License"); you may not use this file except in compliance with
+      the License.  You may obtain a copy of the License at
+
+          http://www.apache.org/licenses/LICENSE-2.0
+
+      Unless required by applicable law or agreed to in writing, software
+      distributed under the License is distributed on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+      See the License for the specific language governing permissions and
+      limitations under the License.
+  -->
+
+<!-- Simple example to demonstrate the Spacer control. -->
+<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
+
+    <mx:Panel id="panel" title="Spacer Control Example" height="75%" width="75%" 
+        paddingTop="10" paddingBottom="10" paddingLeft="10" paddingRight="10">
+        
+        <mx:Text width="100%" color="blue" 
+            text="The Spacer control pushes the second image to the right edge of the HBox container."/>
+
+        <mx:HBox width="100%">
+            <mx:Image source="@Embed('assets/ApacheFlexLogo.png')"/>
+            <mx:Spacer width="100%"/>
+            <mx:Image source="@Embed('assets/ApacheFlexLogo.png')"/>
+        </mx:HBox>
+       
+    </mx:Panel>
+</mx:Application>   
+       
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/mx/controls/TabBarExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/mx/controls/TabBarExample.mxml b/TourDeFlex/TourDeFlex3/src/mx/controls/TabBarExample.mxml
new file mode 100755
index 0000000..07de42d
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/mx/controls/TabBarExample.mxml
@@ -0,0 +1,57 @@
+<?xml version="1.0"?>
+<!--
+  Licensed to the Apache Software Foundation (ASF) under one or more
+      contributor license agreements.  See the NOTICE file distributed with
+      this work for additional information regarding copyright ownership.
+      The ASF licenses this file to You under the Apache License, Version 2.0
+      (the "License"); you may not use this file except in compliance with
+      the License.  You may obtain a copy of the License at
+
+          http://www.apache.org/licenses/LICENSE-2.0
+
+      Unless required by applicable law or agreed to in writing, software
+      distributed under the License is distributed on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+      See the License for the specific language governing permissions and
+      limitations under the License.
+  -->
+
+<!-- Simple example to demonstrate the TabBar control. -->
+<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
+
+    <fx:Script>
+        <![CDATA[
+
+            import mx.events.ItemClickEvent;
+            import mx.controls.TabBar;
+
+            [Bindable]
+            public var STATE_ARRAY:Array = [{label:"Alabama", data:"Montgomery"},
+                {label:"Alaska", data:"Juneau"},
+                {label:"Arkansas", data:"LittleRock"}
+            ];
+            
+    		private function clickEvt(event:ItemClickEvent):void {
+    			// Access target TabBar control.
+    			var targetComp:TabBar = TabBar(event.currentTarget);
+    			forClick.text="label is: " + event.label + ", index is: " + 
+    				event.index + ", capital is: " +
+    				targetComp.dataProvider[event.index].data;
+    		}	            
+       ]]>
+    </fx:Script>
+
+    <mx:Panel title="TabBar Control Example" height="75%" width="75%" 
+        paddingTop="10" paddingBottom="10" paddingLeft="10" paddingRight="10">
+
+        <mx:Label width="100%" color="blue" 
+            text="Select a tab to change the current panel."/>
+
+        <mx:TabBar itemClick="clickEvt(event);">
+            <mx:dataProvider>{STATE_ARRAY}</mx:dataProvider>
+        </mx:TabBar>
+
+        <mx:TextArea id="forClick" height="100%" width="100%"/>
+
+    </mx:Panel>
+</mx:Application>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/mx/controls/TextAreaExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/mx/controls/TextAreaExample.mxml b/TourDeFlex/TourDeFlex3/src/mx/controls/TextAreaExample.mxml
new file mode 100755
index 0000000..3d346f9
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/mx/controls/TextAreaExample.mxml
@@ -0,0 +1,37 @@
+<?xml version="1.0"?>
+<!--
+  Licensed to the Apache Software Foundation (ASF) under one or more
+      contributor license agreements.  See the NOTICE file distributed with
+      this work for additional information regarding copyright ownership.
+      The ASF licenses this file to You under the Apache License, Version 2.0
+      (the "License"); you may not use this file except in compliance with
+      the License.  You may obtain a copy of the License at
+
+          http://www.apache.org/licenses/LICENSE-2.0
+
+      Unless required by applicable law or agreed to in writing, software
+      distributed under the License is distributed on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+      See the License for the specific language governing permissions and
+      limitations under the License.
+  -->
+
+<!-- Simple example to demonstrate the TextArea control. -->
+<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
+
+    <mx:Panel title="TextArea Control Example" height="75%" width="75%" 
+        paddingTop="10" paddingBottom="10" paddingLeft="10" paddingRight="10">
+        
+        <mx:TextArea width="400" height="100">
+            <mx:text>
+                This is a multiline, editable TextArea control. If you need 
+                a non-editable multiline control, use the Text control.
+            </mx:text>
+        </mx:TextArea>
+
+        <mx:TextArea width="400" height="100">
+            <mx:htmlText><![CDATA[This is <font color="#FF0000">HTML text</font> in a <b>TextArea control</b>. Use the <u>htmlText property</u> of the <font color="#008800">TextArea control</font> to include basic HTML markup in your text.]]></mx:htmlText>
+        </mx:TextArea>
+               
+    </mx:Panel>
+</mx:Application>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/mx/controls/TextExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/mx/controls/TextExample.mxml b/TourDeFlex/TourDeFlex3/src/mx/controls/TextExample.mxml
new file mode 100755
index 0000000..11610a4
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/mx/controls/TextExample.mxml
@@ -0,0 +1,39 @@
+<?xml version="1.0"?>
+<!--
+  Licensed to the Apache Software Foundation (ASF) under one or more
+      contributor license agreements.  See the NOTICE file distributed with
+      this work for additional information regarding copyright ownership.
+      The ASF licenses this file to You under the Apache License, Version 2.0
+      (the "License"); you may not use this file except in compliance with
+      the License.  You may obtain a copy of the License at
+
+          http://www.apache.org/licenses/LICENSE-2.0
+
+      Unless required by applicable law or agreed to in writing, software
+      distributed under the License is distributed on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+      See the License for the specific language governing permissions and
+      limitations under the License.
+  -->
+
+<!-- Simple example to demonstrate the Text control. -->
+<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
+
+    <mx:Panel title="Text Control Example" height="75%" width="75%" 
+        paddingTop="10" paddingLeft="10" paddingRight="10">
+
+        <mx:Text width="100%">
+            <mx:text>
+                This is a multiline, non-editable text component. 
+                If you need an editable multiline component, use TextArea.
+            </mx:text>
+        </mx:Text>
+
+        <mx:Text width="100%">
+            <mx:htmlText>
+                <![CDATA[This is <font color="#FF0000">HTML text</font> in a <b>Text component</b>. Using the <u>htmlText attribute</u> of the <font color="#008800">Text component</font> you can use basic HTML markup.]]>
+            </mx:htmlText>
+        </mx:Text>
+
+   </mx:Panel>
+</mx:Application>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/mx/controls/TextInputExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/mx/controls/TextInputExample.mxml b/TourDeFlex/TourDeFlex3/src/mx/controls/TextInputExample.mxml
new file mode 100755
index 0000000..d47364e
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/mx/controls/TextInputExample.mxml
@@ -0,0 +1,32 @@
+<?xml version="1.0"?>
+<!--
+  Licensed to the Apache Software Foundation (ASF) under one or more
+      contributor license agreements.  See the NOTICE file distributed with
+      this work for additional information regarding copyright ownership.
+      The ASF licenses this file to You under the Apache License, Version 2.0
+      (the "License"); you may not use this file except in compliance with
+      the License.  You may obtain a copy of the License at
+
+          http://www.apache.org/licenses/LICENSE-2.0
+
+      Unless required by applicable law or agreed to in writing, software
+      distributed under the License is distributed on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+      See the License for the specific language governing permissions and
+      limitations under the License.
+  -->
+
+<!-- Simple example to demonstrate the TextInput control. -->
+<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
+
+    <mx:Panel title="TextInput Control Example" height="75%" width="75%" 
+        paddingTop="10" paddingLeft="10">
+        
+        <mx:TextInput id="src" text="Hello World!"/>
+
+        <mx:Button label="Copy Text" click="dest.text = src.text"/>
+
+        <mx:TextInput id="dest"/>
+
+    </mx:Panel>
+</mx:Application>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/mx/controls/TileListExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/mx/controls/TileListExample.mxml b/TourDeFlex/TourDeFlex3/src/mx/controls/TileListExample.mxml
new file mode 100755
index 0000000..6914889
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/mx/controls/TileListExample.mxml
@@ -0,0 +1,68 @@
+<?xml version="1.0"?>
+<!--
+  Licensed to the Apache Software Foundation (ASF) under one or more
+      contributor license agreements.  See the NOTICE file distributed with
+      this work for additional information regarding copyright ownership.
+      The ASF licenses this file to You under the Apache License, Version 2.0
+      (the "License"); you may not use this file except in compliance with
+      the License.  You may obtain a copy of the License at
+
+          http://www.apache.org/licenses/LICENSE-2.0
+
+      Unless required by applicable law or agreed to in writing, software
+      distributed under the License is distributed on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+      See the License for the specific language governing permissions and
+      limitations under the License.
+  -->
+
+<!-- Simple example to demonstrate the TileList Control. -->
+<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
+
+    <fx:Script>
+        <![CDATA[
+             
+             [Bindable]
+             [Embed(source="assets/ApacheFlexLogo.png")]
+             public var logo1:Class;
+             
+             [Bindable]
+             [Embed(source="assets/ApacheFlexLogo.png")]
+             public var logo2:Class;
+             
+             [Bindable]
+             [Embed(source="assets/ApacheFlexLogo.png")]
+             public var logo3:Class;
+	     
+             [Bindable]
+	         [Embed(source="assets/ApacheFlexLogo.png")]
+             public var logo4:Class;
+
+             [Bindable]
+	         [Embed(source="assets/ApacheFlexLogo.png")]
+             public var logo5:Class;
+        ]]>
+    </fx:Script>
+
+    <mx:Panel title="TileList Control Example" height="100%" width="100%" 
+        paddingTop="10" paddingBottom="10" paddingLeft="10" paddingRight="10">
+
+        <mx:Label width="100%" color="blue" 
+            text="A TileList control displays items in rows and columns."/>
+
+        <mx:TileList id="CameraSelection" height="250" width="300" 
+            maxColumns="2" rowHeight="225" columnWidth="125">
+            <mx:dataProvider>
+                <fx:Array>
+                    <fx:Object label="Logo 1" icon="{logo1}"/>
+                    <fx:Object label="Logo 2" icon="{logo2}"/>
+                    <fx:Object label="Logo 3" icon="{logo3}"/>
+                    <fx:Object label="Logo 4" icon="{logo4}"/>
+                    <fx:Object label="Logo 5" icon="{logo5}"/>
+                </fx:Array>
+            </mx:dataProvider>
+        </mx:TileList>
+
+    </mx:Panel>
+</mx:Application>
+       
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/mx/controls/ToggleButtonBarExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/mx/controls/ToggleButtonBarExample.mxml b/TourDeFlex/TourDeFlex3/src/mx/controls/ToggleButtonBarExample.mxml
new file mode 100755
index 0000000..32a5c3a
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/mx/controls/ToggleButtonBarExample.mxml
@@ -0,0 +1,55 @@
+<?xml version="1.0"?>
+<!--
+  Licensed to the Apache Software Foundation (ASF) under one or more
+      contributor license agreements.  See the NOTICE file distributed with
+      this work for additional information regarding copyright ownership.
+      The ASF licenses this file to You under the Apache License, Version 2.0
+      (the "License"); you may not use this file except in compliance with
+      the License.  You may obtain a copy of the License at
+
+          http://www.apache.org/licenses/LICENSE-2.0
+
+      Unless required by applicable law or agreed to in writing, software
+      distributed under the License is distributed on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+      See the License for the specific language governing permissions and
+      limitations under the License.
+  -->
+
+<!-- Simple example to demonstrate the ToggleButtonBar control. -->
+<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
+
+    <fx:Script>
+        <![CDATA[
+
+            import mx.events.ItemClickEvent;
+
+            // Event handler function to print a message
+            // describing the selected Button control.
+    		private function clickHandler(event:ItemClickEvent):void {
+    		    myTA.text="Selected button index: " + String(event.index) +
+    		        "\n" + "Selected button label: " + event.label;
+            }
+        ]]>
+    </fx:Script>
+
+    <mx:Panel title="ToggleButtonBar Control Example" height="75%" width="75%"
+        paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10">
+
+        <mx:Label width="100%" color="blue"
+            text="Select a button in the ToggleButtonBar control."/>
+
+        <mx:TextArea id="myTA" width="100%" height="100%"/>
+
+        <mx:ToggleButtonBar itemClick="clickHandler(event);">
+            <mx:dataProvider>
+                <fx:Array>
+                    <fx:String>Flex SDK</fx:String>
+                    <fx:String>Flex JS</fx:String>
+                    <fx:String>Falcon</fx:String>
+                    <fx:String>Falcon JX</fx:String>
+                </fx:Array>
+            </mx:dataProvider>
+        </mx:ToggleButtonBar>
+    </mx:Panel>
+</mx:Application>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/mx/controls/TreeExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/mx/controls/TreeExample.mxml b/TourDeFlex/TourDeFlex3/src/mx/controls/TreeExample.mxml
new file mode 100755
index 0000000..528db0d
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/mx/controls/TreeExample.mxml
@@ -0,0 +1,67 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!--
+  Licensed to the Apache Software Foundation (ASF) under one or more
+      contributor license agreements.  See the NOTICE file distributed with
+      this work for additional information regarding copyright ownership.
+      The ASF licenses this file to You under the Apache License, Version 2.0
+      (the "License"); you may not use this file except in compliance with
+      the License.  You may obtain a copy of the License at
+
+          http://www.apache.org/licenses/LICENSE-2.0
+
+      Unless required by applicable law or agreed to in writing, software
+      distributed under the License is distributed on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+      See the License for the specific language governing permissions and
+      limitations under the License.
+  -->
+
+<!-- Tree control example. -->
+<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
+
+    <fx:Script>
+        <![CDATA[
+
+            [Bindable]
+            public var selectedNode:XML;
+
+            // Event handler for the Tree control change event.
+            public function treeChanged(event:Event):void {
+                selectedNode=Tree(event.target).selectedItem as XML;
+            }
+        ]]>
+    </fx:Script>
+
+	<fx:Declarations>
+	    <fx:XMLList id="treeData">
+		    <node label="Mail Box">
+		        <node label="Inbox">
+		            <node label="Marketing"/>
+		            <node label="Product Management"/>
+		            <node label="Personal"/>
+		        </node>
+		        <node label="Outbox">
+		            <node label="Professional"/>
+		            <node label="Personal"/>
+		        </node>
+		        <node label="Spam"/>
+		        <node label="Sent"/>
+			</node>	
+	    </fx:XMLList>
+	</fx:Declarations>
+
+    <mx:Panel title="Tree Control Example" height="75%" width="75%" 
+        paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10">
+
+        <mx:Label width="100%" color="blue" 
+            text="Select a node in the Tree control."/>
+
+        <mx:HDividedBox width="100%" height="100%">
+            <mx:Tree id="myTree" width="50%" height="100%" labelField="@label"
+                showRoot="false" dataProvider="{treeData}" change="treeChanged(event)"/>
+            <mx:TextArea height="100%" width="50%"
+                text="Selected Item: {selectedNode.@label}"/>
+        </mx:HDividedBox>
+        
+    </mx:Panel>
+</mx:Application>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/mx/controls/VScrollBarExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/mx/controls/VScrollBarExample.mxml b/TourDeFlex/TourDeFlex3/src/mx/controls/VScrollBarExample.mxml
new file mode 100755
index 0000000..682eda7
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/mx/controls/VScrollBarExample.mxml
@@ -0,0 +1,55 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!--
+  Licensed to the Apache Software Foundation (ASF) under one or more
+      contributor license agreements.  See the NOTICE file distributed with
+      this work for additional information regarding copyright ownership.
+      The ASF licenses this file to You under the Apache License, Version 2.0
+      (the "License"); you may not use this file except in compliance with
+      the License.  You may obtain a copy of the License at
+
+          http://www.apache.org/licenses/LICENSE-2.0
+
+      Unless required by applicable law or agreed to in writing, software
+      distributed under the License is distributed on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+      See the License for the specific language governing permissions and
+      limitations under the License.
+  -->
+
+<!-- Simple example to demonstrate the VScrollBar control. -->
+<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
+ 
+     <fx:Script>
+        <![CDATA[
+    
+            import mx.events.ScrollEvent;
+    
+            // Event handler function to display the scroll location
+            // as you move the scroll thumb.
+            private function myScroll(event:ScrollEvent):void
+            {
+                showPosition.text = "VScrollBar properties summary:" + '\n' +
+                    "------------------------------------" + '\n' +
+                    "Current scroll position: " + event.currentTarget.scrollPosition  + '\n' +
+                    "The maximum scroll position: " + event.currentTarget.maxScrollPosition + '\n' +
+                    "The minimum scroll position: " + event.currentTarget.minScrollPosition ;
+            }
+        ]]>
+    </fx:Script> 
+  
+    <mx:Panel id="panel" title="VScrollBar Control Example" height="75%" width="75%" 
+        paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10">
+        
+        <mx:Label width="100%" color="blue" 
+            text="Click on the scroll bar to view its properties."/>
+        
+        <mx:VScrollBar id="bar" height="100%" 
+            minScrollPosition="0" maxScrollPosition="{panel.width - 20}"
+            lineScrollSize="50" pageScrollSize="100"  
+            repeatDelay="1000" repeatInterval="500" 
+            scroll="myScroll(event);"/>
+          
+        <mx:TextArea height="100%" width="100%" id="showPosition" color="blue"/>
+  
+    </mx:Panel>  
+</mx:Application>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/mx/controls/VideoDisplayExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/mx/controls/VideoDisplayExample.mxml b/TourDeFlex/TourDeFlex3/src/mx/controls/VideoDisplayExample.mxml
new file mode 100755
index 0000000..a641674
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/mx/controls/VideoDisplayExample.mxml
@@ -0,0 +1,38 @@
+<?xml version="1.0"?>
+<!--
+  Licensed to the Apache Software Foundation (ASF) under one or more
+      contributor license agreements.  See the NOTICE file distributed with
+      this work for additional information regarding copyright ownership.
+      The ASF licenses this file to You under the Apache License, Version 2.0
+      (the "License"); you may not use this file except in compliance with
+      the License.  You may obtain a copy of the License at
+
+          http://www.apache.org/licenses/LICENSE-2.0
+
+      Unless required by applicable law or agreed to in writing, software
+      distributed under the License is distributed on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+      See the License for the specific language governing permissions and
+      limitations under the License.
+  -->
+
+<!-- Simple example to demonstrate the VideoDisplay control. -->
+<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
+
+    <mx:Panel title="VideoDisplay Control Example" height="75%" width="75%" 
+        horizontalAlign="center" 
+        paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10">
+
+       <mx:Text width="75%" color="blue"
+           text="Use the buttons to control the video. The Stop button resets the video to the beginning."/>
+
+		<mx:VideoDisplay id="myVid" height="158" width="211" source="assets/FlexInstaller.mp4" autoPlay="false"/>
+
+		<mx:HBox>
+		    <mx:Button label="Play" click="myVid.play();"/>
+		    <mx:Button label="Pause" click="myVid.pause();"/>
+		    <mx:Button label="Stop" click="myVid.stop();"/>
+		</mx:HBox>
+
+	</mx:Panel>
+</mx:Application>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/mx/controls/assets/ApacheFlexIcon.png
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/mx/controls/assets/ApacheFlexIcon.png b/TourDeFlex/TourDeFlex3/src/mx/controls/assets/ApacheFlexIcon.png
new file mode 100644
index 0000000..e68d831
Binary files /dev/null and b/TourDeFlex/TourDeFlex3/src/mx/controls/assets/ApacheFlexIcon.png differ

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/mx/controls/assets/ApacheFlexLogo.png
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/mx/controls/assets/ApacheFlexLogo.png b/TourDeFlex/TourDeFlex3/src/mx/controls/assets/ApacheFlexLogo.png
new file mode 100644
index 0000000..4ff037f
Binary files /dev/null and b/TourDeFlex/TourDeFlex3/src/mx/controls/assets/ApacheFlexLogo.png differ

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/mx/controls/assets/buttonDisabled.gif
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/mx/controls/assets/buttonDisabled.gif b/TourDeFlex/TourDeFlex3/src/mx/controls/assets/buttonDisabled.gif
new file mode 100755
index 0000000..9a19d26
Binary files /dev/null and b/TourDeFlex/TourDeFlex3/src/mx/controls/assets/buttonDisabled.gif differ

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/mx/controls/assets/buttonDown.gif
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/mx/controls/assets/buttonDown.gif b/TourDeFlex/TourDeFlex3/src/mx/controls/assets/buttonDown.gif
new file mode 100755
index 0000000..18c0ea4
Binary files /dev/null and b/TourDeFlex/TourDeFlex3/src/mx/controls/assets/buttonDown.gif differ

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/mx/controls/assets/buttonOver.gif
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/mx/controls/assets/buttonOver.gif b/TourDeFlex/TourDeFlex3/src/mx/controls/assets/buttonOver.gif
new file mode 100755
index 0000000..9c66b81
Binary files /dev/null and b/TourDeFlex/TourDeFlex3/src/mx/controls/assets/buttonOver.gif differ

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/mx/controls/assets/buttonUp.gif
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/mx/controls/assets/buttonUp.gif b/TourDeFlex/TourDeFlex3/src/mx/controls/assets/buttonUp.gif
new file mode 100755
index 0000000..36dfb34
Binary files /dev/null and b/TourDeFlex/TourDeFlex3/src/mx/controls/assets/buttonUp.gif differ

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/mx/controls/assets/flexinstaller.mp4
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/mx/controls/assets/flexinstaller.mp4 b/TourDeFlex/TourDeFlex3/src/mx/controls/assets/flexinstaller.mp4
new file mode 100644
index 0000000..8c877c4
Binary files /dev/null and b/TourDeFlex/TourDeFlex3/src/mx/controls/assets/flexinstaller.mp4 differ

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/mx/core/RepeaterExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/mx/core/RepeaterExample.mxml b/TourDeFlex/TourDeFlex3/src/mx/core/RepeaterExample.mxml
new file mode 100755
index 0000000..12da883
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/mx/core/RepeaterExample.mxml
@@ -0,0 +1,51 @@
+<?xml version="1.0"?>
+<!--
+  Licensed to the Apache Software Foundation (ASF) under one or more
+      contributor license agreements.  See the NOTICE file distributed with
+      this work for additional information regarding copyright ownership.
+      The ASF licenses this file to You under the Apache License, Version 2.0
+      (the "License"); you may not use this file except in compliance with
+      the License.  You may obtain a copy of the License at
+
+          http://www.apache.org/licenses/LICENSE-2.0
+
+      Unless required by applicable law or agreed to in writing, software
+      distributed under the License is distributed on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+      See the License for the specific language governing permissions and
+      limitations under the License.
+  -->
+
+<!-- Simple example to demonstrate the Repeater class. -->
+<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
+
+    <fx:Script>
+        <![CDATA[
+		
+		    import mx.controls.Alert;
+  
+			[Bindable]
+			private var dp:Array = [1, 2, 3, 4, 5, 6, 7, 8, 9];    
+			
+        ]]>
+    </fx:Script>
+
+    <mx:Panel title="Repeater Example" width="75%" height="75%" 
+        paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10">
+  
+        <mx:Text width="100%" color="blue" 
+            text="Use the Repeater class to create 9 Button controls in a 3 by 3 Tile container."/>
+
+        <mx:Tile direction="horizontal" borderStyle="inset" 
+            horizontalGap="10" verticalGap="15"
+            paddingLeft="10" paddingTop="10" paddingBottom="10" paddingRight="10">
+        
+            <mx:Repeater id="rp" dataProvider="{dp}">
+                <mx:Button height="49" width="50" 
+                    label="{String(rp.currentItem)}" 
+                    click="Alert.show(String(event.currentTarget.getRepeaterItem()) + ' pressed')"/>
+            </mx:Repeater>    
+        </mx:Tile>
+  
+    </mx:Panel>  
+</mx:Application>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/mx/core/SimpleApplicationExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/mx/core/SimpleApplicationExample.mxml b/TourDeFlex/TourDeFlex3/src/mx/core/SimpleApplicationExample.mxml
new file mode 100755
index 0000000..3b1055e
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/mx/core/SimpleApplicationExample.mxml
@@ -0,0 +1,60 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!--
+  Licensed to the Apache Software Foundation (ASF) under one or more
+      contributor license agreements.  See the NOTICE file distributed with
+      this work for additional information regarding copyright ownership.
+      The ASF licenses this file to You under the Apache License, Version 2.0
+      (the "License"); you may not use this file except in compliance with
+      the License.  You may obtain a copy of the License at
+
+          http://www.apache.org/licenses/LICENSE-2.0
+
+      Unless required by applicable law or agreed to in writing, software
+      distributed under the License is distributed on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+      See the License for the specific language governing permissions and
+      limitations under the License.
+  -->
+
+<!-- Simple example to demonstrate the Application container. -->
+
+<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx"
+    backgroundColor="0xCCCCCC"
+    horizontalAlign="center" verticalAlign="middle"
+    applicationComplete="appComplete();">
+
+    <fx:Script>
+        <![CDATA[
+            
+            // Event handlers for the components.
+            private function appComplete():void {
+                myTA.text+="Application creation complete" + "\n";
+            }
+
+            private function panelCreationComplete():void {
+                myTA.text+="Panel creation complete" + "\n";
+            }
+
+            private function textAreaCreationComplete():void {
+                myTA.text+="\n" + "TextArea creation complete" + "\n";
+            }
+        ]]>
+    </fx:Script>
+
+    <mx:ApplicationControlBar dock="true">
+        <mx:Button label="Set Grey Solid Fill" 
+            click="this.setStyle('backgroundColor', 0xCCCCCC);"/>
+        <mx:Button label="Set Blue Solid Fill" 
+            click="this.setStyle('backgroundColor', 0x66CCFF);"/>
+    </mx:ApplicationControlBar> 
+
+    <mx:Panel title="Application Container Example" backgroundColor="0x9CB0BA"
+        width="75%" height="75%" 
+        creationComplete="panelCreationComplete();">
+        
+        <mx:TextArea id="myTA" height="100%" width="100%" 
+            text="Event order: "
+            creationComplete="textAreaCreationComplete();"/>
+
+    </mx:Panel>
+</mx:Application>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/mx/effects/AddItemActionEffectExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/mx/effects/AddItemActionEffectExample.mxml b/TourDeFlex/TourDeFlex3/src/mx/effects/AddItemActionEffectExample.mxml
new file mode 100755
index 0000000..1b15899
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/mx/effects/AddItemActionEffectExample.mxml
@@ -0,0 +1,100 @@
+<?xml version="1.0"?>
+<!--
+  Licensed to the Apache Software Foundation (ASF) under one or more
+      contributor license agreements.  See the NOTICE file distributed with
+      this work for additional information regarding copyright ownership.
+      The ASF licenses this file to You under the Apache License, Version 2.0
+      (the "License"); you may not use this file except in compliance with
+      the License.  You may obtain a copy of the License at
+
+          http://www.apache.org/licenses/LICENSE-2.0
+
+      Unless required by applicable law or agreed to in writing, software
+      distributed under the License is distributed on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+      See the License for the specific language governing permissions and
+      limitations under the License.
+  -->
+
+<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
+
+    <fx:Script>
+        <![CDATA[
+            import mx.effects.easing.Elastic;
+            import mx.collections.ArrayCollection;
+            
+            [Bindable]
+            private var myDP:ArrayCollection = new ArrayCollection(
+                ['A','B','C','D','E','F','G','H','I','J','K','L','M','N','O','P']);
+            
+            private function deleteItem():void {
+                // As each item is removed, the index of the other items changes.
+                // So first get the items to delete, then determine their indices
+                // as you remove them.
+                var toRemove:Array = [];
+                for (var i:int = 0; i < tlist0.selectedItems.length; i++)
+                    toRemove.push(tlist0.selectedItems[i]);
+                for (i = 0; i < toRemove.length; i++)
+                    myDP.removeItemAt(myDP.getItemIndex(toRemove[i]));
+            }
+
+            private var zcount:int = 0;
+            private function addItem():void {
+                // Always add the new item after the third item,
+                // or after the last item if the length is less than 3.
+                myDP.addItemAt("Z"+zcount++,Math.min(3,myDP.length));
+            }                        
+        ]]>
+    </fx:Script>
+
+	<fx:Declarations>
+	    <!-- Define a custom data effect as a Sequence effect. -->
+	    <mx:Sequence id="itemsChangeEffect1">
+	        <mx:Blur 
+	            blurYTo="12" blurXTo="12" 
+	            duration="300" 
+	            perElementOffset="150"
+	            filter="removeItem"/>
+	        <mx:Parallel>
+	            <mx:Move 
+	                duration="750" 
+	                easingFunction="{Elastic.easeOut}" 
+	                perElementOffset="20"/>
+	            <mx:RemoveItemAction 
+	                startDelay="400" 
+	                filter="removeItem"/>
+	            <mx:AddItemAction  
+	                startDelay="400" 
+	                filter="addItem"/>
+	            <mx:Blur 
+	                startDelay="410" 
+	                blurXFrom="18" blurYFrom="18" blurXTo="0" blurYTo="0" 
+	                duration="300" 
+	                filter="addItem"/>
+	        </mx:Parallel>
+	    </mx:Sequence>   
+	</fx:Declarations>
+
+    <mx:Panel title="AddItemEffect/RemoveItemEffect Example" width="75%" height="75%" 
+        paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10">
+
+        <!-- This TileList uses a custom data change effect -->
+        <mx:TileList id="tlist0" 
+            height="100%" width="100%" 
+            fontSize="18" fontWeight="bold"
+            columnCount="4" rowCount="4" 
+            direction="horizontal" 
+            dataProvider="{myDP}" 
+            allowMultipleSelection="true" 
+            offscreenExtraRowsOrColumns="4" 
+            itemsChangeEffect="{itemsChangeEffect1}"/>
+    
+        <mx:Button 
+            label="Delete selected item(s)" 
+            click="deleteItem();"/>
+        <mx:Button 
+            label="Add item" 
+            click="addItem();"/>
+        
+    </mx:Panel>         
+</mx:Application>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/mx/effects/AnimatePropertyEffectExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/mx/effects/AnimatePropertyEffectExample.mxml b/TourDeFlex/TourDeFlex3/src/mx/effects/AnimatePropertyEffectExample.mxml
new file mode 100755
index 0000000..50cde02
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/mx/effects/AnimatePropertyEffectExample.mxml
@@ -0,0 +1,39 @@
+<?xml version="1.0"?>
+<!--
+  Licensed to the Apache Software Foundation (ASF) under one or more
+      contributor license agreements.  See the NOTICE file distributed with
+      this work for additional information regarding copyright ownership.
+      The ASF licenses this file to You under the Apache License, Version 2.0
+      (the "License"); you may not use this file except in compliance with
+      the License.  You may obtain a copy of the License at
+
+          http://www.apache.org/licenses/LICENSE-2.0
+
+      Unless required by applicable law or agreed to in writing, software
+      distributed under the License is distributed on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+      See the License for the specific language governing permissions and
+      limitations under the License.
+  -->
+
+<!-- Simple example to demonstrate the AnimateProperty effect. -->
+<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
+
+	<fx:Declarations>
+	    <mx:Sequence id="animateScaleXUpDown" >
+	        <mx:AnimateProperty property="scaleX" fromValue="1" toValue="1.5" duration="1000" />
+	        <mx:AnimateProperty property="scaleX" fromValue="1.5" toValue="1" duration="1000" />	
+	    </mx:Sequence>
+	</fx:Declarations>
+
+    <mx:Panel title="AnimateProperty Effect Example" width="75%" height="75%" 
+        paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10">
+
+        <mx:Text width="100%" color="blue" 
+            text="Click on the image to use the AnimateProperty effect with the scaleX property."/>
+
+        <mx:Image id="flex" source="@Embed(source='assets/ApacheFlexLogo.png')"
+            mouseDownEffect="{animateScaleXUpDown}"/>
+
+    </mx:Panel>
+</mx:Application>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/mx/effects/BlurEffectExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/mx/effects/BlurEffectExample.mxml b/TourDeFlex/TourDeFlex3/src/mx/effects/BlurEffectExample.mxml
new file mode 100755
index 0000000..e1c86a6
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/mx/effects/BlurEffectExample.mxml
@@ -0,0 +1,42 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!--
+  Licensed to the Apache Software Foundation (ASF) under one or more
+      contributor license agreements.  See the NOTICE file distributed with
+      this work for additional information regarding copyright ownership.
+      The ASF licenses this file to You under the Apache License, Version 2.0
+      (the "License"); you may not use this file except in compliance with
+      the License.  You may obtain a copy of the License at
+
+          http://www.apache.org/licenses/LICENSE-2.0
+
+      Unless required by applicable law or agreed to in writing, software
+      distributed under the License is distributed on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+      See the License for the specific language governing permissions and
+      limitations under the License.
+  -->
+
+<!-- Simple example to demonstrate the Blur effect. -->
+<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
+
+	<fx:Declarations>
+	    <mx:Blur id="blurImage" duration="1000" 
+	        blurXFrom="0.0" blurXTo="10.0" 
+	        blurYFrom="0.0" blurYTo="10.0"/>
+	    <mx:Blur id="unblurImage" duration="1000" 
+	        blurXFrom="10.0" blurXTo="0.0" 
+	        blurYFrom="10.0" blurYTo="0.0"/>
+	</fx:Declarations>
+
+    <mx:Panel title="Blur Effect Example" width="75%" height="75%" 
+        paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10">
+
+        <mx:Text width="100%" color="blue" 
+            text="Click and hold the mouse on the image to see blurImage effect. Release the mouse to see the unblurImage effect."/>
+
+        <mx:Image id="flex" source="@Embed(source='assets/ApacheFlexLogo.png')"
+            mouseDownEffect="{blurImage}" 
+            mouseUpEffect="{unblurImage}"/>
+
+    </mx:Panel>
+</mx:Application>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/mx/effects/CompositeEffectExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/mx/effects/CompositeEffectExample.mxml b/TourDeFlex/TourDeFlex3/src/mx/effects/CompositeEffectExample.mxml
new file mode 100755
index 0000000..351a0d5
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/mx/effects/CompositeEffectExample.mxml
@@ -0,0 +1,96 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!--
+  Licensed to the Apache Software Foundation (ASF) under one or more
+      contributor license agreements.  See the NOTICE file distributed with
+      this work for additional information regarding copyright ownership.
+      The ASF licenses this file to You under the Apache License, Version 2.0
+      (the "License"); you may not use this file except in compliance with
+      the License.  You may obtain a copy of the License at
+
+          http://www.apache.org/licenses/LICENSE-2.0
+
+      Unless required by applicable law or agreed to in writing, software
+      distributed under the License is distributed on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+      See the License for the specific language governing permissions and
+      limitations under the License.
+  -->
+
+<!-- Simple example to demonstrate the Composite effect. -->
+<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
+
+    <fx:Script>
+        <![CDATA[
+
+    	import mx.effects.Move;
+    	import mx.effects.Sequence;
+    	import mx.effects.Parallel;
+	
+    	private var movesequenceA:Move;
+    	private var movesequenceB:Move;
+    	private var moveparallelbutton:Move;
+    	private var sequenceAB:Sequence;
+    	private var parallelAB:Parallel;
+
+   	private function startEffect(ax:Number, ay:Number, bx:Number, by:Number):void
+   	{
+            movesequenceA= new Move(a);
+            movesequenceB= new Move(b);
+            moveparallelbutton= new Move(button);
+            sequenceAB= new Sequence();
+            parallelAB= new Parallel();
+            
+            sequenceAB.addChild(movesequenceA);
+            sequenceAB.addChild(movesequenceB);
+            
+            parallelAB.addChild(moveparallelbutton);
+        
+            moveparallelbutton.xTo=0;
+	        moveparallelbutton.xFrom= 245;
+            moveparallelbutton.yFrom=85;
+            moveparallelbutton.duration= 4000;
+
+            movesequenceA.xTo= ax;
+            movesequenceA.xBy= 200;
+            movesequenceA.yTo= ay;
+            movesequenceA.yBy= 175;
+            movesequenceA.duration= 2000;
+            movesequenceB.yFrom =175;
+            movesequenceB.xTo= bx;
+            movesequenceB.xBy= 200;
+            movesequenceB.yTo= by;
+            movesequenceB.yBy= 200;
+            movesequenceB.duration= 2000;
+
+            sequenceAB.play();
+            parallelAB.play();
+        }
+        ]]>
+    </fx:Script>
+    
+    <mx:Panel title="Composite Effect" width="75%" height="75%">
+    <mx:Canvas id="canvas" width="100%" height="100%">
+
+        <mx:Label id="a" color="#009966" text="Sequence 1" 
+            height="{(canvas.height-20)/2}" 
+            width="{(canvas.width-20)/2}"
+            effectStart=" a.text= 'sequence 1 Running';"
+            effectEnd="a.text='sequence 1 ended!!!' "/>
+
+        <mx:Label id="b" x="0" y="175" color="#00CCFF"  
+            text="Sequence 2" 
+            height="{(canvas.height-20)/2}"
+            width="{(canvas.width-20)/2}" 
+            effectStart=" b.text= 'sequence 2 Running';"
+            effectEnd="b.text='sequence 2 ended!!'" />
+
+        <mx:Button id="button"  x="245" y="85"
+            label="Start effect" 
+            click="startEffect(200,175,200,0)"
+            effectStart="button.label='parallel effect running'"
+            effectEnd="button.label='parallel effect ended!!'"/>
+
+    </mx:Canvas>
+  
+  </mx:Panel>
+</mx:Application>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/mx/effects/DefaultListEffectExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/mx/effects/DefaultListEffectExample.mxml b/TourDeFlex/TourDeFlex3/src/mx/effects/DefaultListEffectExample.mxml
new file mode 100755
index 0000000..3e41a38
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/mx/effects/DefaultListEffectExample.mxml
@@ -0,0 +1,77 @@
+<?xml version="1.0"?>
+<!--
+  Licensed to the Apache Software Foundation (ASF) under one or more
+      contributor license agreements.  See the NOTICE file distributed with
+      this work for additional information regarding copyright ownership.
+      The ASF licenses this file to You under the Apache License, Version 2.0
+      (the "License"); you may not use this file except in compliance with
+      the License.  You may obtain a copy of the License at
+
+          http://www.apache.org/licenses/LICENSE-2.0
+
+      Unless required by applicable law or agreed to in writing, software
+      distributed under the License is distributed on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+      See the License for the specific language governing permissions and
+      limitations under the License.
+  -->
+
+<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
+
+    <fx:Script>
+        <![CDATA[
+            import mx.effects.DefaultListEffect;
+            import mx.collections.ArrayCollection;
+            
+            [Bindable]
+            private var myDP:ArrayCollection = new ArrayCollection(
+                ['A','B','C','D','E','F','G','H']);
+            
+            private function deleteItem():void {
+                // As each item is removed, the index of the other items changes.
+                // So first get the items to delete, then determine their indices
+                // as you remove them.
+                var toRemove:Array = [];
+                for (var i:int = 0; i < list0.selectedItems.length; i++)
+                    toRemove.push(list0.selectedItems[i]);
+                for (i = 0; i < toRemove.length; i++)
+                    myDP.removeItemAt(myDP.getItemIndex(toRemove[i]));
+            }
+
+            private var zcount:int = 0;
+            private function addItem():void {
+                // Always add the new item after the third item,
+                // or after the last item if the length is less than 3.
+                myDP.addItemAt("Z"+zcount++,Math.min(3,myDP.length));
+            }            
+        ]]>
+    </fx:Script>
+
+	<fx:Declarations>
+	    <!-- Define an instance of the DefaultListEffect effect, 
+	         and set its fadeOutDuration and color properties. -->
+	    <mx:DefaultListEffect id="myDLE" 
+	        fadeOutDuration="1000" 
+	        color="0x0000ff"/>
+	</fx:Declarations>
+
+    <mx:Panel title="DefaultListEffect Example" width="75%" height="75%" 
+        paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10">
+
+        <mx:List id="list0" 
+            width="150"
+            dataProvider="{myDP}" 
+            variableRowHeight="true" 
+            fontSize="18" 
+            allowMultipleSelection="true" 
+            itemsChangeEffect="{myDLE}"/>
+    
+        <mx:Button 
+            label="Delete item" 
+            click="deleteItem();"/>
+        <mx:Button 
+            label="Add item" 
+            click="addItem();"/>
+
+    </mx:Panel> 
+</mx:Application>
\ No newline at end of file


[06/10] moved mx example files to mx directory

Posted by jm...@apache.org.
http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/formatters/SimpleFormatterExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/formatters/SimpleFormatterExample.mxml b/TourDeFlex/TourDeFlex3/src/formatters/SimpleFormatterExample.mxml
deleted file mode 100755
index fbb09fe..0000000
--- a/TourDeFlex/TourDeFlex3/src/formatters/SimpleFormatterExample.mxml
+++ /dev/null
@@ -1,67 +0,0 @@
-<?xml version="1.0"?>
-<!--
-  Licensed to the Apache Software Foundation (ASF) under one or more
-      contributor license agreements.  See the NOTICE file distributed with
-      this work for additional information regarding copyright ownership.
-      The ASF licenses this file to You under the Apache License, Version 2.0
-      (the "License"); you may not use this file except in compliance with
-      the License.  You may obtain a copy of the License at
-
-          http://www.apache.org/licenses/LICENSE-2.0
-
-      Unless required by applicable law or agreed to in writing, software
-      distributed under the License is distributed on an "AS IS" BASIS,
-      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-      See the License for the specific language governing permissions and
-      limitations under the License.
-  -->
-
-<!-- Simple example to demonstrate the Formatter class. -->
-<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
-
-    <fx:Script>
-        <![CDATA[
-
-            // Event handler to format the input.            
-            private function Format():void
-            {
-                // The format() method returns the formatted String,
-                // or an empty String if there is an error.
-                var formattedVal:String = numberFormatter.format(inputVal.text);
-
-                if (formattedVal.length==0) {
-                    // If there is an error, the Format.error property 
-                    // contains the reason.
-                	formattedNumber.text=numberFormatter.error;
-                }
-                
-                else {
-                    formattedNumber.text=formattedVal;
-                }
-            }
-        ]]>
-    </fx:Script>
-
-	<fx:Declarations>
-    	<mx:NumberFormatter id="numberFormatter"/>
-	</fx:Declarations>
-
-    <mx:Panel title="NumberFormatter Example" width="75%" height="75%" 
-            paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10">
-
-        <mx:Form>
-            <mx:FormItem label="Enter number - a letter is invalid:">
-                <mx:TextInput id="inputVal" text="" width="75%"/>
-            </mx:FormItem>
-
-            <mx:FormItem label="Formatted number: ">
-                <mx:TextInput id="formattedNumber" editable="false" width="75%"/>
-            </mx:FormItem>
-
-            <mx:FormItem>
-                <mx:Button label="Validate and Format" click="Format();"/>
-            </mx:FormItem>
-        </mx:Form>
-  
-    </mx:Panel>
-</mx:Application>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/formatters/SwitchSymbolFormatterExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/formatters/SwitchSymbolFormatterExample.mxml b/TourDeFlex/TourDeFlex3/src/formatters/SwitchSymbolFormatterExample.mxml
deleted file mode 100755
index 050bc6d..0000000
--- a/TourDeFlex/TourDeFlex3/src/formatters/SwitchSymbolFormatterExample.mxml
+++ /dev/null
@@ -1,63 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!--
-  Licensed to the Apache Software Foundation (ASF) under one or more
-      contributor license agreements.  See the NOTICE file distributed with
-      this work for additional information regarding copyright ownership.
-      The ASF licenses this file to You under the Apache License, Version 2.0
-      (the "License"); you may not use this file except in compliance with
-      the License.  You may obtain a copy of the License at
-
-          http://www.apache.org/licenses/LICENSE-2.0
-
-      Unless required by applicable law or agreed to in writing, software
-      distributed under the License is distributed on an "AS IS" BASIS,
-      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-      See the License for the specific language governing permissions and
-      limitations under the License.
-  -->
-
-<!-- Simple example to demonstrate SwitchSymbolFormatter. -->
-<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
-
-    <fx:Script>
-        <![CDATA[
-        
-            import mx.formatters.SwitchSymbolFormatter;                
-            import mx.events.ValidationResultEvent;			
-            
-            private var vResult:ValidationResultEvent;
-
-            // Event handler to validate and format input.            
-            private function Format():void
-            {
-                vResult = scVal.validate();
-
-                if (vResult.type==ValidationResultEvent.VALID) {
-                    var switcher:SwitchSymbolFormatter=new SwitchSymbolFormatter('#');
-
-                    formattedSCNumber.text = 
-                        switcher.formatValue("Formatted Social Securty number: ###-##-#### ", scNum.text);
-                }
-
-                else {
-                    formattedSCNumber.text= "";
-                }
-            }
-        ]]>
-    </fx:Script>
-
-	<fx:Declarations>
-    	<mx:SocialSecurityValidator id="scVal" source="{scNum}" property="text"/>
-	</fx:Declarations>
-
-    <mx:Panel title="SwitchSymbolFormatter Example" width="75%" height="75%" 
-            paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10">
-
-        <mx:Label text="Enter a 9 digit Social Security number with no separator characters:"/>
-        <mx:TextInput id="scNum" text="" maxChars="9" width="50%"/>
-
-        <mx:Button label="Validate and Format" click="Format();"/>
-        <mx:TextInput id="formattedSCNumber" editable="false" width="75%"/>
-
-    </mx:Panel>
-</mx:Application>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/formatters/ZipCodeFormatterExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/formatters/ZipCodeFormatterExample.mxml b/TourDeFlex/TourDeFlex3/src/formatters/ZipCodeFormatterExample.mxml
deleted file mode 100755
index 7151f69..0000000
--- a/TourDeFlex/TourDeFlex3/src/formatters/ZipCodeFormatterExample.mxml
+++ /dev/null
@@ -1,68 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!--
-  Licensed to the Apache Software Foundation (ASF) under one or more
-      contributor license agreements.  See the NOTICE file distributed with
-      this work for additional information regarding copyright ownership.
-      The ASF licenses this file to You under the Apache License, Version 2.0
-      (the "License"); you may not use this file except in compliance with
-      the License.  You may obtain a copy of the License at
-
-          http://www.apache.org/licenses/LICENSE-2.0
-
-      Unless required by applicable law or agreed to in writing, software
-      distributed under the License is distributed on an "AS IS" BASIS,
-      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-      See the License for the specific language governing permissions and
-      limitations under the License.
-  -->
-
-<!-- Simple example to demonstrate ZipCodeFormatter. -->
-<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
-
-    <fx:Script>
-        <![CDATA[
-
-            import mx.events.ValidationResultEvent;			
-            private var vResult:ValidationResultEvent;
-
-            // Event handler to validate and format input.
-            private function Format():void 
-            {
-                vResult = zcVal.validate();
-                
-                if (vResult.type==ValidationResultEvent.VALID) {
-                    formattedZipcode.text= zipFormatter.format(zip.text);
-                }
-                
-                else {
-                    formattedZipcode.text= "";
-                }
-            }
-        ]]>      
-    </fx:Script>
-
-	<fx:Declarations>
-    	<mx:ZipCodeFormatter id="zipFormatter" formatString="#####-####"/>
-
-    	<mx:ZipCodeValidator id="zcVal" source="{zip}" property="text" allowedFormatChars=""/>
-	</fx:Declarations>
-	
-    <mx:Panel title="ZipCodeFormatter Example" width="75%" height="75%" 
-            paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10">
-
-        <mx:Form width="100%">
-            <mx:FormItem label="Enter a 5 or 9 digit U.S. ZIP code:" width="100%">
-                <mx:TextInput id="zip" text=""/>
-            </mx:FormItem>
-
-            <mx:FormItem label="Formatted ZIP code: " width="100%">
-                <mx:TextInput id="formattedZipcode" text="" editable="false"/>
-            </mx:FormItem>
-
-            <mx:FormItem>
-                <mx:Button label="Validate and Format" click="Format();"/>
-            </mx:FormItem>
-        </mx:Form>
-
-    </mx:Panel>
-</mx:Application>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/mx/charts/BubbleChartExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/mx/charts/BubbleChartExample.mxml b/TourDeFlex/TourDeFlex3/src/mx/charts/BubbleChartExample.mxml
new file mode 100755
index 0000000..09dd98c
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/mx/charts/BubbleChartExample.mxml
@@ -0,0 +1,60 @@
+<?xml version="1.0"?>
+<!--
+  Licensed to the Apache Software Foundation (ASF) under one or more
+      contributor license agreements.  See the NOTICE file distributed with
+      this work for additional information regarding copyright ownership.
+      The ASF licenses this file to You under the Apache License, Version 2.0
+      (the "License"); you may not use this file except in compliance with
+      the License.  You may obtain a copy of the License at
+
+          http://www.apache.org/licenses/LICENSE-2.0
+
+      Unless required by applicable law or agreed to in writing, software
+      distributed under the License is distributed on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+      See the License for the specific language governing permissions and
+      limitations under the License.
+  -->
+
+<!-- Simple example to demonstrate the BubbleChart control. -->
+<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
+    <fx:Script>
+        <![CDATA[        
+        import mx.collections.ArrayCollection;
+
+        [Bindable]
+        private var expensesAC:ArrayCollection = new ArrayCollection( [
+            { Month: "Jan", Profit: 2000, Expenses: 1500, Amount: 450 },
+            { Month: "Feb", Profit: 1000, Expenses: 200, Amount: 600 },
+            { Month: "Mar", Profit: 1500, Expenses: 500, Amount: 300 },
+            { Month: "Apr", Profit: 1800, Expenses: 1200, Amount: 900 },
+            { Month: "May", Profit: 2400, Expenses: 575, Amount: 500 } ]);
+        ]]>
+    </fx:Script>
+
+	<fx:Declarations>
+		<!-- Define custom color and line style for the bubbles. -->
+    	<mx:SolidColor id="sc1" color="blue" alpha=".3"/>
+    	<mx:SolidColorStroke id="stroke1" color="blue" weight="1"/>
+	</fx:Declarations>
+
+    <mx:Panel title="BubbleChart Control Example" height="100%" width="100%">
+        <mx:BubbleChart id="bubblechart" 
+            height="100%" width="100%"
+            paddingRight="5" paddingLeft="5" 
+            showDataTips="true" maxRadius="20"
+            dataProvider="{expensesAC}">
+            <mx:series>
+                <mx:BubbleSeries 
+                    displayName="Profit/Expenses/Amount" 
+                    xField="Profit" 
+                    yField="Expenses" 
+                    radiusField="Amount"
+                    fill="{sc1}"
+                    stroke="{stroke1}"
+                />
+            </mx:series>            
+        </mx:BubbleChart>            
+        <mx:Legend dataProvider="{bubblechart}"/>            
+    </mx:Panel>
+</mx:Application>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/mx/charts/CandlestickChartExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/mx/charts/CandlestickChartExample.mxml b/TourDeFlex/TourDeFlex3/src/mx/charts/CandlestickChartExample.mxml
new file mode 100755
index 0000000..68e7894
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/mx/charts/CandlestickChartExample.mxml
@@ -0,0 +1,87 @@
+<?xml version="1.0"?>
+<!--
+  Licensed to the Apache Software Foundation (ASF) under one or more
+      contributor license agreements.  See the NOTICE file distributed with
+      this work for additional information regarding copyright ownership.
+      The ASF licenses this file to You under the Apache License, Version 2.0
+      (the "License"); you may not use this file except in compliance with
+      the License.  You may obtain a copy of the License at
+
+          http://www.apache.org/licenses/LICENSE-2.0
+
+      Unless required by applicable law or agreed to in writing, software
+      distributed under the License is distributed on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+      See the License for the specific language governing permissions and
+      limitations under the License.
+  -->
+
+<!-- Simple example to demonstrate the CandlestickChart control. -->
+<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
+    <fx:Script>
+        <![CDATA[          
+        import mx.collections.ArrayCollection;
+
+        [Bindable]
+        private var expensesAC:ArrayCollection = new ArrayCollection( [
+            { Date: "25-Jul", Open: 40.75,  High: 40.75, Low: 40.24, Close:40.31},
+            { Date: "26-Jul", Open: 39.98,  High: 40.78, Low: 39.97, Close:40.34},
+            { Date: "27-Jul", Open: 40.38,  High: 40.66, Low: 40, Close:40.63},
+            { Date: "28-Jul", Open: 40.49,  High: 40.99, Low: 40.3, Close:40.98},
+            { Date: "29-Jul", Open: 40.13,  High: 40.4, Low: 39.65, Close:39.95},
+            { Date: "1-Aug", Open: 39.00,  High: 39.50, Low: 38.7, Close:38.6}, 
+            { Date: "2-Aug", Open: 38.68,  High: 39.34, Low: 37.75, Close:38.84}, 
+            { Date: "3-Aug", Open: 38.76,  High: 38.76, Low: 38.03, Close:38.12}, 
+            { Date: "4-Aug", Open: 37.98,  High: 37.98, Low: 36.56, Close:36.69},                       
+            { Date: "5-Aug", Open: 36.61,  High: 37, Low: 36.48, Close:36.86} ]);
+        ]]>
+    </fx:Script>
+
+	<fx:Declarations>
+	    <!-- Define custom colors for the candles. -->
+	    <mx:SolidColor id="up" color="green" alpha=".8"/>
+	    <mx:SolidColor id="down" color="red" alpha=".8"/>
+	
+	    <!-- Define custom Stroke for the candle wick. -->
+	    <mx:SolidColorStroke id="wick" color="black" weight="2"/>
+	
+	    <!-- Define custom Stroke for the candle box. -->
+	    <mx:SolidColorStroke id="box" color="black" weight="1"/>
+	</fx:Declarations>
+
+    <mx:Panel title="CandlestickChart Control Example" height="100%" width="100%">
+        <mx:CandlestickChart id="candlestickchart" 
+            height="100%" 
+            width="100%"
+            paddingRight="5" 
+            paddingLeft="5" 
+            showDataTips="true"
+            dataProvider="{expensesAC}"
+        >            
+            <mx:verticalAxis>
+                <mx:LinearAxis id="vaxis" baseAtZero="false" title="Price"/>
+            </mx:verticalAxis>
+
+            <mx:horizontalAxis>
+                <mx:CategoryAxis id="haxis" categoryField="Date" title="Date"/>
+            </mx:horizontalAxis>
+
+            <mx:horizontalAxisRenderers>
+                <mx:AxisRenderer axis="{haxis}" canDropLabels="true"/>
+            </mx:horizontalAxisRenderers>
+
+            <mx:series>
+                <mx:CandlestickSeries 
+                    openField="Open" 
+                    highField="High" 
+                    lowField="Low" 
+                    closeField="Close"
+                    fill="{up}"
+                    declineFill="{down}"
+                    stroke="{wick}"
+                    boxStroke="{box}"
+                />
+            </mx:series>
+        </mx:CandlestickChart>
+    </mx:Panel>
+</mx:Application>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/mx/charts/Column_BarChartExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/mx/charts/Column_BarChartExample.mxml b/TourDeFlex/TourDeFlex3/src/mx/charts/Column_BarChartExample.mxml
new file mode 100755
index 0000000..37d6a83
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/mx/charts/Column_BarChartExample.mxml
@@ -0,0 +1,122 @@
+<?xml version="1.0"?>
+<!--
+  Licensed to the Apache Software Foundation (ASF) under one or more
+      contributor license agreements.  See the NOTICE file distributed with
+      this work for additional information regarding copyright ownership.
+      The ASF licenses this file to You under the Apache License, Version 2.0
+      (the "License"); you may not use this file except in compliance with
+      the License.  You may obtain a copy of the License at
+
+          http://www.apache.org/licenses/LICENSE-2.0
+
+      Unless required by applicable law or agreed to in writing, software
+      distributed under the License is distributed on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+      See the License for the specific language governing permissions and
+      limitations under the License.
+  -->
+
+<!-- Simple example to demonstrate the ColumnChart and BarChart controls. -->
+<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
+    <fx:Script>
+        <![CDATA[          
+        import mx.collections.ArrayCollection;
+
+        [Bindable]
+        private var medalsAC:ArrayCollection = new ArrayCollection( [
+            { Country: "USA", Gold: 35, Silver:39, Bronze: 29 },
+            { Country: "China", Gold: 32, Silver:17, Bronze: 14 },
+            { Country: "Russia", Gold: 27, Silver:27, Bronze: 38 } ]);
+        ]]>
+    </fx:Script>
+
+	<fx:Declarations>
+	    <!-- Define custom colors for use as fills. -->
+	    <mx:SolidColor id="sc1" color="yellow" alpha=".8"/>
+	    <mx:SolidColor id="sc2" color="0xCCCCCC" alpha=".6"/>
+	    <mx:SolidColor id="sc3" color="0xFFCC66" alpha=".6"/>
+	
+	    <!-- Define custom Strokes for the columns. -->
+	    <mx:SolidColorStroke id="s1" color="yellow" weight="2"/>
+	    <mx:SolidColorStroke id="s2" color="0xCCCCCC" weight="2"/>
+	    <mx:SolidColorStroke id="s3" color="0xFFCC66" weight="2"/>
+	</fx:Declarations>
+
+    <mx:Panel title="ColumnChart and BarChart Controls Example" 
+        height="100%" width="100%" layout="horizontal">
+        <mx:ColumnChart id="column" 
+            height="100%" 
+            width="45%" 
+            paddingLeft="5" 
+            paddingRight="5" 
+            showDataTips="true" 
+            dataProvider="{medalsAC}"
+        >                
+            <mx:horizontalAxis>
+                <mx:CategoryAxis categoryField="Country"/>
+            </mx:horizontalAxis>
+                
+            <mx:series>
+                <mx:ColumnSeries 
+                    xField="Country" 
+                    yField="Gold" 
+                    displayName="Gold"
+                    fill="{sc1}"
+                    stroke="{s1}"
+                />
+                <mx:ColumnSeries 
+                    xField="Country" 
+                    yField="Silver" 
+                    displayName="Silver"
+                    fill="{sc2}"
+                    stroke="{s2}"
+                />
+                <mx:ColumnSeries 
+                    xField="Country" 
+                    yField="Bronze" 
+                    displayName="Bronze"
+                    fill="{sc3}"
+                    stroke="{s3}"
+                />
+            </mx:series>
+        </mx:ColumnChart>
+
+        <mx:Legend dataProvider="{column}"/>
+
+         <mx:BarChart id="bar" height="100%" width="45%" 
+            paddingLeft="5" paddingRight="5" 
+            showDataTips="true" dataProvider="{medalsAC}">
+                
+            <mx:verticalAxis>
+                <mx:CategoryAxis categoryField="Country"/>
+            </mx:verticalAxis>
+                
+            <mx:series>
+                <mx:BarSeries 
+                    yField="Country" 
+                    xField="Gold" 
+                    displayName="Gold"
+                    fill="{sc1}"
+                    stroke="{s1}"
+                />
+                <mx:BarSeries 
+                    yField="Country" 
+                    xField="Silver" 
+                    displayName="Silver"
+                    fill="{sc2}"
+                    stroke="{s2}"
+                />
+                <mx:BarSeries 
+                    yField="Country" 
+                    xField="Bronze" 
+                    displayName="Bronze"
+                    fill="{sc3}"
+                    stroke="{s3}"
+                />
+            </mx:series>
+        </mx:BarChart>
+
+        <mx:Legend dataProvider="{bar}"/>
+
+    </mx:Panel>
+</mx:Application>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/mx/charts/DateTimeAxisExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/mx/charts/DateTimeAxisExample.mxml b/TourDeFlex/TourDeFlex3/src/mx/charts/DateTimeAxisExample.mxml
new file mode 100755
index 0000000..11c28f9
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/mx/charts/DateTimeAxisExample.mxml
@@ -0,0 +1,68 @@
+<?xml version="1.0"?>
+<!--
+  Licensed to the Apache Software Foundation (ASF) under one or more
+      contributor license agreements.  See the NOTICE file distributed with
+      this work for additional information regarding copyright ownership.
+      The ASF licenses this file to You under the Apache License, Version 2.0
+      (the "License"); you may not use this file except in compliance with
+      the License.  You may obtain a copy of the License at
+
+          http://www.apache.org/licenses/LICENSE-2.0
+
+      Unless required by applicable law or agreed to in writing, software
+      distributed under the License is distributed on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+      See the License for the specific language governing permissions and
+      limitations under the License.
+  -->
+
+<!-- Simple example to demonstrate the DateTimeAxis class. -->
+<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
+
+    <fx:Script>
+        <![CDATA[
+
+            import mx.collections.ArrayCollection;
+
+            [Bindable] 
+            public var stockDataAC:ArrayCollection = new ArrayCollection( [
+                {date: "2005, 7, 27", close: 41.71},
+                {date: "2005, 7, 28", close: 42.21},
+                {date: "2005, 7, 29", close: 42.11},
+                {date: "2005, 8, 1", close: 42.71},
+                {date: "2005, 8, 2", close: 42.99},
+                {date: "2005, 8, 3", close: 44} ]);
+    
+            public function myParseFunction(s:String):Date { 
+                // Get an array of Strings from the comma-separated String passed in.
+                var a:Array = s.split(",");
+                // Create the new Date object. Subtract one from 
+                // the month property because months are zero-based in 
+                // the Date constructor.
+                var newDate:Date = new Date(a[0],a[1]-1,a[2]);
+                return newDate;
+            }
+        ]]>
+    </fx:Script>
+
+    <mx:Panel title="DateTimeAxis Example" height="100%" width="100%">
+    
+        <mx:LineChart id="mychart" height="100%" width="100%"
+            paddingRight="5" paddingLeft="5" 
+            showDataTips="true" dataProvider="{stockDataAC}">
+            
+            <mx:horizontalAxis>
+                <mx:DateTimeAxis dataUnits="days" parseFunction="myParseFunction"/>
+            </mx:horizontalAxis>
+
+            <mx:verticalAxis>
+                <mx:LinearAxis baseAtZero="false" />
+            </mx:verticalAxis>
+
+            <mx:series>
+                <mx:LineSeries yField="close" xField="date" displayName="AAPL"/>
+            </mx:series>
+        </mx:LineChart>
+        
+    </mx:Panel>
+</mx:Application>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/mx/charts/GridLinesExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/mx/charts/GridLinesExample.mxml b/TourDeFlex/TourDeFlex3/src/mx/charts/GridLinesExample.mxml
new file mode 100755
index 0000000..9a8765e
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/mx/charts/GridLinesExample.mxml
@@ -0,0 +1,68 @@
+<?xml version="1.0"?>
+<!--
+  Licensed to the Apache Software Foundation (ASF) under one or more
+      contributor license agreements.  See the NOTICE file distributed with
+      this work for additional information regarding copyright ownership.
+      The ASF licenses this file to You under the Apache License, Version 2.0
+      (the "License"); you may not use this file except in compliance with
+      the License.  You may obtain a copy of the License at
+
+          http://www.apache.org/licenses/LICENSE-2.0
+
+      Unless required by applicable law or agreed to in writing, software
+      distributed under the License is distributed on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+      See the License for the specific language governing permissions and
+      limitations under the License.
+  -->
+
+<!-- Simple example to demonstrate the GridLines class. -->
+<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
+
+    <fx:Script>
+        <![CDATA[
+
+        import mx.collections.ArrayCollection;
+
+        [Bindable]
+        private var expensesAC:ArrayCollection = new ArrayCollection( [
+            { Month: "Jan", Profit: 2000, Expenses: 1500, Amount: 450 },
+            { Month: "Feb", Profit: 1000, Expenses: 200, Amount: 600 },
+            { Month: "Mar", Profit: 1500, Expenses: 500, Amount: 300 },
+            { Month: "Apr", Profit: 1800, Expenses: 1200, Amount: 900 },
+            { Month: "May", Profit: 2400, Expenses: 575, Amount: 500 } ]);
+        ]]>
+    </fx:Script>
+
+    <mx:Panel title="GridLines Example" height="100%" width="100%">
+
+        <mx:LineChart id="linechart" height="100%" width="100%"
+            paddingLeft="5" paddingRight="5" 
+            showDataTips="true" dataProvider="{expensesAC}">
+                
+            <mx:horizontalAxis>
+                <mx:CategoryAxis categoryField="Month"/>
+            </mx:horizontalAxis>
+                
+            <mx:backgroundElements>
+               <mx:GridLines gridDirection="horizontal">
+                    <mx:horizontalStroke>
+                        <mx:SolidColorStroke weight="1"/>
+                    </mx:horizontalStroke>
+                    <mx:horizontalFill>
+                        <mx:SolidColor color="0xCCCCCC" alpha=".66"/>
+                    </mx:horizontalFill>
+                </mx:GridLines>
+            </mx:backgroundElements>
+
+            <mx:series>
+                <mx:LineSeries yField="Profit" form="curve" displayName="Profit"/>
+                <mx:LineSeries yField="Expenses" form="curve" displayName="Expenses"/>
+                <mx:LineSeries yField="Amount" form="curve" displayName="Amount"/>
+            </mx:series>
+        </mx:LineChart>
+
+        <mx:Legend dataProvider="{linechart}"/>
+
+    </mx:Panel>
+</mx:Application>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/mx/charts/HLOCChartExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/mx/charts/HLOCChartExample.mxml b/TourDeFlex/TourDeFlex3/src/mx/charts/HLOCChartExample.mxml
new file mode 100755
index 0000000..0e6c1de
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/mx/charts/HLOCChartExample.mxml
@@ -0,0 +1,77 @@
+<?xml version="1.0"?>
+<!--
+  Licensed to the Apache Software Foundation (ASF) under one or more
+      contributor license agreements.  See the NOTICE file distributed with
+      this work for additional information regarding copyright ownership.
+      The ASF licenses this file to You under the Apache License, Version 2.0
+      (the "License"); you may not use this file except in compliance with
+      the License.  You may obtain a copy of the License at
+
+          http://www.apache.org/licenses/LICENSE-2.0
+
+      Unless required by applicable law or agreed to in writing, software
+      distributed under the License is distributed on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+      See the License for the specific language governing permissions and
+      limitations under the License.
+  -->
+
+<!-- Simple example to demonstrate the HLOCChart control. -->
+<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
+    <fx:Script>
+        <![CDATA[          
+        import mx.collections.ArrayCollection;
+
+        [Bindable]
+        private var stockDataAC:ArrayCollection = new ArrayCollection( [
+            { Date: "25-Jul", Open: 40.55,  High: 40.75, Low: 40.24, Close:40.31},
+            { Date: "26-Jul", Open: 40.15,  High: 40.78, Low: 39.97, Close:40.34},
+            { Date: "27-Jul", Open: 40.38,  High: 40.66, Low: 40, Close:40.63},
+            { Date: "28-Jul", Open: 40.49,  High: 40.99, Low: 40.3, Close:40.98},
+            { Date: "29-Jul", Open: 40.13,  High: 40.4, Low: 39.65, Close:39.95},
+            { Date: "1-Aug", Open: 39.00,  High: 39.50, Low: 38.7, Close:38.6}, 
+            { Date: "2-Aug", Open: 38.68,  High: 39.34, Low: 37.75, Close:38.84}, 
+            { Date: "3-Aug", Open: 38.76,  High: 38.76, Low: 38.03, Close:38.12}, 
+            { Date: "4-Aug", Open: 37.98,  High: 37.98, Low: 36.56, Close:36.69},                       
+            { Date: "5-Aug", Open: 36.61,  High: 37, Low: 36.48, Close:36.86} ]); 
+        ]]>
+    </fx:Script>
+
+	<fx:Declarations>
+    	<!-- Define custom Stroke for the wick and ticks. -->
+   		<mx:SolidColorStroke id="s1" color="0x000000" weight="5" joints="bevel" caps="square"/>
+	</fx:Declarations>
+
+    <mx:Panel title="HLOCChart Control Example" height="100%" width="100%">
+        <mx:HLOCChart id="hlocchart" height="100%" width="100%"
+            paddingRight="5" paddingLeft="5" 
+            showDataTips="true" dataProvider="{stockDataAC}">
+            
+            <mx:verticalAxis>
+                <mx:LinearAxis id="vaxis" baseAtZero="false" title="Price"/>
+            </mx:verticalAxis>
+
+            <mx:horizontalAxis>
+                <mx:CategoryAxis id="haxis" categoryField="Date" title="Date"/>
+            </mx:horizontalAxis>
+
+            <mx:horizontalAxisRenderers>
+                <mx:AxisRenderer axis="{haxis}" canDropLabels="true"/>
+            </mx:horizontalAxisRenderers>
+
+            <mx:series>
+                <mx:HLOCSeries 
+                    openField="Open" 
+                    highField="High" 
+                    lowField="Low" 
+                    closeField="Close"
+                    stroke="{s1}"
+                    openTickStroke="{s1}"
+                    closeTickStroke="{s1}"
+                    openTickLength="7"
+                    closeTickLength="7"
+                />
+            </mx:series>
+        </mx:HLOCChart>
+    </mx:Panel>
+</mx:Application>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/mx/charts/Line_AreaChartExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/mx/charts/Line_AreaChartExample.mxml b/TourDeFlex/TourDeFlex3/src/mx/charts/Line_AreaChartExample.mxml
new file mode 100755
index 0000000..afebf63
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/mx/charts/Line_AreaChartExample.mxml
@@ -0,0 +1,87 @@
+<?xml version="1.0"?>
+<!--
+  Licensed to the Apache Software Foundation (ASF) under one or more
+      contributor license agreements.  See the NOTICE file distributed with
+      this work for additional information regarding copyright ownership.
+      The ASF licenses this file to You under the Apache License, Version 2.0
+      (the "License"); you may not use this file except in compliance with
+      the License.  You may obtain a copy of the License at
+
+          http://www.apache.org/licenses/LICENSE-2.0
+
+      Unless required by applicable law or agreed to in writing, software
+      distributed under the License is distributed on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+      See the License for the specific language governing permissions and
+      limitations under the License.
+  -->
+
+<!-- Simple example to demonstrate the LineChart and AreaChart controls. -->
+<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
+
+    <fx:Script>
+        <![CDATA[
+
+        import mx.collections.ArrayCollection;
+
+        [Bindable]
+        private var expensesAC:ArrayCollection = new ArrayCollection( [
+            { Month: "Jan", Profit: 2000, Expenses: 1500, Amount: 450 },
+            { Month: "Feb", Profit: 1000, Expenses: 200, Amount: 600 },
+            { Month: "Mar", Profit: 1500, Expenses: 500, Amount: 300 },
+            { Month: "Apr", Profit: 1800, Expenses: 1200, Amount: 900 },
+            { Month: "May", Profit: 2400, Expenses: 575, Amount: 500 } ]);
+        ]]>
+    </fx:Script>
+
+	<fx:Declarations>
+	    <!-- Define custom colors for use as fills in the AreaChart control. -->
+	    <mx:SolidColor id="sc1" color="blue" alpha=".3"/>
+	    <mx:SolidColor id="sc2" color="red" alpha=".3"/>
+	    <mx:SolidColor id="sc3" color="green" alpha=".3"/>
+	
+	    <!-- Define custom Strokes. -->
+	    <mx:SolidColorStroke id = "s1" color="blue" weight="2"/>
+	    <mx:SolidColorStroke id = "s2" color="red" weight="2"/>
+	    <mx:SolidColorStroke id = "s3" color="green" weight="2"/>
+	</fx:Declarations>
+
+    <mx:Panel title="LineChart and AreaChart Controls Example" 
+        height="100%" width="100%" layout="horizontal">
+
+        <mx:LineChart id="linechart" height="100%" width="45%"
+            paddingLeft="5" paddingRight="5" 
+            showDataTips="true" dataProvider="{expensesAC}">
+                
+            <mx:horizontalAxis>
+                <mx:CategoryAxis categoryField="Month"/>
+            </mx:horizontalAxis>
+
+            <mx:series>
+                <mx:LineSeries yField="Profit" form="curve" displayName="Profit" lineStroke="{s1}"/>
+                <mx:LineSeries yField="Expenses" form="curve" displayName="Expenses" lineStroke="{s2}"/>
+                <mx:LineSeries yField="Amount" form="curve" displayName="Amount" lineStroke="{s3}"/>
+            </mx:series>
+        </mx:LineChart>
+
+        <mx:Legend dataProvider="{linechart}"/>
+
+        <mx:AreaChart id="Areachart" height="100%" width="45%"
+             paddingLeft="5" paddingRight="5" 
+             showDataTips="true" dataProvider="{expensesAC}">
+                 
+            <mx:horizontalAxis>
+                <mx:CategoryAxis categoryField="Month"/>
+            </mx:horizontalAxis>
+
+            <mx:series>
+                <mx:AreaSeries yField="Profit" form="curve" displayName="Profit" areaStroke="{s1}" areaFill="{sc1}"/>
+                <mx:AreaSeries yField="Expenses" form="curve" displayName="Expenses" areaStroke="{s2}" areaFill="{sc2}"/>
+                <mx:AreaSeries yField="Amount" form="curve" displayName="Amount" areaStroke="{s3}" areaFill="{sc3}"/>
+            </mx:series>
+        </mx:AreaChart>
+            
+        <mx:Legend dataProvider="{Areachart}"/>
+
+    </mx:Panel>
+</mx:Application>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/mx/charts/LogAxisExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/mx/charts/LogAxisExample.mxml b/TourDeFlex/TourDeFlex3/src/mx/charts/LogAxisExample.mxml
new file mode 100755
index 0000000..3982d8f
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/mx/charts/LogAxisExample.mxml
@@ -0,0 +1,61 @@
+<?xml version="1.0"?>
+<!--
+  Licensed to the Apache Software Foundation (ASF) under one or more
+      contributor license agreements.  See the NOTICE file distributed with
+      this work for additional information regarding copyright ownership.
+      The ASF licenses this file to You under the Apache License, Version 2.0
+      (the "License"); you may not use this file except in compliance with
+      the License.  You may obtain a copy of the License at
+
+          http://www.apache.org/licenses/LICENSE-2.0
+
+      Unless required by applicable law or agreed to in writing, software
+      distributed under the License is distributed on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+      See the License for the specific language governing permissions and
+      limitations under the License.
+  -->
+
+<!-- Simple example to demonstrate the LogAxis class. -->
+<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
+
+    <fx:Script>
+        <![CDATA[
+
+        import mx.collections.ArrayCollection;
+
+        [Bindable]
+        private var expensesAC:ArrayCollection = new ArrayCollection( [
+            { Month: "Jan", Profit: 20000, Expenses: 1500, Amount: 450 },
+            { Month: "Feb", Profit: 1000, Expenses: 15000, Amount: 600 },
+            { Month: "Mar", Profit: 15000, Expenses: 5000, Amount: 300 },
+            { Month: "Apr", Profit: 1800, Expenses: 1200, Amount: 900 },
+            { Month: "May", Profit: 2400, Expenses: 575, Amount: 500 } ]);
+        ]]>
+    </fx:Script>
+
+    <mx:Panel title="LogAxis Example" height="100%" width="100%">
+
+        <mx:LineChart id="linechart" height="100%" width="100%"
+            paddingLeft="5" paddingRight="5" 
+            showDataTips="true" dataProvider="{expensesAC}">
+                
+            <mx:horizontalAxis>
+                <mx:CategoryAxis categoryField="Month"/>
+            </mx:horizontalAxis>
+                
+            <mx:verticalAxis>
+                <mx:LogAxis interval="10"/>
+            </mx:verticalAxis>
+                
+            <mx:series>
+                <mx:LineSeries yField="Profit" form="curve" displayName="Profit"/>
+                <mx:LineSeries yField="Expenses" form="curve" displayName="Expenses"/>
+                <mx:LineSeries yField="Amount" form="curve" displayName="Amount"/>
+            </mx:series>
+        </mx:LineChart>
+
+        <mx:Legend dataProvider="{linechart}"/>
+
+    </mx:Panel>
+</mx:Application>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/mx/charts/PieChartExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/mx/charts/PieChartExample.mxml b/TourDeFlex/TourDeFlex3/src/mx/charts/PieChartExample.mxml
new file mode 100755
index 0000000..245a89d
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/mx/charts/PieChartExample.mxml
@@ -0,0 +1,85 @@
+<?xml version="1.0"?>
+<!--
+  Licensed to the Apache Software Foundation (ASF) under one or more
+      contributor license agreements.  See the NOTICE file distributed with
+      this work for additional information regarding copyright ownership.
+      The ASF licenses this file to You under the Apache License, Version 2.0
+      (the "License"); you may not use this file except in compliance with
+      the License.  You may obtain a copy of the License at
+
+          http://www.apache.org/licenses/LICENSE-2.0
+
+      Unless required by applicable law or agreed to in writing, software
+      distributed under the License is distributed on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+      See the License for the specific language governing permissions and
+      limitations under the License.
+  -->
+
+<!-- Simple example to demonstrate the PieChart control. -->
+<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
+    <fx:Script>
+        <![CDATA[          
+        import mx.collections.ArrayCollection;
+
+        [Bindable]
+        private var medalsAC:ArrayCollection = new ArrayCollection( [
+            { Country: "USA", Gold: 35, Silver:39, Bronze: 29 },
+            { Country: "China", Gold: 32, Silver:17, Bronze: 14 },
+            { Country: "Russia", Gold: 27, Silver:27, Bronze: 38 } ]);
+    
+        private function displayGold(data:Object, field:String, index:Number, percentValue:Number):String {
+            var temp:String= (" " + percentValue).substr(0,6);
+            return data.Country + ": " + '\n' + "Total Gold: " + data.Gold + '\n' + temp + "%";
+        }
+        ]]>
+    </fx:Script>
+
+	<fx:Declarations>
+	    <!-- Define custom colors for use as pie wedge fills. -->
+	    <mx:SolidColor id="sc1" color="blue" alpha=".6"/>
+	    <mx:SolidColor id="sc2" color="red" alpha=".6"/>
+	    <mx:SolidColor id="sc3" color="0x663300" alpha=".6"/>
+	
+	    <!-- This Stroke is used for the callout lines. -->
+	    <mx:SolidColorStroke id="callouts" weight="2" color="0x999999" alpha=".8" caps="square"/>
+	    
+	    <!-- This Stroke is used to separate the wedges in the pie. -->
+	    <mx:SolidColorStroke id="radial" weight="1" color="0xFFFFCC" alpha=".3"/>
+	
+	    <!-- This Stroke is used for the outer border of the pie. -->
+	    <mx:SolidColorStroke id="pieborder" color="0x000000" weight="2" alpha=".5"/>
+	</fx:Declarations>
+
+    <mx:Panel title="Olympics 2004 Medals Tally Panel" height="100%" width="100%">
+        <mx:PieChart id="chart" 
+            height="100%" 
+            width="100%"
+            paddingRight="5" 
+            paddingLeft="5" 
+            showDataTips="true" 
+            dataProvider="{medalsAC}"
+        >          
+            <!--
+            -->
+            <mx:series>
+                <mx:PieSeries 
+                    nameField="Country"
+                    labelPosition="callout" 
+                    field="Gold" 
+                    labelFunction="displayGold" 
+                    calloutStroke="{callouts}" 
+                    radialStroke="{radial}" 
+                    stroke="{pieborder}"
+                    fills="{[sc1, sc2, sc3]}"
+                >
+                    <!-- Clear the drop shadow filters from the chart. -->
+                    <mx:filters>
+                        <fx:Array/>
+                    </mx:filters>
+                </mx:PieSeries>
+            </mx:series>
+        </mx:PieChart>  
+        <mx:Legend dataProvider="{chart}"/>
+    </mx:Panel>
+</mx:Application>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/mx/charts/PlotChartExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/mx/charts/PlotChartExample.mxml b/TourDeFlex/TourDeFlex3/src/mx/charts/PlotChartExample.mxml
new file mode 100755
index 0000000..f1d7435
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/mx/charts/PlotChartExample.mxml
@@ -0,0 +1,80 @@
+<?xml version="1.0"?>
+<!--
+  Licensed to the Apache Software Foundation (ASF) under one or more
+      contributor license agreements.  See the NOTICE file distributed with
+      this work for additional information regarding copyright ownership.
+      The ASF licenses this file to You under the Apache License, Version 2.0
+      (the "License"); you may not use this file except in compliance with
+      the License.  You may obtain a copy of the License at
+
+          http://www.apache.org/licenses/LICENSE-2.0
+
+      Unless required by applicable law or agreed to in writing, software
+      distributed under the License is distributed on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+      See the License for the specific language governing permissions and
+      limitations under the License.
+  -->
+
+<!-- Simple example to demonstrate the PlotChart control. -->
+<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
+    <fx:Script>
+        <![CDATA[
+        import mx.collections.ArrayCollection;
+
+        [Bindable]
+        private var expensesAC:ArrayCollection = new ArrayCollection( [
+            { Month: "Jan", Profit: 2000, Expenses: 1500, Amount: 450 },
+            { Month: "Feb", Profit: 1000, Expenses: 200, Amount: 600 },
+            { Month: "Mar", Profit: 1500, Expenses: 500, Amount: 300 } ]);
+        ]]>
+    </fx:Script>
+
+	<fx:Declarations>
+	    <!-- Define custom colors for use as plot point fills. -->
+	    <mx:SolidColor id="sc1" color="blue" alpha=".3"/>
+	    <mx:SolidColor id="sc2" color="red" alpha=".3"/>
+	    <mx:SolidColor id="sc3" color="green" alpha=".3"/>
+	
+	    <!-- Define custom Strokes. -->
+	    <mx:SolidColorStroke id="s1" color="blue" weight="1"/>
+	    <mx:SolidColorStroke id="s2" color="red" weight="1"/>
+	    <mx:SolidColorStroke id="s3" color="green" weight="1"/>
+	</fx:Declarations>
+
+    <mx:Panel title="PlotChart Control Example" height="100%" width="100%">
+        <mx:PlotChart id="plot" 
+            height="100%" 
+            width="100%"
+            paddingLeft="5" 
+            paddingRight="5" 
+            showDataTips="true" 
+            dataProvider="{expensesAC}"
+        >                
+            <mx:series>
+                <mx:PlotSeries
+                    xField="Expenses"
+                    yField="Profit"
+                    displayName="Plot 1"
+                    fill="{sc1}"
+                    stroke="{s1}"
+                />
+                <mx:PlotSeries
+                    xField="Amount"
+                    yField="Expenses"
+                    displayName="Plot 2"
+                    fill="{sc2}"
+                    stroke="{s2}"
+                />
+                <mx:PlotSeries
+                    xField="Profit"
+                    yField="Amount"
+                    displayName="Plot 3"
+                    fill="{sc3}"
+                    stroke="{s3}"
+                />
+            </mx:series>
+        </mx:PlotChart>
+        <mx:Legend dataProvider="{plot}"/>
+    </mx:Panel>
+</mx:Application>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/mx/charts/SeriesInterpolateExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/mx/charts/SeriesInterpolateExample.mxml b/TourDeFlex/TourDeFlex3/src/mx/charts/SeriesInterpolateExample.mxml
new file mode 100755
index 0000000..13ce221
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/mx/charts/SeriesInterpolateExample.mxml
@@ -0,0 +1,96 @@
+<?xml version="1.0"?>
+<!--
+  Licensed to the Apache Software Foundation (ASF) under one or more
+      contributor license agreements.  See the NOTICE file distributed with
+      this work for additional information regarding copyright ownership.
+      The ASF licenses this file to You under the Apache License, Version 2.0
+      (the "License"); you may not use this file except in compliance with
+      the License.  You may obtain a copy of the License at
+
+          http://www.apache.org/licenses/LICENSE-2.0
+
+      Unless required by applicable law or agreed to in writing, software
+      distributed under the License is distributed on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+      See the License for the specific language governing permissions and
+      limitations under the License.
+  -->
+
+<!-- Simple example to demonstrate the CandlestickChart control. -->
+<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
+
+    <fx:Script>
+        <![CDATA[
+          
+        import mx.collections.ArrayCollection;
+
+        [Bindable]
+        private var companyAAC:ArrayCollection = new ArrayCollection( [
+            { Date: "25-Jul", Open: 40.75,  High: 40.75, Low: 40.24, Close:40.31},
+            { Date: "26-Jul", Open: 39.98,  High: 40.78, Low: 39.97, Close:40.34},
+            { Date: "27-Jul", Open: 40.38,  High: 40.66, Low: 40, Close:40.63},
+            { Date: "28-Jul", Open: 40.49,  High: 40.99, Low: 40.3, Close:40.98},
+            { Date: "29-Jul", Open: 40.13,  High: 40.4, Low: 39.65, Close:39.95},
+            { Date: "1-Aug", Open: 39.00,  High: 39.50, Low: 38.7, Close:38.6}, 
+            { Date: "2-Aug", Open: 38.68,  High: 39.34, Low: 37.75, Close:38.84}, 
+            { Date: "3-Aug", Open: 38.76,  High: 38.76, Low: 38.03, Close:38.12}, 
+            { Date: "4-Aug", Open: 37.98,  High: 37.98, Low: 36.56, Close:36.69},                       
+            { Date: "5-Aug", Open: 36.61,  High: 37, Low: 36.48, Close:36.86} ]);
+
+        [Bindable]
+        private var companyBAC:ArrayCollection = new ArrayCollection( [
+            { Date: "25-Jul", Open: 18.50,  High: 19, Low: 18.48, Close:18.86},
+            { Date: "26-Jul", Open: 19.56,  High: 19.98, Low: 18.6, Close:18.69},                       
+            { Date: "27-Jul", Open: 20.81,  High: 20.99, Low: 20.03, Close:20.12}, 
+            { Date: "28-Jul", Open: 20.70,  High: 21.00, Low: 19.5, Close:20.84}, 
+            { Date: "29-Jul", Open: 21.7,  High: 21.79, Low: 20.45, Close:20.6}, 
+            { Date: "1-Aug", Open: 22.45,  High: 22.65, Low: 21.65, Close:21.95},
+            { Date: "2-Aug", Open: 22.56,  High: 22.6, Low: 22.05, Close:22.98},
+            { Date: "3-Aug", Open: 22.42,  High: 22.70, Low: 22.1, Close:22.63},
+            { Date: "4-Aug", Open: 21.67,  High: 22.82, Low: 21.67, Close:22.34},
+            { Date: "5-Aug", Open: 22.44,  High: 22.85, Low: 22.12, Close:22.31} ]);
+        ]]>
+    </fx:Script>
+
+	<fx:Declarations>
+    	<mx:SeriesInterpolate id="interpolateIn" duration="1000"/>
+	</fx:Declarations>
+	
+    <mx:Panel title="CandlestickChart Control Example" height="100%" width="100%" 
+        paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10">
+
+        <mx:CandlestickChart id="candlestickchart" height="100%" width="100%"
+            paddingRight="5" paddingLeft="5" 
+            showDataTips="true" dataProvider="{companyAAC}">
+            
+            <mx:verticalAxis>
+                <mx:LinearAxis id="vaxis" baseAtZero="false" title="Price"/>
+            </mx:verticalAxis>
+
+            <mx:horizontalAxis>
+                <mx:CategoryAxis id="haxis" categoryField="Date" title="Date"/>
+            </mx:horizontalAxis>
+
+            <mx:horizontalAxisRenderers>
+                <mx:AxisRenderer axis="{haxis}" canDropLabels="true"/>
+            </mx:horizontalAxisRenderers>
+
+            <mx:series>
+                <mx:CandlestickSeries  
+                    openField="Open" highField="High" 
+                    lowField="Low" closeField="Close"
+                    showDataEffect="{interpolateIn}"/>
+            </mx:series>
+        </mx:CandlestickChart>
+        
+        <mx:Label width="100%" color="blue"
+            text="Choose a company to view recent stock data."/>
+
+        <mx:HBox>
+            <mx:RadioButton groupName="stocks" label="View Company A"
+                selected="true" click="candlestickchart.dataProvider=companyAAC;"/>
+            <mx:RadioButton groupName="stocks" label="View Company B"
+                click="candlestickchart.dataProvider=companyBAC;"/>
+        </mx:HBox>
+    </mx:Panel>
+</mx:Application>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/mx/charts/SeriesSlideExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/mx/charts/SeriesSlideExample.mxml b/TourDeFlex/TourDeFlex3/src/mx/charts/SeriesSlideExample.mxml
new file mode 100755
index 0000000..09335b9
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/mx/charts/SeriesSlideExample.mxml
@@ -0,0 +1,98 @@
+<?xml version="1.0"?>
+<!--
+  Licensed to the Apache Software Foundation (ASF) under one or more
+      contributor license agreements.  See the NOTICE file distributed with
+      this work for additional information regarding copyright ownership.
+      The ASF licenses this file to You under the Apache License, Version 2.0
+      (the "License"); you may not use this file except in compliance with
+      the License.  You may obtain a copy of the License at
+
+          http://www.apache.org/licenses/LICENSE-2.0
+
+      Unless required by applicable law or agreed to in writing, software
+      distributed under the License is distributed on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+      See the License for the specific language governing permissions and
+      limitations under the License.
+  -->
+
+<!-- Simple example to demonstrate the CandlestickChart control. -->
+<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
+
+    <fx:Script>
+        <![CDATA[
+          
+        import mx.collections.ArrayCollection;
+
+        [Bindable]
+        private var companyAAC:ArrayCollection = new ArrayCollection( [
+            { Date: "25-Jul", Open: 40.75,  High: 40.75, Low: 40.24, Close:40.31},
+            { Date: "26-Jul", Open: 39.98,  High: 40.78, Low: 39.97, Close:40.34},
+            { Date: "27-Jul", Open: 40.38,  High: 40.66, Low: 40, Close:40.63},
+            { Date: "28-Jul", Open: 40.49,  High: 40.99, Low: 40.3, Close:40.98},
+            { Date: "29-Jul", Open: 40.13,  High: 40.4, Low: 39.65, Close:39.95},
+            { Date: "1-Aug", Open: 39.00,  High: 39.50, Low: 38.7, Close:38.6}, 
+            { Date: "2-Aug", Open: 38.68,  High: 39.34, Low: 37.75, Close:38.84}, 
+            { Date: "3-Aug", Open: 38.76,  High: 38.76, Low: 38.03, Close:38.12}, 
+            { Date: "4-Aug", Open: 37.98,  High: 37.98, Low: 36.56, Close:36.69},                       
+            { Date: "5-Aug", Open: 36.61,  High: 37, Low: 36.48, Close:36.86} ]);
+
+        [Bindable]
+        private var companyBAC:ArrayCollection = new ArrayCollection( [
+            { Date: "25-Jul", Open: 18.50,  High: 19, Low: 18.48, Close:18.86},
+            { Date: "26-Jul", Open: 19.56,  High: 19.98, Low: 18.6, Close:18.69},                       
+            { Date: "27-Jul", Open: 20.81,  High: 20.99, Low: 20.03, Close:20.12}, 
+            { Date: "28-Jul", Open: 20.70,  High: 21.00, Low: 19.5, Close:20.84}, 
+            { Date: "29-Jul", Open: 21.7,  High: 21.79, Low: 20.45, Close:20.6}, 
+            { Date: "1-Aug", Open: 22.45,  High: 22.65, Low: 21.65, Close:21.95},
+            { Date: "2-Aug", Open: 22.56,  High: 22.6, Low: 22.05, Close:22.98},
+            { Date: "3-Aug", Open: 22.42,  High: 22.70, Low: 22.1, Close:22.63},
+            { Date: "4-Aug", Open: 21.67,  High: 22.82, Low: 21.67, Close:22.34},
+            { Date: "5-Aug", Open: 22.44,  High: 22.85, Low: 22.12, Close:22.31} ]);
+        ]]>
+    </fx:Script>
+    
+	<fx:Declarations>
+    	<mx:SeriesSlide id="slideIn" duration="1000" direction="up"/>
+    	<mx:SeriesSlide id="slideOut" duration="1000" direction="down"/>
+	</fx:Declarations>
+
+    <mx:Panel title="CandlestickChart Control Example" height="100%" width="100%" 
+        paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10">
+
+        <mx:CandlestickChart id="candlestickchart" height="100%" width="100%"
+            paddingRight="5" paddingLeft="5" 
+            showDataTips="true" dataProvider="{companyAAC}">
+            
+            <mx:verticalAxis>
+                <mx:LinearAxis id="vaxis" baseAtZero="false" title="Price"/>
+            </mx:verticalAxis>
+
+            <mx:horizontalAxis>
+                <mx:CategoryAxis id="haxis" categoryField="Date" title="Date"/>
+            </mx:horizontalAxis>
+
+            <mx:horizontalAxisRenderers>
+                <mx:AxisRenderer axis="{haxis}" canDropLabels="true"/>
+            </mx:horizontalAxisRenderers>
+
+            <mx:series>
+                <mx:CandlestickSeries  
+                    openField="Open" highField="High" 
+                    lowField="Low" closeField="Close"
+                    showDataEffect="{slideIn}" 
+                    hideDataEffect="{slideOut}"/>
+            </mx:series>
+        </mx:CandlestickChart>
+        
+        <mx:Label width="100%" color="blue"
+            text="Choose a company to view recent stock data."/>
+
+        <mx:HBox>
+            <mx:RadioButton groupName="stocks" label="View Company A"
+                selected="true" click="candlestickchart.dataProvider=companyAAC;"/>
+            <mx:RadioButton groupName="stocks" label="View Company B"
+                click="candlestickchart.dataProvider=companyBAC;"/>
+        </mx:HBox>
+    </mx:Panel>
+</mx:Application>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/mx/charts/SeriesZoomExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/mx/charts/SeriesZoomExample.mxml b/TourDeFlex/TourDeFlex3/src/mx/charts/SeriesZoomExample.mxml
new file mode 100755
index 0000000..b68ca56
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/mx/charts/SeriesZoomExample.mxml
@@ -0,0 +1,98 @@
+<?xml version="1.0"?>
+<!--
+  Licensed to the Apache Software Foundation (ASF) under one or more
+      contributor license agreements.  See the NOTICE file distributed with
+      this work for additional information regarding copyright ownership.
+      The ASF licenses this file to You under the Apache License, Version 2.0
+      (the "License"); you may not use this file except in compliance with
+      the License.  You may obtain a copy of the License at
+
+          http://www.apache.org/licenses/LICENSE-2.0
+
+      Unless required by applicable law or agreed to in writing, software
+      distributed under the License is distributed on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+      See the License for the specific language governing permissions and
+      limitations under the License.
+  -->
+
+<!-- Simple example to demonstrate the CandlestickChart control. -->
+<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
+
+    <fx:Script>
+        <![CDATA[
+          
+        import mx.collections.ArrayCollection;
+
+        [Bindable]
+        private var companyAAC:ArrayCollection = new ArrayCollection( [
+            { Date: "25-Jul", Open: 40.75,  High: 40.75, Low: 40.24, Close:40.31},
+            { Date: "26-Jul", Open: 39.98,  High: 40.78, Low: 39.97, Close:40.34},
+            { Date: "27-Jul", Open: 40.38,  High: 40.66, Low: 40, Close:40.63},
+            { Date: "28-Jul", Open: 40.49,  High: 40.99, Low: 40.3, Close:40.98},
+            { Date: "29-Jul", Open: 40.13,  High: 40.4, Low: 39.65, Close:39.95},
+            { Date: "1-Aug", Open: 39.00,  High: 39.50, Low: 38.7, Close:38.6}, 
+            { Date: "2-Aug", Open: 38.68,  High: 39.34, Low: 37.75, Close:38.84}, 
+            { Date: "3-Aug", Open: 38.76,  High: 38.76, Low: 38.03, Close:38.12}, 
+            { Date: "4-Aug", Open: 37.98,  High: 37.98, Low: 36.56, Close:36.69},                       
+            { Date: "5-Aug", Open: 36.61,  High: 37, Low: 36.48, Close:36.86} ]);
+
+        [Bindable]
+        private var companyBAC:ArrayCollection = new ArrayCollection( [
+            { Date: "25-Jul", Open: 18.50,  High: 19, Low: 18.48, Close:18.86},
+            { Date: "26-Jul", Open: 19.56,  High: 19.98, Low: 18.6, Close:18.69},                       
+            { Date: "27-Jul", Open: 20.81,  High: 20.99, Low: 20.03, Close:20.12}, 
+            { Date: "28-Jul", Open: 20.70,  High: 21.00, Low: 19.5, Close:20.84}, 
+            { Date: "29-Jul", Open: 21.7,  High: 21.79, Low: 20.45, Close:20.6}, 
+            { Date: "1-Aug", Open: 22.45,  High: 22.65, Low: 21.65, Close:21.95},
+            { Date: "2-Aug", Open: 22.56,  High: 22.6, Low: 22.05, Close:22.98},
+            { Date: "3-Aug", Open: 22.42,  High: 22.70, Low: 22.1, Close:22.63},
+            { Date: "4-Aug", Open: 21.67,  High: 22.82, Low: 21.67, Close:22.34},
+            { Date: "5-Aug", Open: 22.44,  High: 22.85, Low: 22.12, Close:22.31} ]);
+        ]]>
+    </fx:Script>
+    
+	<fx:Declarations>
+    	<mx:SeriesZoom id="zoomIn" duration="1000"/>
+    	<mx:SeriesZoom id="zoomOut" duration="1000"/>
+	</fx:Declarations>
+
+    <mx:Panel title="CandlestickChart Control Example" height="100%" width="100%" 
+        paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10">
+
+        <mx:CandlestickChart id="candlestickchart" height="100%" width="100%"
+            paddingRight="5" paddingLeft="5" 
+            showDataTips="true" dataProvider="{companyAAC}">
+            
+            <mx:verticalAxis>
+                <mx:LinearAxis id="vaxis" baseAtZero="false" title="Price"/>
+            </mx:verticalAxis>
+
+            <mx:horizontalAxis>
+                <mx:CategoryAxis id="haxis" categoryField="Date" title="Date"/>
+            </mx:horizontalAxis>
+
+            <mx:horizontalAxisRenderers>
+                <mx:AxisRenderer axis="{haxis}" canDropLabels="true"/>
+            </mx:horizontalAxisRenderers>
+
+            <mx:series>
+                <mx:CandlestickSeries  
+                    openField="Open" highField="High" 
+                    lowField="Low" closeField="Close"
+                    showDataEffect="{zoomIn}" 
+                    hideDataEffect="{zoomOut}"/>
+            </mx:series>
+        </mx:CandlestickChart>
+        
+        <mx:Label width="100%" color="blue"
+            text="Choose a company to view recent stock data."/>
+
+        <mx:HBox>
+            <mx:RadioButton groupName="stocks" label="View Company A"
+                selected="true" click="candlestickchart.dataProvider=companyAAC;"/>
+            <mx:RadioButton groupName="stocks" label="View Company B"
+                click="candlestickchart.dataProvider=companyBAC;"/>
+        </mx:HBox>
+    </mx:Panel>
+</mx:Application>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/mx/containers/AccordionExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/mx/containers/AccordionExample.mxml b/TourDeFlex/TourDeFlex3/src/mx/containers/AccordionExample.mxml
new file mode 100755
index 0000000..185f7a4
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/mx/containers/AccordionExample.mxml
@@ -0,0 +1,53 @@
+<?xml version="1.0"?>
+<!--
+  Licensed to the Apache Software Foundation (ASF) under one or more
+      contributor license agreements.  See the NOTICE file distributed with
+      this work for additional information regarding copyright ownership.
+      The ASF licenses this file to You under the Apache License, Version 2.0
+      (the "License"); you may not use this file except in compliance with
+      the License.  You may obtain a copy of the License at
+
+          http://www.apache.org/licenses/LICENSE-2.0
+
+      Unless required by applicable law or agreed to in writing, software
+      distributed under the License is distributed on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+      See the License for the specific language governing permissions and
+      limitations under the License.
+  -->
+
+<!-- Simple example to demonstrate the Accordion layout container. -->
+<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
+
+    <mx:Panel title="Accordion Container Example" height="90%" width="90%" 
+        paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10">
+
+        <mx:Label width="100%" color="blue"
+            text="Select an Accordion navigator button to change the panel."/>
+
+        <mx:Accordion id="accordion" width="100%" height="100%">
+            <!-- Define each panel using a VBox container. -->
+            <mx:VBox label="Accordion Button for Panel 1">
+                <mx:Label text="Accordion container panel 1"/>
+            </mx:VBox>
+
+            <mx:VBox label="Accordion Button for Panel 2">
+                <mx:Label text="Accordion container panel 2"/>
+            </mx:VBox>
+
+            <mx:VBox label="Accordion Button for Panel 3">
+                <mx:Label text="Accordion container panel 3"/>
+            </mx:VBox>
+        </mx:Accordion>
+
+        <mx:Label width="100%" color="blue"
+            text="Programmatically select the panel using a Button control."/>
+
+        <mx:HBox>
+            <mx:Button label="Select Panel 1" click="accordion.selectedIndex=0;"/>
+            <mx:Button label="Select Panel 2" click="accordion.selectedIndex=1;"/>
+            <mx:Button label="Select Panel 3" click="accordion.selectedIndex=2;"/>
+        </mx:HBox>
+    
+    </mx:Panel>
+</mx:Application>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/mx/containers/DividedBoxExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/mx/containers/DividedBoxExample.mxml b/TourDeFlex/TourDeFlex3/src/mx/containers/DividedBoxExample.mxml
new file mode 100755
index 0000000..b05004b
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/mx/containers/DividedBoxExample.mxml
@@ -0,0 +1,39 @@
+<?xml version="1.0"?>
+<!--
+  Licensed to the Apache Software Foundation (ASF) under one or more
+      contributor license agreements.  See the NOTICE file distributed with
+      this work for additional information regarding copyright ownership.
+      The ASF licenses this file to You under the Apache License, Version 2.0
+      (the "License"); you may not use this file except in compliance with
+      the License.  You may obtain a copy of the License at
+
+          http://www.apache.org/licenses/LICENSE-2.0
+
+      Unless required by applicable law or agreed to in writing, software
+      distributed under the License is distributed on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+      See the License for the specific language governing permissions and
+      limitations under the License.
+  -->
+
+<!-- Simple example to demonstrate the DividedBox layout container. -->
+<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
+
+    <mx:Panel title="DividedBox Container Example" height="95%" width="95%" 
+        paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10">
+
+        <mx:Text width="100%" color="blue"
+            text="A horizontal DividedBox container. Drag the divider side to side to resize the children."/>
+
+        <mx:DividedBox direction="horizontal" width="100%" height="100%">
+
+            <mx:Panel title="Panel 1" width="25%" height="100%" backgroundColor="0xCCCCCC">
+            </mx:Panel>
+            
+            <mx:Panel title="Panel 2" width="25%" height="100%" backgroundColor="0xCCCCCC">
+            </mx:Panel>
+
+        </mx:DividedBox>
+
+    </mx:Panel>
+</mx:Application>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/mx/containers/FormExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/mx/containers/FormExample.mxml b/TourDeFlex/TourDeFlex3/src/mx/containers/FormExample.mxml
new file mode 100755
index 0000000..37b2363
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/mx/containers/FormExample.mxml
@@ -0,0 +1,85 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!--
+  Licensed to the Apache Software Foundation (ASF) under one or more
+      contributor license agreements.  See the NOTICE file distributed with
+      this work for additional information regarding copyright ownership.
+      The ASF licenses this file to You under the Apache License, Version 2.0
+      (the "License"); you may not use this file except in compliance with
+      the License.  You may obtain a copy of the License at
+
+          http://www.apache.org/licenses/LICENSE-2.0
+
+      Unless required by applicable law or agreed to in writing, software
+      distributed under the License is distributed on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+      See the License for the specific language governing permissions and
+      limitations under the License.
+  -->
+
+<!-- Simple example to demonstrate Form layout container. -->
+<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
+
+	<fx:Declarations>
+	    <fx:Model id="checkModel">
+	        <User>
+	            <FirstName>{fname.text}</FirstName>
+	            <DOB>{dob.text}</DOB>
+	            <Email>{email.text}</Email>
+	            <Age>{age.text}</Age>
+	            <SSN>{ssn.text}</SSN>
+	            <Zip>{zip.text}</Zip>
+	            <Phone>{phone.text}</Phone>
+	        </User>
+	    </fx:Model>
+		
+	    <mx:StringValidator source="{fname}" property="text" minLength="4" maxLength="12"/>
+	    <mx:PhoneNumberValidator source="{phone}" property="text"/>
+	    <mx:DateValidator source="{dob}" property="text"/>
+	    <mx:EmailValidator source="{email}" property="text"/>
+	    <mx:NumberValidator source="{age}" property="text" integerError="Enter Integer value"
+	        minValue="18" maxValue="100" domain="int"/>
+	    <mx:SocialSecurityValidator source="{ssn}" property="text"/>
+	    <mx:ZipCodeValidator source="{zip}" property="text"/>
+	</fx:Declarations>
+	
+    <mx:Panel title="Form Container Example" height="75%" width="75%" 
+        paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10">
+
+        <mx:Text width="100%" color="blue"
+            text="Moving from one form field to another triggers the validator."/>
+
+        <mx:Form width="100%" height="100%">
+            <mx:FormHeading label="Enter values into the form."/>
+
+            <mx:FormItem label="First name">
+                <mx:TextInput id="fname" width="200"/>
+            </mx:FormItem>
+
+            <mx:FormItem label="Date of birth (mm/dd/yyyy)">
+                <mx:TextInput id="dob" width="200"/>
+            </mx:FormItem>
+
+            <mx:FormItem label="E-mail address">
+                <mx:TextInput id="email" width="200"/>
+            </mx:FormItem>
+
+            <mx:FormItem label="Age">
+                <mx:TextInput id="age" width="200"/>
+            </mx:FormItem>
+
+            <mx:FormItem label="SSN">
+                <mx:TextInput id="ssn" width="200"/>
+            </mx:FormItem>
+
+            <mx:FormItem label="Zip">
+                <mx:TextInput id="zip" width="200"/>
+            </mx:FormItem>
+
+            <mx:FormItem label="Phone">
+                <mx:TextInput id="phone" width="200"/>
+            </mx:FormItem>
+        </mx:Form>
+
+    </mx:Panel>
+
+</mx:Application>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/mx/containers/GridLayoutExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/mx/containers/GridLayoutExample.mxml b/TourDeFlex/TourDeFlex3/src/mx/containers/GridLayoutExample.mxml
new file mode 100755
index 0000000..b62f859
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/mx/containers/GridLayoutExample.mxml
@@ -0,0 +1,67 @@
+<?xml version="1.0"?>
+<!--
+  Licensed to the Apache Software Foundation (ASF) under one or more
+      contributor license agreements.  See the NOTICE file distributed with
+      this work for additional information regarding copyright ownership.
+      The ASF licenses this file to You under the Apache License, Version 2.0
+      (the "License"); you may not use this file except in compliance with
+      the License.  You may obtain a copy of the License at
+
+          http://www.apache.org/licenses/LICENSE-2.0
+
+      Unless required by applicable law or agreed to in writing, software
+      distributed under the License is distributed on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+      See the License for the specific language governing permissions and
+      limitations under the License.
+  -->
+
+<!-- Simple example to demonstrate the Grid layout container.-->
+<mx:Application borderStyle="none" xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
+    
+    <mx:Panel title="Grid Container Example" height="75%" width="75%" 
+        paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10">
+
+        <mx:Label width="100%" color="blue" 
+            text="A 3 by 3 Grid container of Button controls."/>
+
+        <mx:Grid>
+            <mx:GridRow>
+                <mx:GridItem>
+                    <mx:Button label="Row 1 Col 1" width="100"/>
+                </mx:GridItem>
+                <mx:GridItem>
+                    <mx:Button label="Row 1 Col 2" width="100"/>
+                </mx:GridItem>
+                <mx:GridItem>
+                    <mx:Button label="Row 1 Col 3" width="100"/>
+                </mx:GridItem>
+            </mx:GridRow>
+
+            <mx:GridRow>
+                <mx:GridItem>
+                    <mx:Button label="Row 2 Col 1" width="100"/>
+                </mx:GridItem>
+                <mx:GridItem>
+                    <mx:Button label="Row 2 Col 2" width="100"/>
+                </mx:GridItem>
+                <mx:GridItem>
+                    <mx:Button label="Row 2 Col 3" width="100"/>
+                </mx:GridItem>
+            </mx:GridRow>
+
+            <mx:GridRow>
+                <mx:GridItem>
+                    <mx:Button label="Row 3 Col 1" width="100"/>
+                </mx:GridItem>
+                <mx:GridItem>
+                    <mx:Button label="Row 3 Col 2" width="100"/>
+                </mx:GridItem>
+                <mx:GridItem>
+                    <mx:Button label="Row 3 Col 3" width="100"/>
+                </mx:GridItem>
+            </mx:GridRow>
+        </mx:Grid>
+
+    </mx:Panel>		
+</mx:Application>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/mx/containers/HBoxExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/mx/containers/HBoxExample.mxml b/TourDeFlex/TourDeFlex3/src/mx/containers/HBoxExample.mxml
new file mode 100755
index 0000000..b8e1eed
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/mx/containers/HBoxExample.mxml
@@ -0,0 +1,39 @@
+<?xml version="1.0"?>
+<!--
+  Licensed to the Apache Software Foundation (ASF) under one or more
+      contributor license agreements.  See the NOTICE file distributed with
+      this work for additional information regarding copyright ownership.
+      The ASF licenses this file to You under the Apache License, Version 2.0
+      (the "License"); you may not use this file except in compliance with
+      the License.  You may obtain a copy of the License at
+
+          http://www.apache.org/licenses/LICENSE-2.0
+
+      Unless required by applicable law or agreed to in writing, software
+      distributed under the License is distributed on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+      See the License for the specific language governing permissions and
+      limitations under the License.
+  -->
+
+<!-- Simple example to demonstrate the HBox layout container. -->
+<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
+
+    <mx:Panel title="HBox Container Example" height="75%" width="75%" 
+        paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10">
+
+       <mx:Label width="100%" color="blue"
+           text="An HBox container with horizontally aligned children."/>
+           
+       <mx:HBox borderStyle="solid" paddingTop="10" paddingBottom="10" 
+               paddingLeft="10" paddingRight="10">
+
+            <mx:Button label="Button 1"/>
+            <mx:Button label="Button 2"/>
+            <mx:Button label="Button 3"/>
+            <mx:ComboBox/>
+
+        </mx:HBox>
+
+    </mx:Panel>
+</mx:Application>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/mx/containers/HDividedBoxExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/mx/containers/HDividedBoxExample.mxml b/TourDeFlex/TourDeFlex3/src/mx/containers/HDividedBoxExample.mxml
new file mode 100755
index 0000000..d5e61dd
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/mx/containers/HDividedBoxExample.mxml
@@ -0,0 +1,41 @@
+<?xml version="1.0"?>
+<!--
+  Licensed to the Apache Software Foundation (ASF) under one or more
+      contributor license agreements.  See the NOTICE file distributed with
+      this work for additional information regarding copyright ownership.
+      The ASF licenses this file to You under the Apache License, Version 2.0
+      (the "License"); you may not use this file except in compliance with
+      the License.  You may obtain a copy of the License at
+
+          http://www.apache.org/licenses/LICENSE-2.0
+
+      Unless required by applicable law or agreed to in writing, software
+      distributed under the License is distributed on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+      See the License for the specific language governing permissions and
+      limitations under the License.
+  -->
+
+<!-- Simple example to demonstrate the HDividedBox layout -->
+<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
+
+    <mx:Panel title="HDividedBox Container Example" width="90%" height="90%" 
+        paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10">
+
+        <mx:Text width="100%" color="blue"
+            text="Drag the divider side to side to resize the children."/>
+
+        <mx:HDividedBox width="100%" height="100%">
+
+            <mx:Canvas label="Canvas 1" width="100%" height="100%" backgroundColor="#FFFFCC">
+                <mx:Label text="Add components here" fontWeight="bold"/>
+            </mx:Canvas>
+
+            <mx:Canvas label="Canvas 2" width="100%" height="100%" backgroundColor="#99CCFF">
+                <mx:Label text="Add components here" fontWeight="bold"/>
+            </mx:Canvas>
+
+        </mx:HDividedBox>
+
+    </mx:Panel>
+</mx:Application>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/mx/containers/SimpleApplicationControlBarExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/mx/containers/SimpleApplicationControlBarExample.mxml b/TourDeFlex/TourDeFlex3/src/mx/containers/SimpleApplicationControlBarExample.mxml
new file mode 100755
index 0000000..62bac5d
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/mx/containers/SimpleApplicationControlBarExample.mxml
@@ -0,0 +1,57 @@
+<?xml version="1.0"?>
+<!--
+  Licensed to the Apache Software Foundation (ASF) under one or more
+      contributor license agreements.  See the NOTICE file distributed with
+      this work for additional information regarding copyright ownership.
+      The ASF licenses this file to You under the Apache License, Version 2.0
+      (the "License"); you may not use this file except in compliance with
+      the License.  You may obtain a copy of the License at
+
+          http://www.apache.org/licenses/LICENSE-2.0
+
+      Unless required by applicable law or agreed to in writing, software
+      distributed under the License is distributed on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+      See the License for the specific language governing permissions and
+      limitations under the License.
+  -->
+
+<!-- Simple example to demonstrate the ApplicationControlBar container. -->
+<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx"
+    paddingLeft="10" paddingRight="10" paddingBottom="10" 
+    backgroundColor="0xCCCCCC">
+
+    <mx:ApplicationControlBar dock="true" paddingTop="0" paddingBottom="0">
+        <mx:Label text="Docked" color="blue"/>
+
+        <mx:MenuBar id="myMenuBar" labelField="@label">
+            <fx:XMLList>
+                <menuitem label="MenuItem A" >
+                    <menuitem label="SubMenuItem A-1" type="check"/>
+                    <menuitem label="SubMenuItem A-2" type="check"/>
+                </menuitem>
+                <menuitem label="MenuItem B"/>
+                <menuitem label="MenuItem C"/>
+                <menuitem label="MenuItem D" >
+                    <menuitem label="SubMenuItem D-1" type="radio" groupName="one"/>
+                    <menuitem label="SubMenuItem D-2" type="radio" groupName="one"/>
+                    <menuitem label="SubMenuItem D-3" type="radio" groupName="one"/>
+                </menuitem>
+            </fx:XMLList>
+        </mx:MenuBar>
+    </mx:ApplicationControlBar>
+	
+    <mx:Label text="A docked ApplicationControlBar appears at the top of the application window."/>
+    <mx:Spacer height="100%" />
+
+    <mx:ApplicationControlBar width="80%">
+        <mx:Label text="Normal" color="blue"/>
+        <mx:Label text="Search:" />
+        <mx:TextInput width="100%" maxWidth="200" />
+        <mx:Spacer width="100%" />
+        <mx:Button label="Go flex.apache.org" />
+    </mx:ApplicationControlBar>
+
+    <mx:Label text="A normal ApplicationControlBar can appear anywhere in the application."/>
+
+</mx:Application>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/mx/containers/SimpleBoxExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/mx/containers/SimpleBoxExample.mxml b/TourDeFlex/TourDeFlex3/src/mx/containers/SimpleBoxExample.mxml
new file mode 100755
index 0000000..884c16b
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/mx/containers/SimpleBoxExample.mxml
@@ -0,0 +1,46 @@
+<?xml version="1.0"?>
+<!--
+  Licensed to the Apache Software Foundation (ASF) under one or more
+      contributor license agreements.  See the NOTICE file distributed with
+      this work for additional information regarding copyright ownership.
+      The ASF licenses this file to You under the Apache License, Version 2.0
+      (the "License"); you may not use this file except in compliance with
+      the License.  You may obtain a copy of the License at
+
+          http://www.apache.org/licenses/LICENSE-2.0
+
+      Unless required by applicable law or agreed to in writing, software
+      distributed under the License is distributed on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+      See the License for the specific language governing permissions and
+      limitations under the License.
+  -->
+
+<!-- Simple example to demonstrate the Box layout container. -->
+<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
+
+    <mx:Panel title="Box Container Example" height="75%" width="75%" 
+        paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10">
+
+        <mx:Label width="100%" color="blue"
+            text="A Box container with vertically aligned children."/>
+        <mx:Box direction="vertical" borderStyle="solid" 
+                paddingTop="10" paddingBottom="10" paddingLeft="10" paddingRight="10">
+            <mx:Button label="Button 1"/>
+            <mx:Button label="Button 2"/>
+            <mx:Button label="Button 3"/>
+            <mx:ComboBox/>
+        </mx:Box>
+
+        <mx:Label width="100%" color="blue"
+            text="A Box container with horizontally aligned children."/>
+        <mx:Box direction="horizontal" borderStyle="solid" 
+                paddingTop="10" paddingBottom="10" paddingLeft="10" paddingRight="10">
+            <mx:Button label="Button 1"/>
+            <mx:Button label="Button 2"/>
+            <mx:Button label="Button 3"/>
+            <mx:ComboBox/>
+        </mx:Box>
+
+    </mx:Panel>
+</mx:Application>
\ No newline at end of file


[10/10] git commit: [flex-utilities] [refs/heads/develop] - moved mx example files to mx directory

Posted by jm...@apache.org.
moved mx example files to mx directory


Project: http://git-wip-us.apache.org/repos/asf/flex-utilities/repo
Commit: http://git-wip-us.apache.org/repos/asf/flex-utilities/commit/48f47e61
Tree: http://git-wip-us.apache.org/repos/asf/flex-utilities/tree/48f47e61
Diff: http://git-wip-us.apache.org/repos/asf/flex-utilities/diff/48f47e61

Branch: refs/heads/develop
Commit: 48f47e61c186c18e20338d39cb02d12e0991368f
Parents: ea4cc7a
Author: Justin Mclean <jm...@apache.org>
Authored: Sat Aug 9 12:16:56 2014 +1000
Committer: Justin Mclean <jm...@apache.org>
Committed: Sat Aug 9 12:16:56 2014 +1000

----------------------------------------------------------------------
 .../src/charts/BubbleChartExample.mxml          |  60 ------
 .../src/charts/CandlestickChartExample.mxml     |  87 --------
 .../src/charts/Column_BarChartExample.mxml      | 122 -----------
 .../src/charts/DateTimeAxisExample.mxml         |  68 ------
 .../src/charts/GridLinesExample.mxml            |  68 ------
 .../src/charts/HLOCChartExample.mxml            |  77 -------
 .../src/charts/Line_AreaChartExample.mxml       |  87 --------
 .../TourDeFlex3/src/charts/LogAxisExample.mxml  |  61 ------
 .../TourDeFlex3/src/charts/PieChartExample.mxml |  85 --------
 .../src/charts/PlotChartExample.mxml            |  80 --------
 .../src/charts/SeriesInterpolateExample.mxml    |  96 ---------
 .../src/charts/SeriesSlideExample.mxml          |  98 ---------
 .../src/charts/SeriesZoomExample.mxml           |  98 ---------
 .../src/containers/AccordionExample.mxml        |  53 -----
 .../src/containers/DividedBoxExample.mxml       |  39 ----
 .../TourDeFlex3/src/containers/FormExample.mxml |  85 --------
 .../src/containers/GridLayoutExample.mxml       |  67 ------
 .../TourDeFlex3/src/containers/HBoxExample.mxml |  39 ----
 .../src/containers/HDividedBoxExample.mxml      |  41 ----
 .../SimpleApplicationControlBarExample.mxml     |  57 ------
 .../src/containers/SimpleBoxExample.mxml        |  46 -----
 .../src/containers/SimpleCanvasExample.mxml     |  45 ----
 .../src/containers/SimpleControlBarExample.mxml |  41 ----
 .../src/containers/SimplePanelExample.mxml      |  45 ----
 .../containers/SimpleTitleWindowExample.mxml    |  52 -----
 .../src/containers/TabNavigatorExample.mxml     |  54 -----
 .../src/containers/TileLayoutExample.mxml       |  42 ----
 .../src/containers/TitleWindowApp.mxml          |  63 ------
 .../TourDeFlex3/src/containers/VBoxExample.mxml |  39 ----
 .../src/containers/VDividedBoxExample.mxml      |  41 ----
 .../src/containers/ViewStackExample.mxml        |  57 ------
 .../src/containers/assets/ApacheFlexLogo.png    | Bin 71228 -> 0 bytes
 .../src/controls/AdvancedDataGridExample.mxml   |  76 -------
 .../src/controls/ButtonBarExample.mxml          |  55 -----
 .../TourDeFlex3/src/controls/ButtonExample.mxml |  63 ------
 .../src/controls/CheckBoxExample.mxml           |  76 -------
 .../src/controls/ColorPickerExample.mxml        |  32 ---
 .../src/controls/DateChooserExample.mxml        |  67 ------
 .../src/controls/DateFieldExample.mxml          |  57 ------
 .../src/controls/HScrollBarExample.mxml         |  55 -----
 .../src/controls/HorizontalListExample.mxml     |  67 ------
 .../TourDeFlex3/src/controls/LabelExample.mxml  |  47 -----
 .../src/controls/LinkBarExample.mxml            |  48 -----
 .../src/controls/LinkButtonExample.mxml         |  38 ----
 TourDeFlex/TourDeFlex3/src/controls/Local.mxml  |  25 ---
 .../src/controls/MenuBarExample.mxml            |  77 -------
 .../src/controls/NumericStepperExample.mxml     |  42 ----
 .../src/controls/OLAPDataGridExample.mxml       | 205 -------------------
 .../src/controls/PopUpButtonExample.mxml        |  65 ------
 .../src/controls/PopUpButtonMenuExample.mxml    |  56 -----
 .../src/controls/RadioButtonExample.mxml        |  41 ----
 .../src/controls/RadioButtonGroupExample.mxml   |  61 ------
 .../src/controls/RichTextEditorExample.mxml     |  32 ---
 .../TourDeFlex3/src/controls/SimpleAlert.mxml   |  74 -------
 .../src/controls/SimpleComboBox.mxml            |  53 -----
 .../src/controls/SimpleDataGrid.mxml            |  78 -------
 .../TourDeFlex3/src/controls/SimpleHRule.mxml   |  35 ----
 .../TourDeFlex3/src/controls/SimpleImage.mxml   |  30 ---
 .../src/controls/SimpleImageHSlider.mxml        |  57 ------
 .../src/controls/SimpleImageVSlider.mxml        |  63 ------
 .../TourDeFlex3/src/controls/SimpleList.mxml    |  59 ------
 .../TourDeFlex3/src/controls/SimpleLoader.mxml  |  31 ---
 .../src/controls/SimpleMenuExample.mxml         |  72 -------
 .../src/controls/SimpleProgressBar.mxml         |  57 ------
 .../TourDeFlex3/src/controls/SimpleVRule.mxml   |  31 ---
 .../TourDeFlex3/src/controls/SpacerExample.mxml |  36 ----
 .../TourDeFlex3/src/controls/TabBarExample.mxml |  57 ------
 .../src/controls/TextAreaExample.mxml           |  37 ----
 .../TourDeFlex3/src/controls/TextExample.mxml   |  39 ----
 .../src/controls/TextInputExample.mxml          |  32 ---
 .../src/controls/TileListExample.mxml           |  68 ------
 .../src/controls/ToggleButtonBarExample.mxml    |  55 -----
 .../TourDeFlex3/src/controls/TreeExample.mxml   |  67 ------
 .../src/controls/VScrollBarExample.mxml         |  55 -----
 .../src/controls/VideoDisplayExample.mxml       |  38 ----
 .../src/controls/assets/ApacheFlexIcon.png      | Bin 7983 -> 0 bytes
 .../src/controls/assets/ApacheFlexLogo.png      | Bin 71228 -> 0 bytes
 .../src/controls/assets/buttonDisabled.gif      | Bin 537 -> 0 bytes
 .../src/controls/assets/buttonDown.gif          | Bin 592 -> 0 bytes
 .../src/controls/assets/buttonOver.gif          | Bin 1175 -> 0 bytes
 .../src/controls/assets/buttonUp.gif            | Bin 626 -> 0 bytes
 .../src/controls/assets/flexinstaller.mp4       | Bin 511625 -> 0 bytes
 .../TourDeFlex3/src/core/RepeaterExample.mxml   |  51 -----
 .../src/core/SimpleApplicationExample.mxml      |  60 ------
 .../src/effects/AddItemActionEffectExample.mxml | 100 ---------
 .../effects/AnimatePropertyEffectExample.mxml   |  39 ----
 .../src/effects/BlurEffectExample.mxml          |  42 ----
 .../src/effects/CompositeEffectExample.mxml     |  96 ---------
 .../src/effects/DefaultListEffectExample.mxml   |  77 -------
 .../effects/DefaultTileListEffectExample.mxml   |  79 -------
 .../src/effects/DissolveEffectExample.mxml      |  57 ------
 .../src/effects/FadeEffectExample.mxml          |  53 -----
 .../src/effects/GlowEffectExample.mxml          |  46 -----
 .../src/effects/IrisEffectExample.mxml          |  40 ----
 .../src/effects/MoveEffectExample.mxml          |  50 -----
 .../src/effects/ParallelEffectExample.mxml      |  51 -----
 .../src/effects/PauseEffectExample.mxml         |  47 -----
 .../src/effects/ResizeEffectExample.mxml        |  42 ----
 .../src/effects/RotateEffectExample.mxml        |  66 ------
 .../src/effects/SequenceEffectExample.mxml      |  47 -----
 .../src/effects/SimpleEffectExample.mxml        |  67 ------
 .../src/effects/SimpleTweenEffectExample.mxml   |  73 -------
 .../src/effects/SoundEffectExample.mxml         |  36 ----
 .../src/effects/WipeDownExample.mxml            |  45 ----
 .../src/effects/WipeLeftExample.mxml            |  45 ----
 .../src/effects/WipeRightExample.mxml           |  45 ----
 .../TourDeFlex3/src/effects/WipeUpExample.mxml  |  45 ----
 .../src/effects/ZoomEffectExample.mxml          |  56 -----
 .../src/effects/assets/ApacheFlexLogo.png       | Bin 71228 -> 0 bytes
 .../src/effects/assets/OpenSans-Regular.ttf     | Bin 217360 -> 0 bytes
 .../TourDeFlex3/src/effects/assets/ping.mp3     | Bin 91582 -> 0 bytes
 .../formatters/CurrencyFormatterExample.mxml    |  73 -------
 .../src/formatters/DateFormatterExample.mxml    |  67 ------
 .../src/formatters/NumberFormatterExample.mxml  |  70 -------
 .../src/formatters/PhoneFormatterExample.mxml   |  69 -------
 .../src/formatters/SimpleFormatterExample.mxml  |  67 ------
 .../SwitchSymbolFormatterExample.mxml           |  63 ------
 .../src/formatters/ZipCodeFormatterExample.mxml |  68 ------
 .../src/mx/charts/BubbleChartExample.mxml       |  60 ++++++
 .../src/mx/charts/CandlestickChartExample.mxml  |  87 ++++++++
 .../src/mx/charts/Column_BarChartExample.mxml   | 122 +++++++++++
 .../src/mx/charts/DateTimeAxisExample.mxml      |  68 ++++++
 .../src/mx/charts/GridLinesExample.mxml         |  68 ++++++
 .../src/mx/charts/HLOCChartExample.mxml         |  77 +++++++
 .../src/mx/charts/Line_AreaChartExample.mxml    |  87 ++++++++
 .../src/mx/charts/LogAxisExample.mxml           |  61 ++++++
 .../src/mx/charts/PieChartExample.mxml          |  85 ++++++++
 .../src/mx/charts/PlotChartExample.mxml         |  80 ++++++++
 .../src/mx/charts/SeriesInterpolateExample.mxml |  96 +++++++++
 .../src/mx/charts/SeriesSlideExample.mxml       |  98 +++++++++
 .../src/mx/charts/SeriesZoomExample.mxml        |  98 +++++++++
 .../src/mx/containers/AccordionExample.mxml     |  53 +++++
 .../src/mx/containers/DividedBoxExample.mxml    |  39 ++++
 .../src/mx/containers/FormExample.mxml          |  85 ++++++++
 .../src/mx/containers/GridLayoutExample.mxml    |  67 ++++++
 .../src/mx/containers/HBoxExample.mxml          |  39 ++++
 .../src/mx/containers/HDividedBoxExample.mxml   |  41 ++++
 .../SimpleApplicationControlBarExample.mxml     |  57 ++++++
 .../src/mx/containers/SimpleBoxExample.mxml     |  46 +++++
 .../src/mx/containers/SimpleCanvasExample.mxml  |  45 ++++
 .../mx/containers/SimpleControlBarExample.mxml  |  41 ++++
 .../src/mx/containers/SimplePanelExample.mxml   |  45 ++++
 .../mx/containers/SimpleTitleWindowExample.mxml |  52 +++++
 .../src/mx/containers/TabNavigatorExample.mxml  |  54 +++++
 .../src/mx/containers/TileLayoutExample.mxml    |  42 ++++
 .../src/mx/containers/TitleWindowApp.mxml       |  63 ++++++
 .../src/mx/containers/VBoxExample.mxml          |  39 ++++
 .../src/mx/containers/VDividedBoxExample.mxml   |  41 ++++
 .../src/mx/containers/ViewStackExample.mxml     |  57 ++++++
 .../src/mx/containers/assets/ApacheFlexLogo.png | Bin 0 -> 71228 bytes
 .../mx/controls/AdvancedDataGridExample.mxml    |  76 +++++++
 .../src/mx/controls/ButtonBarExample.mxml       |  55 +++++
 .../src/mx/controls/ButtonExample.mxml          |  63 ++++++
 .../src/mx/controls/CheckBoxExample.mxml        |  76 +++++++
 .../src/mx/controls/ColorPickerExample.mxml     |  32 +++
 .../src/mx/controls/DateChooserExample.mxml     |  67 ++++++
 .../src/mx/controls/DateFieldExample.mxml       |  57 ++++++
 .../src/mx/controls/HScrollBarExample.mxml      |  55 +++++
 .../src/mx/controls/HorizontalListExample.mxml  |  67 ++++++
 .../src/mx/controls/LabelExample.mxml           |  47 +++++
 .../src/mx/controls/LinkBarExample.mxml         |  48 +++++
 .../src/mx/controls/LinkButtonExample.mxml      |  38 ++++
 .../TourDeFlex3/src/mx/controls/Local.mxml      |  25 +++
 .../src/mx/controls/MenuBarExample.mxml         |  77 +++++++
 .../src/mx/controls/NumericStepperExample.mxml  |  42 ++++
 .../src/mx/controls/OLAPDataGridExample.mxml    | 205 +++++++++++++++++++
 .../src/mx/controls/PopUpButtonExample.mxml     |  65 ++++++
 .../src/mx/controls/PopUpButtonMenuExample.mxml |  56 +++++
 .../src/mx/controls/RadioButtonExample.mxml     |  41 ++++
 .../mx/controls/RadioButtonGroupExample.mxml    |  61 ++++++
 .../src/mx/controls/RichTextEditorExample.mxml  |  32 +++
 .../src/mx/controls/SimpleAlert.mxml            |  74 +++++++
 .../src/mx/controls/SimpleComboBox.mxml         |  53 +++++
 .../src/mx/controls/SimpleDataGrid.mxml         |  78 +++++++
 .../src/mx/controls/SimpleHRule.mxml            |  35 ++++
 .../src/mx/controls/SimpleImage.mxml            |  30 +++
 .../src/mx/controls/SimpleImageHSlider.mxml     |  57 ++++++
 .../src/mx/controls/SimpleImageVSlider.mxml     |  63 ++++++
 .../TourDeFlex3/src/mx/controls/SimpleList.mxml |  59 ++++++
 .../src/mx/controls/SimpleLoader.mxml           |  31 +++
 .../src/mx/controls/SimpleMenuExample.mxml      |  72 +++++++
 .../src/mx/controls/SimpleProgressBar.mxml      |  57 ++++++
 .../src/mx/controls/SimpleVRule.mxml            |  31 +++
 .../src/mx/controls/SpacerExample.mxml          |  36 ++++
 .../src/mx/controls/TabBarExample.mxml          |  57 ++++++
 .../src/mx/controls/TextAreaExample.mxml        |  37 ++++
 .../src/mx/controls/TextExample.mxml            |  39 ++++
 .../src/mx/controls/TextInputExample.mxml       |  32 +++
 .../src/mx/controls/TileListExample.mxml        |  68 ++++++
 .../src/mx/controls/ToggleButtonBarExample.mxml |  55 +++++
 .../src/mx/controls/TreeExample.mxml            |  67 ++++++
 .../src/mx/controls/VScrollBarExample.mxml      |  55 +++++
 .../src/mx/controls/VideoDisplayExample.mxml    |  38 ++++
 .../src/mx/controls/assets/ApacheFlexIcon.png   | Bin 0 -> 7983 bytes
 .../src/mx/controls/assets/ApacheFlexLogo.png   | Bin 0 -> 71228 bytes
 .../src/mx/controls/assets/buttonDisabled.gif   | Bin 0 -> 537 bytes
 .../src/mx/controls/assets/buttonDown.gif       | Bin 0 -> 592 bytes
 .../src/mx/controls/assets/buttonOver.gif       | Bin 0 -> 1175 bytes
 .../src/mx/controls/assets/buttonUp.gif         | Bin 0 -> 626 bytes
 .../src/mx/controls/assets/flexinstaller.mp4    | Bin 0 -> 511625 bytes
 .../src/mx/core/RepeaterExample.mxml            |  51 +++++
 .../src/mx/core/SimpleApplicationExample.mxml   |  60 ++++++
 .../mx/effects/AddItemActionEffectExample.mxml  | 100 +++++++++
 .../effects/AnimatePropertyEffectExample.mxml   |  39 ++++
 .../src/mx/effects/BlurEffectExample.mxml       |  42 ++++
 .../src/mx/effects/CompositeEffectExample.mxml  |  96 +++++++++
 .../mx/effects/DefaultListEffectExample.mxml    |  77 +++++++
 .../effects/DefaultTileListEffectExample.mxml   |  79 +++++++
 .../src/mx/effects/DissolveEffectExample.mxml   |  57 ++++++
 .../src/mx/effects/FadeEffectExample.mxml       |  53 +++++
 .../src/mx/effects/GlowEffectExample.mxml       |  46 +++++
 .../src/mx/effects/IrisEffectExample.mxml       |  40 ++++
 .../src/mx/effects/MoveEffectExample.mxml       |  50 +++++
 .../src/mx/effects/ParallelEffectExample.mxml   |  51 +++++
 .../src/mx/effects/PauseEffectExample.mxml      |  47 +++++
 .../src/mx/effects/ResizeEffectExample.mxml     |  42 ++++
 .../src/mx/effects/RotateEffectExample.mxml     |  66 ++++++
 .../src/mx/effects/SequenceEffectExample.mxml   |  47 +++++
 .../src/mx/effects/SimpleEffectExample.mxml     |  67 ++++++
 .../mx/effects/SimpleTweenEffectExample.mxml    |  73 +++++++
 .../src/mx/effects/SoundEffectExample.mxml      |  36 ++++
 .../src/mx/effects/WipeDownExample.mxml         |  45 ++++
 .../src/mx/effects/WipeLeftExample.mxml         |  45 ++++
 .../src/mx/effects/WipeRightExample.mxml        |  45 ++++
 .../src/mx/effects/WipeUpExample.mxml           |  45 ++++
 .../src/mx/effects/ZoomEffectExample.mxml       |  56 +++++
 .../src/mx/effects/assets/ApacheFlexLogo.png    | Bin 0 -> 71228 bytes
 .../src/mx/effects/assets/OpenSans-Regular.ttf  | Bin 0 -> 217360 bytes
 .../TourDeFlex3/src/mx/effects/assets/ping.mp3  | Bin 0 -> 91582 bytes
 .../mx/formatters/CurrencyFormatterExample.mxml |  73 +++++++
 .../src/mx/formatters/DateFormatterExample.mxml |  67 ++++++
 .../mx/formatters/NumberFormatterExample.mxml   |  70 +++++++
 .../mx/formatters/PhoneFormatterExample.mxml    |  69 +++++++
 .../mx/formatters/SimpleFormatterExample.mxml   |  67 ++++++
 .../SwitchSymbolFormatterExample.mxml           |  63 ++++++
 .../mx/formatters/ZipCodeFormatterExample.mxml  |  68 ++++++
 .../printing/AdvancedPrintDataGridExample.mxml  | 105 ++++++++++
 .../src/mx/printing/FormPrintFooter.mxml        |  32 +++
 .../src/mx/printing/FormPrintHeader.mxml        |  25 +++
 .../src/mx/printing/FormPrintView.mxml          |  77 +++++++
 .../src/mx/printing/PrintDataGridExample.mxml   | 143 +++++++++++++
 .../src/mx/states/StatesExample.mxml            |  56 +++++
 .../src/mx/states/TransitionExample.mxml        |  82 ++++++++
 .../validators/CreditCardValidatorExample.mxml  |  68 ++++++
 .../mx/validators/CurrencyValidatorExample.mxml |  45 ++++
 .../src/mx/validators/DateValidatorExample.mxml |  52 +++++
 .../mx/validators/EmailValidatorExample.mxml    |  45 ++++
 .../mx/validators/NumberValidatorExample.mxml   |  46 +++++
 .../validators/PhoneNumberValidatorExample.mxml |  45 ++++
 .../mx/validators/RegExValidatorExample.mxml    |  85 ++++++++
 .../mx/validators/SimpleValidatorExample.mxml   |  76 +++++++
 .../SocialSecurityValidatorExample.mxml         |  45 ++++
 .../mx/validators/StringValidatorExample.mxml   |  48 +++++
 .../mx/validators/ZipCodeValidatorExample.mxml  |  45 ++++
 .../printing/AdvancedPrintDataGridExample.mxml  | 105 ----------
 .../src/printing/FormPrintFooter.mxml           |  32 ---
 .../src/printing/FormPrintHeader.mxml           |  25 ---
 .../TourDeFlex3/src/printing/FormPrintView.mxml |  77 -------
 .../src/printing/PrintDataGridExample.mxml      | 143 -------------
 .../TourDeFlex3/src/states/StatesExample.mxml   |  56 -----
 .../src/states/TransitionExample.mxml           |  82 --------
 .../validators/CreditCardValidatorExample.mxml  |  68 ------
 .../validators/CurrencyValidatorExample.mxml    |  45 ----
 .../src/validators/DateValidatorExample.mxml    |  52 -----
 .../src/validators/EmailValidatorExample.mxml   |  45 ----
 .../src/validators/NumberValidatorExample.mxml  |  46 -----
 .../validators/PhoneNumberValidatorExample.mxml |  45 ----
 .../src/validators/RegExValidatorExample.mxml   |  85 --------
 .../src/validators/SimpleValidatorExample.mxml  |  76 -------
 .../SocialSecurityValidatorExample.mxml         |  45 ----
 .../src/validators/StringValidatorExample.mxml  |  48 -----
 .../src/validators/ZipCodeValidatorExample.mxml |  45 ----
 272 files changed, 7454 insertions(+), 7454 deletions(-)
----------------------------------------------------------------------


http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/charts/BubbleChartExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/charts/BubbleChartExample.mxml b/TourDeFlex/TourDeFlex3/src/charts/BubbleChartExample.mxml
deleted file mode 100755
index 8c90a2b..0000000
--- a/TourDeFlex/TourDeFlex3/src/charts/BubbleChartExample.mxml
+++ /dev/null
@@ -1,60 +0,0 @@
-<?xml version="1.0"?>
-<!--
-  Licensed to the Apache Software Foundation (ASF) under one or more
-      contributor license agreements.  See the NOTICE file distributed with
-      this work for additional information regarding copyright ownership.
-      The ASF licenses this file to You under the Apache License, Version 2.0
-      (the "License"); you may not use this file except in compliance with
-      the License.  You may obtain a copy of the License at
-
-          http://www.apache.org/licenses/LICENSE-2.0
-
-      Unless required by applicable law or agreed to in writing, software
-      distributed under the License is distributed on an "AS IS" BASIS,
-      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-      See the License for the specific language governing permissions and
-      limitations under the License.
-  -->
-
-<!-- Simple example to demonstrate the BubbleChart control. -->
-<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
-    <fx:Script>
-        <![CDATA[        
-        import mx.collections.ArrayCollection;
-
-        [Bindable]
-        private var expensesAC:ArrayCollection = new ArrayCollection( [
-            { Month: "Jan", Profit: 2000, Expenses: 1500, Amount: 450 },
-            { Month: "Feb", Profit: 1000, Expenses: 200, Amount: 600 },
-            { Month: "Mar", Profit: 1500, Expenses: 500, Amount: 300 },
-            { Month: "Apr", Profit: 1800, Expenses: 1200, Amount: 900 },
-            { Month: "May", Profit: 2400, Expenses: 575, Amount: 500 } ]);
-        ]]>
-    </fx:Script>
-
-	<fx:Declarations>
-		<!-- Define custom color and line style for the bubbles. -->
-    	<mx:SolidColor id="sc1" color="blue" alpha=".3"/>
-    	<mx:SolidColorStroke id="stroke1" color="blue" weight="1"/>
-	</fx:Declarations>
-
-    <mx:Panel title="BubbleChart Control Example" height="100%" width="100%">
-        <mx:BubbleChart id="bubblechart" 
-            height="100%" width="100%"
-            paddingRight="5" paddingLeft="5" 
-            showDataTips="true" maxRadius="20"
-            dataProvider="{expensesAC}">
-            <mx:series>
-                <mx:BubbleSeries 
-                    displayName="Profit/Expenses/Amount" 
-                    xField="Profit" 
-                    yField="Expenses" 
-                    radiusField="Amount"
-                    fill="{sc1}"
-                    stroke="{stroke1}"
-                />
-            </mx:series>            
-        </mx:BubbleChart>            
-        <mx:Legend dataProvider="{bubblechart}"/>            
-    </mx:Panel>
-</mx:Application>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/charts/CandlestickChartExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/charts/CandlestickChartExample.mxml b/TourDeFlex/TourDeFlex3/src/charts/CandlestickChartExample.mxml
deleted file mode 100755
index 665bc26..0000000
--- a/TourDeFlex/TourDeFlex3/src/charts/CandlestickChartExample.mxml
+++ /dev/null
@@ -1,87 +0,0 @@
-<?xml version="1.0"?>
-<!--
-  Licensed to the Apache Software Foundation (ASF) under one or more
-      contributor license agreements.  See the NOTICE file distributed with
-      this work for additional information regarding copyright ownership.
-      The ASF licenses this file to You under the Apache License, Version 2.0
-      (the "License"); you may not use this file except in compliance with
-      the License.  You may obtain a copy of the License at
-
-          http://www.apache.org/licenses/LICENSE-2.0
-
-      Unless required by applicable law or agreed to in writing, software
-      distributed under the License is distributed on an "AS IS" BASIS,
-      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-      See the License for the specific language governing permissions and
-      limitations under the License.
-  -->
-
-<!-- Simple example to demonstrate the CandlestickChart control. -->
-<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
-    <fx:Script>
-        <![CDATA[          
-        import mx.collections.ArrayCollection;
-
-        [Bindable]
-        private var expensesAC:ArrayCollection = new ArrayCollection( [
-            { Date: "25-Jul", Open: 40.75,  High: 40.75, Low: 40.24, Close:40.31},
-            { Date: "26-Jul", Open: 39.98,  High: 40.78, Low: 39.97, Close:40.34},
-            { Date: "27-Jul", Open: 40.38,  High: 40.66, Low: 40, Close:40.63},
-            { Date: "28-Jul", Open: 40.49,  High: 40.99, Low: 40.3, Close:40.98},
-            { Date: "29-Jul", Open: 40.13,  High: 40.4, Low: 39.65, Close:39.95},
-            { Date: "1-Aug", Open: 39.00,  High: 39.50, Low: 38.7, Close:38.6}, 
-            { Date: "2-Aug", Open: 38.68,  High: 39.34, Low: 37.75, Close:38.84}, 
-            { Date: "3-Aug", Open: 38.76,  High: 38.76, Low: 38.03, Close:38.12}, 
-            { Date: "4-Aug", Open: 37.98,  High: 37.98, Low: 36.56, Close:36.69},                       
-            { Date: "5-Aug", Open: 36.61,  High: 37, Low: 36.48, Close:36.86} ]);
-        ]]>
-    </fx:Script>
-
-	<fx:Declarations>
-	    <!-- Define custom colors for the candles. -->
-	    <mx:SolidColor id="up" color="green" alpha=".8"/>
-	    <mx:SolidColor id="down" color="red" alpha=".8"/>
-	
-	    <!-- Define custom Stroke for the candle wick. -->
-	    <mx:SolidColorStroke id="wick" color="black" weight="2"/>
-	
-	    <!-- Define custom Stroke for the candle box. -->
-	    <mx:SolidColorStroke id="box" color="black" weight="1"/>
-	</fx:Declarations>
-
-    <mx:Panel title="CandlestickChart Control Example" height="100%" width="100%">
-        <mx:CandlestickChart id="candlestickchart" 
-            height="100%" 
-            width="100%"
-            paddingRight="5" 
-            paddingLeft="5" 
-            showDataTips="true"
-            dataProvider="{expensesAC}"
-        >            
-            <mx:verticalAxis>
-                <mx:LinearAxis id="vaxis" baseAtZero="false" title="Price"/>
-            </mx:verticalAxis>
-
-            <mx:horizontalAxis>
-                <mx:CategoryAxis id="haxis" categoryField="Date" title="Date"/>
-            </mx:horizontalAxis>
-
-            <mx:horizontalAxisRenderers>
-                <mx:AxisRenderer axis="{haxis}" canDropLabels="true"/>
-            </mx:horizontalAxisRenderers>
-
-            <mx:series>
-                <mx:CandlestickSeries 
-                    openField="Open" 
-                    highField="High" 
-                    lowField="Low" 
-                    closeField="Close"
-                    fill="{up}"
-                    declineFill="{down}"
-                    stroke="{wick}"
-                    boxStroke="{box}"
-                />
-            </mx:series>
-        </mx:CandlestickChart>
-    </mx:Panel>
-</mx:Application>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/charts/Column_BarChartExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/charts/Column_BarChartExample.mxml b/TourDeFlex/TourDeFlex3/src/charts/Column_BarChartExample.mxml
deleted file mode 100755
index b6cad9a..0000000
--- a/TourDeFlex/TourDeFlex3/src/charts/Column_BarChartExample.mxml
+++ /dev/null
@@ -1,122 +0,0 @@
-<?xml version="1.0"?>
-<!--
-  Licensed to the Apache Software Foundation (ASF) under one or more
-      contributor license agreements.  See the NOTICE file distributed with
-      this work for additional information regarding copyright ownership.
-      The ASF licenses this file to You under the Apache License, Version 2.0
-      (the "License"); you may not use this file except in compliance with
-      the License.  You may obtain a copy of the License at
-
-          http://www.apache.org/licenses/LICENSE-2.0
-
-      Unless required by applicable law or agreed to in writing, software
-      distributed under the License is distributed on an "AS IS" BASIS,
-      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-      See the License for the specific language governing permissions and
-      limitations under the License.
-  -->
-
-<!-- Simple example to demonstrate the ColumnChart and BarChart controls. -->
-<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
-    <fx:Script>
-        <![CDATA[          
-        import mx.collections.ArrayCollection;
-
-        [Bindable]
-        private var medalsAC:ArrayCollection = new ArrayCollection( [
-            { Country: "USA", Gold: 35, Silver:39, Bronze: 29 },
-            { Country: "China", Gold: 32, Silver:17, Bronze: 14 },
-            { Country: "Russia", Gold: 27, Silver:27, Bronze: 38 } ]);
-        ]]>
-    </fx:Script>
-
-	<fx:Declarations>
-	    <!-- Define custom colors for use as fills. -->
-	    <mx:SolidColor id="sc1" color="yellow" alpha=".8"/>
-	    <mx:SolidColor id="sc2" color="0xCCCCCC" alpha=".6"/>
-	    <mx:SolidColor id="sc3" color="0xFFCC66" alpha=".6"/>
-	
-	    <!-- Define custom Strokes for the columns. -->
-	    <mx:SolidColorStroke id="s1" color="yellow" weight="2"/>
-	    <mx:SolidColorStroke id="s2" color="0xCCCCCC" weight="2"/>
-	    <mx:SolidColorStroke id="s3" color="0xFFCC66" weight="2"/>
-	</fx:Declarations>
-
-    <mx:Panel title="ColumnChart and BarChart Controls Example" 
-        height="100%" width="100%" layout="horizontal">
-        <mx:ColumnChart id="column" 
-            height="100%" 
-            width="45%" 
-            paddingLeft="5" 
-            paddingRight="5" 
-            showDataTips="true" 
-            dataProvider="{medalsAC}"
-        >                
-            <mx:horizontalAxis>
-                <mx:CategoryAxis categoryField="Country"/>
-            </mx:horizontalAxis>
-                
-            <mx:series>
-                <mx:ColumnSeries 
-                    xField="Country" 
-                    yField="Gold" 
-                    displayName="Gold"
-                    fill="{sc1}"
-                    stroke="{s1}"
-                />
-                <mx:ColumnSeries 
-                    xField="Country" 
-                    yField="Silver" 
-                    displayName="Silver"
-                    fill="{sc2}"
-                    stroke="{s2}"
-                />
-                <mx:ColumnSeries 
-                    xField="Country" 
-                    yField="Bronze" 
-                    displayName="Bronze"
-                    fill="{sc3}"
-                    stroke="{s3}"
-                />
-            </mx:series>
-        </mx:ColumnChart>
-
-        <mx:Legend dataProvider="{column}"/>
-
-         <mx:BarChart id="bar" height="100%" width="45%" 
-            paddingLeft="5" paddingRight="5" 
-            showDataTips="true" dataProvider="{medalsAC}">
-                
-            <mx:verticalAxis>
-                <mx:CategoryAxis categoryField="Country"/>
-            </mx:verticalAxis>
-                
-            <mx:series>
-                <mx:BarSeries 
-                    yField="Country" 
-                    xField="Gold" 
-                    displayName="Gold"
-                    fill="{sc1}"
-                    stroke="{s1}"
-                />
-                <mx:BarSeries 
-                    yField="Country" 
-                    xField="Silver" 
-                    displayName="Silver"
-                    fill="{sc2}"
-                    stroke="{s2}"
-                />
-                <mx:BarSeries 
-                    yField="Country" 
-                    xField="Bronze" 
-                    displayName="Bronze"
-                    fill="{sc3}"
-                    stroke="{s3}"
-                />
-            </mx:series>
-        </mx:BarChart>
-
-        <mx:Legend dataProvider="{bar}"/>
-
-    </mx:Panel>
-</mx:Application>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/charts/DateTimeAxisExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/charts/DateTimeAxisExample.mxml b/TourDeFlex/TourDeFlex3/src/charts/DateTimeAxisExample.mxml
deleted file mode 100755
index 29d06da..0000000
--- a/TourDeFlex/TourDeFlex3/src/charts/DateTimeAxisExample.mxml
+++ /dev/null
@@ -1,68 +0,0 @@
-<?xml version="1.0"?>
-<!--
-  Licensed to the Apache Software Foundation (ASF) under one or more
-      contributor license agreements.  See the NOTICE file distributed with
-      this work for additional information regarding copyright ownership.
-      The ASF licenses this file to You under the Apache License, Version 2.0
-      (the "License"); you may not use this file except in compliance with
-      the License.  You may obtain a copy of the License at
-
-          http://www.apache.org/licenses/LICENSE-2.0
-
-      Unless required by applicable law or agreed to in writing, software
-      distributed under the License is distributed on an "AS IS" BASIS,
-      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-      See the License for the specific language governing permissions and
-      limitations under the License.
-  -->
-
-<!-- Simple example to demonstrate the DateTimeAxis class. -->
-<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
-
-    <fx:Script>
-        <![CDATA[
-
-            import mx.collections.ArrayCollection;
-
-            [Bindable] 
-            public var stockDataAC:ArrayCollection = new ArrayCollection( [
-                {date: "2005, 7, 27", close: 41.71},
-                {date: "2005, 7, 28", close: 42.21},
-                {date: "2005, 7, 29", close: 42.11},
-                {date: "2005, 8, 1", close: 42.71},
-                {date: "2005, 8, 2", close: 42.99},
-                {date: "2005, 8, 3", close: 44} ]);
-    
-            public function myParseFunction(s:String):Date { 
-                // Get an array of Strings from the comma-separated String passed in.
-                var a:Array = s.split(",");
-                // Create the new Date object. Subtract one from 
-                // the month property because months are zero-based in 
-                // the Date constructor.
-                var newDate:Date = new Date(a[0],a[1]-1,a[2]);
-                return newDate;
-            }
-        ]]>
-    </fx:Script>
-
-    <mx:Panel title="DateTimeAxis Example" height="100%" width="100%">
-    
-        <mx:LineChart id="mychart" height="100%" width="100%"
-            paddingRight="5" paddingLeft="5" 
-            showDataTips="true" dataProvider="{stockDataAC}">
-            
-            <mx:horizontalAxis>
-                <mx:DateTimeAxis dataUnits="days" parseFunction="myParseFunction"/>
-            </mx:horizontalAxis>
-
-            <mx:verticalAxis>
-                <mx:LinearAxis baseAtZero="false" />
-            </mx:verticalAxis>
-
-            <mx:series>
-                <mx:LineSeries yField="close" xField="date" displayName="AAPL"/>
-            </mx:series>
-        </mx:LineChart>
-        
-    </mx:Panel>
-</mx:Application>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/charts/GridLinesExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/charts/GridLinesExample.mxml b/TourDeFlex/TourDeFlex3/src/charts/GridLinesExample.mxml
deleted file mode 100755
index 659cff2..0000000
--- a/TourDeFlex/TourDeFlex3/src/charts/GridLinesExample.mxml
+++ /dev/null
@@ -1,68 +0,0 @@
-<?xml version="1.0"?>
-<!--
-  Licensed to the Apache Software Foundation (ASF) under one or more
-      contributor license agreements.  See the NOTICE file distributed with
-      this work for additional information regarding copyright ownership.
-      The ASF licenses this file to You under the Apache License, Version 2.0
-      (the "License"); you may not use this file except in compliance with
-      the License.  You may obtain a copy of the License at
-
-          http://www.apache.org/licenses/LICENSE-2.0
-
-      Unless required by applicable law or agreed to in writing, software
-      distributed under the License is distributed on an "AS IS" BASIS,
-      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-      See the License for the specific language governing permissions and
-      limitations under the License.
-  -->
-
-<!-- Simple example to demonstrate the GridLines class. -->
-<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
-
-    <fx:Script>
-        <![CDATA[
-
-        import mx.collections.ArrayCollection;
-
-        [Bindable]
-        private var expensesAC:ArrayCollection = new ArrayCollection( [
-            { Month: "Jan", Profit: 2000, Expenses: 1500, Amount: 450 },
-            { Month: "Feb", Profit: 1000, Expenses: 200, Amount: 600 },
-            { Month: "Mar", Profit: 1500, Expenses: 500, Amount: 300 },
-            { Month: "Apr", Profit: 1800, Expenses: 1200, Amount: 900 },
-            { Month: "May", Profit: 2400, Expenses: 575, Amount: 500 } ]);
-        ]]>
-    </fx:Script>
-
-    <mx:Panel title="GridLines Example" height="100%" width="100%">
-
-        <mx:LineChart id="linechart" height="100%" width="100%"
-            paddingLeft="5" paddingRight="5" 
-            showDataTips="true" dataProvider="{expensesAC}">
-                
-            <mx:horizontalAxis>
-                <mx:CategoryAxis categoryField="Month"/>
-            </mx:horizontalAxis>
-                
-            <mx:backgroundElements>
-               <mx:GridLines gridDirection="horizontal">
-                    <mx:horizontalStroke>
-                        <mx:SolidColorStroke weight="1"/>
-                    </mx:horizontalStroke>
-                    <mx:horizontalFill>
-                        <mx:SolidColor color="0xCCCCCC" alpha=".66"/>
-                    </mx:horizontalFill>
-                </mx:GridLines>
-            </mx:backgroundElements>
-
-            <mx:series>
-                <mx:LineSeries yField="Profit" form="curve" displayName="Profit"/>
-                <mx:LineSeries yField="Expenses" form="curve" displayName="Expenses"/>
-                <mx:LineSeries yField="Amount" form="curve" displayName="Amount"/>
-            </mx:series>
-        </mx:LineChart>
-
-        <mx:Legend dataProvider="{linechart}"/>
-
-    </mx:Panel>
-</mx:Application>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/charts/HLOCChartExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/charts/HLOCChartExample.mxml b/TourDeFlex/TourDeFlex3/src/charts/HLOCChartExample.mxml
deleted file mode 100755
index 46598c8..0000000
--- a/TourDeFlex/TourDeFlex3/src/charts/HLOCChartExample.mxml
+++ /dev/null
@@ -1,77 +0,0 @@
-<?xml version="1.0"?>
-<!--
-  Licensed to the Apache Software Foundation (ASF) under one or more
-      contributor license agreements.  See the NOTICE file distributed with
-      this work for additional information regarding copyright ownership.
-      The ASF licenses this file to You under the Apache License, Version 2.0
-      (the "License"); you may not use this file except in compliance with
-      the License.  You may obtain a copy of the License at
-
-          http://www.apache.org/licenses/LICENSE-2.0
-
-      Unless required by applicable law or agreed to in writing, software
-      distributed under the License is distributed on an "AS IS" BASIS,
-      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-      See the License for the specific language governing permissions and
-      limitations under the License.
-  -->
-
-<!-- Simple example to demonstrate the HLOCChart control. -->
-<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
-    <fx:Script>
-        <![CDATA[          
-        import mx.collections.ArrayCollection;
-
-        [Bindable]
-        private var stockDataAC:ArrayCollection = new ArrayCollection( [
-            { Date: "25-Jul", Open: 40.55,  High: 40.75, Low: 40.24, Close:40.31},
-            { Date: "26-Jul", Open: 40.15,  High: 40.78, Low: 39.97, Close:40.34},
-            { Date: "27-Jul", Open: 40.38,  High: 40.66, Low: 40, Close:40.63},
-            { Date: "28-Jul", Open: 40.49,  High: 40.99, Low: 40.3, Close:40.98},
-            { Date: "29-Jul", Open: 40.13,  High: 40.4, Low: 39.65, Close:39.95},
-            { Date: "1-Aug", Open: 39.00,  High: 39.50, Low: 38.7, Close:38.6}, 
-            { Date: "2-Aug", Open: 38.68,  High: 39.34, Low: 37.75, Close:38.84}, 
-            { Date: "3-Aug", Open: 38.76,  High: 38.76, Low: 38.03, Close:38.12}, 
-            { Date: "4-Aug", Open: 37.98,  High: 37.98, Low: 36.56, Close:36.69},                       
-            { Date: "5-Aug", Open: 36.61,  High: 37, Low: 36.48, Close:36.86} ]); 
-        ]]>
-    </fx:Script>
-
-	<fx:Declarations>
-    	<!-- Define custom Stroke for the wick and ticks. -->
-   		<mx:SolidColorStroke id="s1" color="0x000000" weight="5" joints="bevel" caps="square"/>
-	</fx:Declarations>
-
-    <mx:Panel title="HLOCChart Control Example" height="100%" width="100%">
-        <mx:HLOCChart id="hlocchart" height="100%" width="100%"
-            paddingRight="5" paddingLeft="5" 
-            showDataTips="true" dataProvider="{stockDataAC}">
-            
-            <mx:verticalAxis>
-                <mx:LinearAxis id="vaxis" baseAtZero="false" title="Price"/>
-            </mx:verticalAxis>
-
-            <mx:horizontalAxis>
-                <mx:CategoryAxis id="haxis" categoryField="Date" title="Date"/>
-            </mx:horizontalAxis>
-
-            <mx:horizontalAxisRenderers>
-                <mx:AxisRenderer axis="{haxis}" canDropLabels="true"/>
-            </mx:horizontalAxisRenderers>
-
-            <mx:series>
-                <mx:HLOCSeries 
-                    openField="Open" 
-                    highField="High" 
-                    lowField="Low" 
-                    closeField="Close"
-                    stroke="{s1}"
-                    openTickStroke="{s1}"
-                    closeTickStroke="{s1}"
-                    openTickLength="7"
-                    closeTickLength="7"
-                />
-            </mx:series>
-        </mx:HLOCChart>
-    </mx:Panel>
-</mx:Application>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/charts/Line_AreaChartExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/charts/Line_AreaChartExample.mxml b/TourDeFlex/TourDeFlex3/src/charts/Line_AreaChartExample.mxml
deleted file mode 100755
index 06c94aa..0000000
--- a/TourDeFlex/TourDeFlex3/src/charts/Line_AreaChartExample.mxml
+++ /dev/null
@@ -1,87 +0,0 @@
-<?xml version="1.0"?>
-<!--
-  Licensed to the Apache Software Foundation (ASF) under one or more
-      contributor license agreements.  See the NOTICE file distributed with
-      this work for additional information regarding copyright ownership.
-      The ASF licenses this file to You under the Apache License, Version 2.0
-      (the "License"); you may not use this file except in compliance with
-      the License.  You may obtain a copy of the License at
-
-          http://www.apache.org/licenses/LICENSE-2.0
-
-      Unless required by applicable law or agreed to in writing, software
-      distributed under the License is distributed on an "AS IS" BASIS,
-      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-      See the License for the specific language governing permissions and
-      limitations under the License.
-  -->
-
-<!-- Simple example to demonstrate the LineChart and AreaChart controls. -->
-<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
-
-    <fx:Script>
-        <![CDATA[
-
-        import mx.collections.ArrayCollection;
-
-        [Bindable]
-        private var expensesAC:ArrayCollection = new ArrayCollection( [
-            { Month: "Jan", Profit: 2000, Expenses: 1500, Amount: 450 },
-            { Month: "Feb", Profit: 1000, Expenses: 200, Amount: 600 },
-            { Month: "Mar", Profit: 1500, Expenses: 500, Amount: 300 },
-            { Month: "Apr", Profit: 1800, Expenses: 1200, Amount: 900 },
-            { Month: "May", Profit: 2400, Expenses: 575, Amount: 500 } ]);
-        ]]>
-    </fx:Script>
-
-	<fx:Declarations>
-	    <!-- Define custom colors for use as fills in the AreaChart control. -->
-	    <mx:SolidColor id="sc1" color="blue" alpha=".3"/>
-	    <mx:SolidColor id="sc2" color="red" alpha=".3"/>
-	    <mx:SolidColor id="sc3" color="green" alpha=".3"/>
-	
-	    <!-- Define custom Strokes. -->
-	    <mx:SolidColorStroke id = "s1" color="blue" weight="2"/>
-	    <mx:SolidColorStroke id = "s2" color="red" weight="2"/>
-	    <mx:SolidColorStroke id = "s3" color="green" weight="2"/>
-	</fx:Declarations>
-
-    <mx:Panel title="LineChart and AreaChart Controls Example" 
-        height="100%" width="100%" layout="horizontal">
-
-        <mx:LineChart id="linechart" height="100%" width="45%"
-            paddingLeft="5" paddingRight="5" 
-            showDataTips="true" dataProvider="{expensesAC}">
-                
-            <mx:horizontalAxis>
-                <mx:CategoryAxis categoryField="Month"/>
-            </mx:horizontalAxis>
-
-            <mx:series>
-                <mx:LineSeries yField="Profit" form="curve" displayName="Profit" lineStroke="{s1}"/>
-                <mx:LineSeries yField="Expenses" form="curve" displayName="Expenses" lineStroke="{s2}"/>
-                <mx:LineSeries yField="Amount" form="curve" displayName="Amount" lineStroke="{s3}"/>
-            </mx:series>
-        </mx:LineChart>
-
-        <mx:Legend dataProvider="{linechart}"/>
-
-        <mx:AreaChart id="Areachart" height="100%" width="45%"
-             paddingLeft="5" paddingRight="5" 
-             showDataTips="true" dataProvider="{expensesAC}">
-                 
-            <mx:horizontalAxis>
-                <mx:CategoryAxis categoryField="Month"/>
-            </mx:horizontalAxis>
-
-            <mx:series>
-                <mx:AreaSeries yField="Profit" form="curve" displayName="Profit" areaStroke="{s1}" areaFill="{sc1}"/>
-                <mx:AreaSeries yField="Expenses" form="curve" displayName="Expenses" areaStroke="{s2}" areaFill="{sc2}"/>
-                <mx:AreaSeries yField="Amount" form="curve" displayName="Amount" areaStroke="{s3}" areaFill="{sc3}"/>
-            </mx:series>
-        </mx:AreaChart>
-            
-        <mx:Legend dataProvider="{Areachart}"/>
-
-    </mx:Panel>
-</mx:Application>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/charts/LogAxisExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/charts/LogAxisExample.mxml b/TourDeFlex/TourDeFlex3/src/charts/LogAxisExample.mxml
deleted file mode 100755
index d3bf38a..0000000
--- a/TourDeFlex/TourDeFlex3/src/charts/LogAxisExample.mxml
+++ /dev/null
@@ -1,61 +0,0 @@
-<?xml version="1.0"?>
-<!--
-  Licensed to the Apache Software Foundation (ASF) under one or more
-      contributor license agreements.  See the NOTICE file distributed with
-      this work for additional information regarding copyright ownership.
-      The ASF licenses this file to You under the Apache License, Version 2.0
-      (the "License"); you may not use this file except in compliance with
-      the License.  You may obtain a copy of the License at
-
-          http://www.apache.org/licenses/LICENSE-2.0
-
-      Unless required by applicable law or agreed to in writing, software
-      distributed under the License is distributed on an "AS IS" BASIS,
-      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-      See the License for the specific language governing permissions and
-      limitations under the License.
-  -->
-
-<!-- Simple example to demonstrate the LogAxis class. -->
-<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
-
-    <fx:Script>
-        <![CDATA[
-
-        import mx.collections.ArrayCollection;
-
-        [Bindable]
-        private var expensesAC:ArrayCollection = new ArrayCollection( [
-            { Month: "Jan", Profit: 20000, Expenses: 1500, Amount: 450 },
-            { Month: "Feb", Profit: 1000, Expenses: 15000, Amount: 600 },
-            { Month: "Mar", Profit: 15000, Expenses: 5000, Amount: 300 },
-            { Month: "Apr", Profit: 1800, Expenses: 1200, Amount: 900 },
-            { Month: "May", Profit: 2400, Expenses: 575, Amount: 500 } ]);
-        ]]>
-    </fx:Script>
-
-    <mx:Panel title="LogAxis Example" height="100%" width="100%">
-
-        <mx:LineChart id="linechart" height="100%" width="100%"
-            paddingLeft="5" paddingRight="5" 
-            showDataTips="true" dataProvider="{expensesAC}">
-                
-            <mx:horizontalAxis>
-                <mx:CategoryAxis categoryField="Month"/>
-            </mx:horizontalAxis>
-                
-            <mx:verticalAxis>
-                <mx:LogAxis interval="10"/>
-            </mx:verticalAxis>
-                
-            <mx:series>
-                <mx:LineSeries yField="Profit" form="curve" displayName="Profit"/>
-                <mx:LineSeries yField="Expenses" form="curve" displayName="Expenses"/>
-                <mx:LineSeries yField="Amount" form="curve" displayName="Amount"/>
-            </mx:series>
-        </mx:LineChart>
-
-        <mx:Legend dataProvider="{linechart}"/>
-
-    </mx:Panel>
-</mx:Application>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/charts/PieChartExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/charts/PieChartExample.mxml b/TourDeFlex/TourDeFlex3/src/charts/PieChartExample.mxml
deleted file mode 100755
index 3acef1c..0000000
--- a/TourDeFlex/TourDeFlex3/src/charts/PieChartExample.mxml
+++ /dev/null
@@ -1,85 +0,0 @@
-<?xml version="1.0"?>
-<!--
-  Licensed to the Apache Software Foundation (ASF) under one or more
-      contributor license agreements.  See the NOTICE file distributed with
-      this work for additional information regarding copyright ownership.
-      The ASF licenses this file to You under the Apache License, Version 2.0
-      (the "License"); you may not use this file except in compliance with
-      the License.  You may obtain a copy of the License at
-
-          http://www.apache.org/licenses/LICENSE-2.0
-
-      Unless required by applicable law or agreed to in writing, software
-      distributed under the License is distributed on an "AS IS" BASIS,
-      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-      See the License for the specific language governing permissions and
-      limitations under the License.
-  -->
-
-<!-- Simple example to demonstrate the PieChart control. -->
-<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
-    <fx:Script>
-        <![CDATA[          
-        import mx.collections.ArrayCollection;
-
-        [Bindable]
-        private var medalsAC:ArrayCollection = new ArrayCollection( [
-            { Country: "USA", Gold: 35, Silver:39, Bronze: 29 },
-            { Country: "China", Gold: 32, Silver:17, Bronze: 14 },
-            { Country: "Russia", Gold: 27, Silver:27, Bronze: 38 } ]);
-    
-        private function displayGold(data:Object, field:String, index:Number, percentValue:Number):String {
-            var temp:String= (" " + percentValue).substr(0,6);
-            return data.Country + ": " + '\n' + "Total Gold: " + data.Gold + '\n' + temp + "%";
-        }
-        ]]>
-    </fx:Script>
-
-	<fx:Declarations>
-	    <!-- Define custom colors for use as pie wedge fills. -->
-	    <mx:SolidColor id="sc1" color="blue" alpha=".6"/>
-	    <mx:SolidColor id="sc2" color="red" alpha=".6"/>
-	    <mx:SolidColor id="sc3" color="0x663300" alpha=".6"/>
-	
-	    <!-- This Stroke is used for the callout lines. -->
-	    <mx:SolidColorStroke id="callouts" weight="2" color="0x999999" alpha=".8" caps="square"/>
-	    
-	    <!-- This Stroke is used to separate the wedges in the pie. -->
-	    <mx:SolidColorStroke id="radial" weight="1" color="0xFFFFCC" alpha=".3"/>
-	
-	    <!-- This Stroke is used for the outer border of the pie. -->
-	    <mx:SolidColorStroke id="pieborder" color="0x000000" weight="2" alpha=".5"/>
-	</fx:Declarations>
-
-    <mx:Panel title="Olympics 2004 Medals Tally Panel" height="100%" width="100%">
-        <mx:PieChart id="chart" 
-            height="100%" 
-            width="100%"
-            paddingRight="5" 
-            paddingLeft="5" 
-            showDataTips="true" 
-            dataProvider="{medalsAC}"
-        >          
-            <!--
-            -->
-            <mx:series>
-                <mx:PieSeries 
-                    nameField="Country"
-                    labelPosition="callout" 
-                    field="Gold" 
-                    labelFunction="displayGold" 
-                    calloutStroke="{callouts}" 
-                    radialStroke="{radial}" 
-                    stroke="{pieborder}"
-                    fills="{[sc1, sc2, sc3]}"
-                >
-                    <!-- Clear the drop shadow filters from the chart. -->
-                    <mx:filters>
-                        <fx:Array/>
-                    </mx:filters>
-                </mx:PieSeries>
-            </mx:series>
-        </mx:PieChart>  
-        <mx:Legend dataProvider="{chart}"/>
-    </mx:Panel>
-</mx:Application>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/charts/PlotChartExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/charts/PlotChartExample.mxml b/TourDeFlex/TourDeFlex3/src/charts/PlotChartExample.mxml
deleted file mode 100755
index 0378e1a..0000000
--- a/TourDeFlex/TourDeFlex3/src/charts/PlotChartExample.mxml
+++ /dev/null
@@ -1,80 +0,0 @@
-<?xml version="1.0"?>
-<!--
-  Licensed to the Apache Software Foundation (ASF) under one or more
-      contributor license agreements.  See the NOTICE file distributed with
-      this work for additional information regarding copyright ownership.
-      The ASF licenses this file to You under the Apache License, Version 2.0
-      (the "License"); you may not use this file except in compliance with
-      the License.  You may obtain a copy of the License at
-
-          http://www.apache.org/licenses/LICENSE-2.0
-
-      Unless required by applicable law or agreed to in writing, software
-      distributed under the License is distributed on an "AS IS" BASIS,
-      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-      See the License for the specific language governing permissions and
-      limitations under the License.
-  -->
-
-<!-- Simple example to demonstrate the PlotChart control. -->
-<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
-    <fx:Script>
-        <![CDATA[
-        import mx.collections.ArrayCollection;
-
-        [Bindable]
-        private var expensesAC:ArrayCollection = new ArrayCollection( [
-            { Month: "Jan", Profit: 2000, Expenses: 1500, Amount: 450 },
-            { Month: "Feb", Profit: 1000, Expenses: 200, Amount: 600 },
-            { Month: "Mar", Profit: 1500, Expenses: 500, Amount: 300 } ]);
-        ]]>
-    </fx:Script>
-
-	<fx:Declarations>
-	    <!-- Define custom colors for use as plot point fills. -->
-	    <mx:SolidColor id="sc1" color="blue" alpha=".3"/>
-	    <mx:SolidColor id="sc2" color="red" alpha=".3"/>
-	    <mx:SolidColor id="sc3" color="green" alpha=".3"/>
-	
-	    <!-- Define custom Strokes. -->
-	    <mx:SolidColorStroke id="s1" color="blue" weight="1"/>
-	    <mx:SolidColorStroke id="s2" color="red" weight="1"/>
-	    <mx:SolidColorStroke id="s3" color="green" weight="1"/>
-	</fx:Declarations>
-
-    <mx:Panel title="PlotChart Control Example" height="100%" width="100%">
-        <mx:PlotChart id="plot" 
-            height="100%" 
-            width="100%"
-            paddingLeft="5" 
-            paddingRight="5" 
-            showDataTips="true" 
-            dataProvider="{expensesAC}"
-        >                
-            <mx:series>
-                <mx:PlotSeries
-                    xField="Expenses"
-                    yField="Profit"
-                    displayName="Plot 1"
-                    fill="{sc1}"
-                    stroke="{s1}"
-                />
-                <mx:PlotSeries
-                    xField="Amount"
-                    yField="Expenses"
-                    displayName="Plot 2"
-                    fill="{sc2}"
-                    stroke="{s2}"
-                />
-                <mx:PlotSeries
-                    xField="Profit"
-                    yField="Amount"
-                    displayName="Plot 3"
-                    fill="{sc3}"
-                    stroke="{s3}"
-                />
-            </mx:series>
-        </mx:PlotChart>
-        <mx:Legend dataProvider="{plot}"/>
-    </mx:Panel>
-</mx:Application>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/charts/SeriesInterpolateExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/charts/SeriesInterpolateExample.mxml b/TourDeFlex/TourDeFlex3/src/charts/SeriesInterpolateExample.mxml
deleted file mode 100755
index 11896e5..0000000
--- a/TourDeFlex/TourDeFlex3/src/charts/SeriesInterpolateExample.mxml
+++ /dev/null
@@ -1,96 +0,0 @@
-<?xml version="1.0"?>
-<!--
-  Licensed to the Apache Software Foundation (ASF) under one or more
-      contributor license agreements.  See the NOTICE file distributed with
-      this work for additional information regarding copyright ownership.
-      The ASF licenses this file to You under the Apache License, Version 2.0
-      (the "License"); you may not use this file except in compliance with
-      the License.  You may obtain a copy of the License at
-
-          http://www.apache.org/licenses/LICENSE-2.0
-
-      Unless required by applicable law or agreed to in writing, software
-      distributed under the License is distributed on an "AS IS" BASIS,
-      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-      See the License for the specific language governing permissions and
-      limitations under the License.
-  -->
-
-<!-- Simple example to demonstrate the CandlestickChart control. -->
-<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
-
-    <fx:Script>
-        <![CDATA[
-          
-        import mx.collections.ArrayCollection;
-
-        [Bindable]
-        private var companyAAC:ArrayCollection = new ArrayCollection( [
-            { Date: "25-Jul", Open: 40.75,  High: 40.75, Low: 40.24, Close:40.31},
-            { Date: "26-Jul", Open: 39.98,  High: 40.78, Low: 39.97, Close:40.34},
-            { Date: "27-Jul", Open: 40.38,  High: 40.66, Low: 40, Close:40.63},
-            { Date: "28-Jul", Open: 40.49,  High: 40.99, Low: 40.3, Close:40.98},
-            { Date: "29-Jul", Open: 40.13,  High: 40.4, Low: 39.65, Close:39.95},
-            { Date: "1-Aug", Open: 39.00,  High: 39.50, Low: 38.7, Close:38.6}, 
-            { Date: "2-Aug", Open: 38.68,  High: 39.34, Low: 37.75, Close:38.84}, 
-            { Date: "3-Aug", Open: 38.76,  High: 38.76, Low: 38.03, Close:38.12}, 
-            { Date: "4-Aug", Open: 37.98,  High: 37.98, Low: 36.56, Close:36.69},                       
-            { Date: "5-Aug", Open: 36.61,  High: 37, Low: 36.48, Close:36.86} ]);
-
-        [Bindable]
-        private var companyBAC:ArrayCollection = new ArrayCollection( [
-            { Date: "25-Jul", Open: 18.50,  High: 19, Low: 18.48, Close:18.86},
-            { Date: "26-Jul", Open: 19.56,  High: 19.98, Low: 18.6, Close:18.69},                       
-            { Date: "27-Jul", Open: 20.81,  High: 20.99, Low: 20.03, Close:20.12}, 
-            { Date: "28-Jul", Open: 20.70,  High: 21.00, Low: 19.5, Close:20.84}, 
-            { Date: "29-Jul", Open: 21.7,  High: 21.79, Low: 20.45, Close:20.6}, 
-            { Date: "1-Aug", Open: 22.45,  High: 22.65, Low: 21.65, Close:21.95},
-            { Date: "2-Aug", Open: 22.56,  High: 22.6, Low: 22.05, Close:22.98},
-            { Date: "3-Aug", Open: 22.42,  High: 22.70, Low: 22.1, Close:22.63},
-            { Date: "4-Aug", Open: 21.67,  High: 22.82, Low: 21.67, Close:22.34},
-            { Date: "5-Aug", Open: 22.44,  High: 22.85, Low: 22.12, Close:22.31} ]);
-        ]]>
-    </fx:Script>
-
-	<fx:Declarations>
-    	<mx:SeriesInterpolate id="interpolateIn" duration="1000"/>
-	</fx:Declarations>
-	
-    <mx:Panel title="CandlestickChart Control Example" height="100%" width="100%" 
-        paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10">
-
-        <mx:CandlestickChart id="candlestickchart" height="100%" width="100%"
-            paddingRight="5" paddingLeft="5" 
-            showDataTips="true" dataProvider="{companyAAC}">
-            
-            <mx:verticalAxis>
-                <mx:LinearAxis id="vaxis" baseAtZero="false" title="Price"/>
-            </mx:verticalAxis>
-
-            <mx:horizontalAxis>
-                <mx:CategoryAxis id="haxis" categoryField="Date" title="Date"/>
-            </mx:horizontalAxis>
-
-            <mx:horizontalAxisRenderers>
-                <mx:AxisRenderer axis="{haxis}" canDropLabels="true"/>
-            </mx:horizontalAxisRenderers>
-
-            <mx:series>
-                <mx:CandlestickSeries  
-                    openField="Open" highField="High" 
-                    lowField="Low" closeField="Close"
-                    showDataEffect="{interpolateIn}"/>
-            </mx:series>
-        </mx:CandlestickChart>
-        
-        <mx:Label width="100%" color="blue"
-            text="Choose a company to view recent stock data."/>
-
-        <mx:HBox>
-            <mx:RadioButton groupName="stocks" label="View Company A"
-                selected="true" click="candlestickchart.dataProvider=companyAAC;"/>
-            <mx:RadioButton groupName="stocks" label="View Company B"
-                click="candlestickchart.dataProvider=companyBAC;"/>
-        </mx:HBox>
-    </mx:Panel>
-</mx:Application>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/charts/SeriesSlideExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/charts/SeriesSlideExample.mxml b/TourDeFlex/TourDeFlex3/src/charts/SeriesSlideExample.mxml
deleted file mode 100755
index 64578ce..0000000
--- a/TourDeFlex/TourDeFlex3/src/charts/SeriesSlideExample.mxml
+++ /dev/null
@@ -1,98 +0,0 @@
-<?xml version="1.0"?>
-<!--
-  Licensed to the Apache Software Foundation (ASF) under one or more
-      contributor license agreements.  See the NOTICE file distributed with
-      this work for additional information regarding copyright ownership.
-      The ASF licenses this file to You under the Apache License, Version 2.0
-      (the "License"); you may not use this file except in compliance with
-      the License.  You may obtain a copy of the License at
-
-          http://www.apache.org/licenses/LICENSE-2.0
-
-      Unless required by applicable law or agreed to in writing, software
-      distributed under the License is distributed on an "AS IS" BASIS,
-      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-      See the License for the specific language governing permissions and
-      limitations under the License.
-  -->
-
-<!-- Simple example to demonstrate the CandlestickChart control. -->
-<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
-
-    <fx:Script>
-        <![CDATA[
-          
-        import mx.collections.ArrayCollection;
-
-        [Bindable]
-        private var companyAAC:ArrayCollection = new ArrayCollection( [
-            { Date: "25-Jul", Open: 40.75,  High: 40.75, Low: 40.24, Close:40.31},
-            { Date: "26-Jul", Open: 39.98,  High: 40.78, Low: 39.97, Close:40.34},
-            { Date: "27-Jul", Open: 40.38,  High: 40.66, Low: 40, Close:40.63},
-            { Date: "28-Jul", Open: 40.49,  High: 40.99, Low: 40.3, Close:40.98},
-            { Date: "29-Jul", Open: 40.13,  High: 40.4, Low: 39.65, Close:39.95},
-            { Date: "1-Aug", Open: 39.00,  High: 39.50, Low: 38.7, Close:38.6}, 
-            { Date: "2-Aug", Open: 38.68,  High: 39.34, Low: 37.75, Close:38.84}, 
-            { Date: "3-Aug", Open: 38.76,  High: 38.76, Low: 38.03, Close:38.12}, 
-            { Date: "4-Aug", Open: 37.98,  High: 37.98, Low: 36.56, Close:36.69},                       
-            { Date: "5-Aug", Open: 36.61,  High: 37, Low: 36.48, Close:36.86} ]);
-
-        [Bindable]
-        private var companyBAC:ArrayCollection = new ArrayCollection( [
-            { Date: "25-Jul", Open: 18.50,  High: 19, Low: 18.48, Close:18.86},
-            { Date: "26-Jul", Open: 19.56,  High: 19.98, Low: 18.6, Close:18.69},                       
-            { Date: "27-Jul", Open: 20.81,  High: 20.99, Low: 20.03, Close:20.12}, 
-            { Date: "28-Jul", Open: 20.70,  High: 21.00, Low: 19.5, Close:20.84}, 
-            { Date: "29-Jul", Open: 21.7,  High: 21.79, Low: 20.45, Close:20.6}, 
-            { Date: "1-Aug", Open: 22.45,  High: 22.65, Low: 21.65, Close:21.95},
-            { Date: "2-Aug", Open: 22.56,  High: 22.6, Low: 22.05, Close:22.98},
-            { Date: "3-Aug", Open: 22.42,  High: 22.70, Low: 22.1, Close:22.63},
-            { Date: "4-Aug", Open: 21.67,  High: 22.82, Low: 21.67, Close:22.34},
-            { Date: "5-Aug", Open: 22.44,  High: 22.85, Low: 22.12, Close:22.31} ]);
-        ]]>
-    </fx:Script>
-    
-	<fx:Declarations>
-    	<mx:SeriesSlide id="slideIn" duration="1000" direction="up"/>
-    	<mx:SeriesSlide id="slideOut" duration="1000" direction="down"/>
-	</fx:Declarations>
-
-    <mx:Panel title="CandlestickChart Control Example" height="100%" width="100%" 
-        paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10">
-
-        <mx:CandlestickChart id="candlestickchart" height="100%" width="100%"
-            paddingRight="5" paddingLeft="5" 
-            showDataTips="true" dataProvider="{companyAAC}">
-            
-            <mx:verticalAxis>
-                <mx:LinearAxis id="vaxis" baseAtZero="false" title="Price"/>
-            </mx:verticalAxis>
-
-            <mx:horizontalAxis>
-                <mx:CategoryAxis id="haxis" categoryField="Date" title="Date"/>
-            </mx:horizontalAxis>
-
-            <mx:horizontalAxisRenderers>
-                <mx:AxisRenderer axis="{haxis}" canDropLabels="true"/>
-            </mx:horizontalAxisRenderers>
-
-            <mx:series>
-                <mx:CandlestickSeries  
-                    openField="Open" highField="High" 
-                    lowField="Low" closeField="Close"
-                    showDataEffect="{slideIn}" 
-                    hideDataEffect="{slideOut}"/>
-            </mx:series>
-        </mx:CandlestickChart>
-        
-        <mx:Label width="100%" color="blue"
-            text="Choose a company to view recent stock data."/>
-
-        <mx:HBox>
-            <mx:RadioButton groupName="stocks" label="View Company A"
-                selected="true" click="candlestickchart.dataProvider=companyAAC;"/>
-            <mx:RadioButton groupName="stocks" label="View Company B"
-                click="candlestickchart.dataProvider=companyBAC;"/>
-        </mx:HBox>
-    </mx:Panel>
-</mx:Application>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/charts/SeriesZoomExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/charts/SeriesZoomExample.mxml b/TourDeFlex/TourDeFlex3/src/charts/SeriesZoomExample.mxml
deleted file mode 100755
index f0a72a6..0000000
--- a/TourDeFlex/TourDeFlex3/src/charts/SeriesZoomExample.mxml
+++ /dev/null
@@ -1,98 +0,0 @@
-<?xml version="1.0"?>
-<!--
-  Licensed to the Apache Software Foundation (ASF) under one or more
-      contributor license agreements.  See the NOTICE file distributed with
-      this work for additional information regarding copyright ownership.
-      The ASF licenses this file to You under the Apache License, Version 2.0
-      (the "License"); you may not use this file except in compliance with
-      the License.  You may obtain a copy of the License at
-
-          http://www.apache.org/licenses/LICENSE-2.0
-
-      Unless required by applicable law or agreed to in writing, software
-      distributed under the License is distributed on an "AS IS" BASIS,
-      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-      See the License for the specific language governing permissions and
-      limitations under the License.
-  -->
-
-<!-- Simple example to demonstrate the CandlestickChart control. -->
-<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
-
-    <fx:Script>
-        <![CDATA[
-          
-        import mx.collections.ArrayCollection;
-
-        [Bindable]
-        private var companyAAC:ArrayCollection = new ArrayCollection( [
-            { Date: "25-Jul", Open: 40.75,  High: 40.75, Low: 40.24, Close:40.31},
-            { Date: "26-Jul", Open: 39.98,  High: 40.78, Low: 39.97, Close:40.34},
-            { Date: "27-Jul", Open: 40.38,  High: 40.66, Low: 40, Close:40.63},
-            { Date: "28-Jul", Open: 40.49,  High: 40.99, Low: 40.3, Close:40.98},
-            { Date: "29-Jul", Open: 40.13,  High: 40.4, Low: 39.65, Close:39.95},
-            { Date: "1-Aug", Open: 39.00,  High: 39.50, Low: 38.7, Close:38.6}, 
-            { Date: "2-Aug", Open: 38.68,  High: 39.34, Low: 37.75, Close:38.84}, 
-            { Date: "3-Aug", Open: 38.76,  High: 38.76, Low: 38.03, Close:38.12}, 
-            { Date: "4-Aug", Open: 37.98,  High: 37.98, Low: 36.56, Close:36.69},                       
-            { Date: "5-Aug", Open: 36.61,  High: 37, Low: 36.48, Close:36.86} ]);
-
-        [Bindable]
-        private var companyBAC:ArrayCollection = new ArrayCollection( [
-            { Date: "25-Jul", Open: 18.50,  High: 19, Low: 18.48, Close:18.86},
-            { Date: "26-Jul", Open: 19.56,  High: 19.98, Low: 18.6, Close:18.69},                       
-            { Date: "27-Jul", Open: 20.81,  High: 20.99, Low: 20.03, Close:20.12}, 
-            { Date: "28-Jul", Open: 20.70,  High: 21.00, Low: 19.5, Close:20.84}, 
-            { Date: "29-Jul", Open: 21.7,  High: 21.79, Low: 20.45, Close:20.6}, 
-            { Date: "1-Aug", Open: 22.45,  High: 22.65, Low: 21.65, Close:21.95},
-            { Date: "2-Aug", Open: 22.56,  High: 22.6, Low: 22.05, Close:22.98},
-            { Date: "3-Aug", Open: 22.42,  High: 22.70, Low: 22.1, Close:22.63},
-            { Date: "4-Aug", Open: 21.67,  High: 22.82, Low: 21.67, Close:22.34},
-            { Date: "5-Aug", Open: 22.44,  High: 22.85, Low: 22.12, Close:22.31} ]);
-        ]]>
-    </fx:Script>
-    
-	<fx:Declarations>
-    	<mx:SeriesZoom id="zoomIn" duration="1000"/>
-    	<mx:SeriesZoom id="zoomOut" duration="1000"/>
-	</fx:Declarations>
-
-    <mx:Panel title="CandlestickChart Control Example" height="100%" width="100%" 
-        paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10">
-
-        <mx:CandlestickChart id="candlestickchart" height="100%" width="100%"
-            paddingRight="5" paddingLeft="5" 
-            showDataTips="true" dataProvider="{companyAAC}">
-            
-            <mx:verticalAxis>
-                <mx:LinearAxis id="vaxis" baseAtZero="false" title="Price"/>
-            </mx:verticalAxis>
-
-            <mx:horizontalAxis>
-                <mx:CategoryAxis id="haxis" categoryField="Date" title="Date"/>
-            </mx:horizontalAxis>
-
-            <mx:horizontalAxisRenderers>
-                <mx:AxisRenderer axis="{haxis}" canDropLabels="true"/>
-            </mx:horizontalAxisRenderers>
-
-            <mx:series>
-                <mx:CandlestickSeries  
-                    openField="Open" highField="High" 
-                    lowField="Low" closeField="Close"
-                    showDataEffect="{zoomIn}" 
-                    hideDataEffect="{zoomOut}"/>
-            </mx:series>
-        </mx:CandlestickChart>
-        
-        <mx:Label width="100%" color="blue"
-            text="Choose a company to view recent stock data."/>
-
-        <mx:HBox>
-            <mx:RadioButton groupName="stocks" label="View Company A"
-                selected="true" click="candlestickchart.dataProvider=companyAAC;"/>
-            <mx:RadioButton groupName="stocks" label="View Company B"
-                click="candlestickchart.dataProvider=companyBAC;"/>
-        </mx:HBox>
-    </mx:Panel>
-</mx:Application>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/containers/AccordionExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/containers/AccordionExample.mxml b/TourDeFlex/TourDeFlex3/src/containers/AccordionExample.mxml
deleted file mode 100755
index 5bb5967..0000000
--- a/TourDeFlex/TourDeFlex3/src/containers/AccordionExample.mxml
+++ /dev/null
@@ -1,53 +0,0 @@
-<?xml version="1.0"?>
-<!--
-  Licensed to the Apache Software Foundation (ASF) under one or more
-      contributor license agreements.  See the NOTICE file distributed with
-      this work for additional information regarding copyright ownership.
-      The ASF licenses this file to You under the Apache License, Version 2.0
-      (the "License"); you may not use this file except in compliance with
-      the License.  You may obtain a copy of the License at
-
-          http://www.apache.org/licenses/LICENSE-2.0
-
-      Unless required by applicable law or agreed to in writing, software
-      distributed under the License is distributed on an "AS IS" BASIS,
-      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-      See the License for the specific language governing permissions and
-      limitations under the License.
-  -->
-
-<!-- Simple example to demonstrate the Accordion layout container. -->
-<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
-
-    <mx:Panel title="Accordion Container Example" height="90%" width="90%" 
-        paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10">
-
-        <mx:Label width="100%" color="blue"
-            text="Select an Accordion navigator button to change the panel."/>
-
-        <mx:Accordion id="accordion" width="100%" height="100%">
-            <!-- Define each panel using a VBox container. -->
-            <mx:VBox label="Accordion Button for Panel 1">
-                <mx:Label text="Accordion container panel 1"/>
-            </mx:VBox>
-
-            <mx:VBox label="Accordion Button for Panel 2">
-                <mx:Label text="Accordion container panel 2"/>
-            </mx:VBox>
-
-            <mx:VBox label="Accordion Button for Panel 3">
-                <mx:Label text="Accordion container panel 3"/>
-            </mx:VBox>
-        </mx:Accordion>
-
-        <mx:Label width="100%" color="blue"
-            text="Programmatically select the panel using a Button control."/>
-
-        <mx:HBox>
-            <mx:Button label="Select Panel 1" click="accordion.selectedIndex=0;"/>
-            <mx:Button label="Select Panel 2" click="accordion.selectedIndex=1;"/>
-            <mx:Button label="Select Panel 3" click="accordion.selectedIndex=2;"/>
-        </mx:HBox>
-    
-    </mx:Panel>
-</mx:Application>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/containers/DividedBoxExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/containers/DividedBoxExample.mxml b/TourDeFlex/TourDeFlex3/src/containers/DividedBoxExample.mxml
deleted file mode 100755
index fed477a..0000000
--- a/TourDeFlex/TourDeFlex3/src/containers/DividedBoxExample.mxml
+++ /dev/null
@@ -1,39 +0,0 @@
-<?xml version="1.0"?>
-<!--
-  Licensed to the Apache Software Foundation (ASF) under one or more
-      contributor license agreements.  See the NOTICE file distributed with
-      this work for additional information regarding copyright ownership.
-      The ASF licenses this file to You under the Apache License, Version 2.0
-      (the "License"); you may not use this file except in compliance with
-      the License.  You may obtain a copy of the License at
-
-          http://www.apache.org/licenses/LICENSE-2.0
-
-      Unless required by applicable law or agreed to in writing, software
-      distributed under the License is distributed on an "AS IS" BASIS,
-      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-      See the License for the specific language governing permissions and
-      limitations under the License.
-  -->
-
-<!-- Simple example to demonstrate the DividedBox layout container. -->
-<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
-
-    <mx:Panel title="DividedBox Container Example" height="95%" width="95%" 
-        paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10">
-
-        <mx:Text width="100%" color="blue"
-            text="A horizontal DividedBox container. Drag the divider side to side to resize the children."/>
-
-        <mx:DividedBox direction="horizontal" width="100%" height="100%">
-
-            <mx:Panel title="Panel 1" width="25%" height="100%" backgroundColor="0xCCCCCC">
-            </mx:Panel>
-            
-            <mx:Panel title="Panel 2" width="25%" height="100%" backgroundColor="0xCCCCCC">
-            </mx:Panel>
-
-        </mx:DividedBox>
-
-    </mx:Panel>
-</mx:Application>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/containers/FormExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/containers/FormExample.mxml b/TourDeFlex/TourDeFlex3/src/containers/FormExample.mxml
deleted file mode 100755
index 3211912..0000000
--- a/TourDeFlex/TourDeFlex3/src/containers/FormExample.mxml
+++ /dev/null
@@ -1,85 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!--
-  Licensed to the Apache Software Foundation (ASF) under one or more
-      contributor license agreements.  See the NOTICE file distributed with
-      this work for additional information regarding copyright ownership.
-      The ASF licenses this file to You under the Apache License, Version 2.0
-      (the "License"); you may not use this file except in compliance with
-      the License.  You may obtain a copy of the License at
-
-          http://www.apache.org/licenses/LICENSE-2.0
-
-      Unless required by applicable law or agreed to in writing, software
-      distributed under the License is distributed on an "AS IS" BASIS,
-      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-      See the License for the specific language governing permissions and
-      limitations under the License.
-  -->
-
-<!-- Simple example to demonstrate Form layout container. -->
-<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
-
-	<fx:Declarations>
-	    <fx:Model id="checkModel">
-	        <User>
-	            <FirstName>{fname.text}</FirstName>
-	            <DOB>{dob.text}</DOB>
-	            <Email>{email.text}</Email>
-	            <Age>{age.text}</Age>
-	            <SSN>{ssn.text}</SSN>
-	            <Zip>{zip.text}</Zip>
-	            <Phone>{phone.text}</Phone>
-	        </User>
-	    </fx:Model>
-		
-	    <mx:StringValidator source="{fname}" property="text" minLength="4" maxLength="12"/>
-	    <mx:PhoneNumberValidator source="{phone}" property="text"/>
-	    <mx:DateValidator source="{dob}" property="text"/>
-	    <mx:EmailValidator source="{email}" property="text"/>
-	    <mx:NumberValidator source="{age}" property="text" integerError="Enter Integer value"
-	        minValue="18" maxValue="100" domain="int"/>
-	    <mx:SocialSecurityValidator source="{ssn}" property="text"/>
-	    <mx:ZipCodeValidator source="{zip}" property="text"/>
-	</fx:Declarations>
-	
-    <mx:Panel title="Form Container Example" height="75%" width="75%" 
-        paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10">
-
-        <mx:Text width="100%" color="blue"
-            text="Moving from one form field to another triggers the validator."/>
-
-        <mx:Form width="100%" height="100%">
-            <mx:FormHeading label="Enter values into the form."/>
-
-            <mx:FormItem label="First name">
-                <mx:TextInput id="fname" width="200"/>
-            </mx:FormItem>
-
-            <mx:FormItem label="Date of birth (mm/dd/yyyy)">
-                <mx:TextInput id="dob" width="200"/>
-            </mx:FormItem>
-
-            <mx:FormItem label="E-mail address">
-                <mx:TextInput id="email" width="200"/>
-            </mx:FormItem>
-
-            <mx:FormItem label="Age">
-                <mx:TextInput id="age" width="200"/>
-            </mx:FormItem>
-
-            <mx:FormItem label="SSN">
-                <mx:TextInput id="ssn" width="200"/>
-            </mx:FormItem>
-
-            <mx:FormItem label="Zip">
-                <mx:TextInput id="zip" width="200"/>
-            </mx:FormItem>
-
-            <mx:FormItem label="Phone">
-                <mx:TextInput id="phone" width="200"/>
-            </mx:FormItem>
-        </mx:Form>
-
-    </mx:Panel>
-
-</mx:Application>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/containers/GridLayoutExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/containers/GridLayoutExample.mxml b/TourDeFlex/TourDeFlex3/src/containers/GridLayoutExample.mxml
deleted file mode 100755
index ee9277c..0000000
--- a/TourDeFlex/TourDeFlex3/src/containers/GridLayoutExample.mxml
+++ /dev/null
@@ -1,67 +0,0 @@
-<?xml version="1.0"?>
-<!--
-  Licensed to the Apache Software Foundation (ASF) under one or more
-      contributor license agreements.  See the NOTICE file distributed with
-      this work for additional information regarding copyright ownership.
-      The ASF licenses this file to You under the Apache License, Version 2.0
-      (the "License"); you may not use this file except in compliance with
-      the License.  You may obtain a copy of the License at
-
-          http://www.apache.org/licenses/LICENSE-2.0
-
-      Unless required by applicable law or agreed to in writing, software
-      distributed under the License is distributed on an "AS IS" BASIS,
-      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-      See the License for the specific language governing permissions and
-      limitations under the License.
-  -->
-
-<!-- Simple example to demonstrate the Grid layout container.-->
-<mx:Application borderStyle="none" xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
-    
-    <mx:Panel title="Grid Container Example" height="75%" width="75%" 
-        paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10">
-
-        <mx:Label width="100%" color="blue" 
-            text="A 3 by 3 Grid container of Button controls."/>
-
-        <mx:Grid>
-            <mx:GridRow>
-                <mx:GridItem>
-                    <mx:Button label="Row 1 Col 1" width="100"/>
-                </mx:GridItem>
-                <mx:GridItem>
-                    <mx:Button label="Row 1 Col 2" width="100"/>
-                </mx:GridItem>
-                <mx:GridItem>
-                    <mx:Button label="Row 1 Col 3" width="100"/>
-                </mx:GridItem>
-            </mx:GridRow>
-
-            <mx:GridRow>
-                <mx:GridItem>
-                    <mx:Button label="Row 2 Col 1" width="100"/>
-                </mx:GridItem>
-                <mx:GridItem>
-                    <mx:Button label="Row 2 Col 2" width="100"/>
-                </mx:GridItem>
-                <mx:GridItem>
-                    <mx:Button label="Row 2 Col 3" width="100"/>
-                </mx:GridItem>
-            </mx:GridRow>
-
-            <mx:GridRow>
-                <mx:GridItem>
-                    <mx:Button label="Row 3 Col 1" width="100"/>
-                </mx:GridItem>
-                <mx:GridItem>
-                    <mx:Button label="Row 3 Col 2" width="100"/>
-                </mx:GridItem>
-                <mx:GridItem>
-                    <mx:Button label="Row 3 Col 3" width="100"/>
-                </mx:GridItem>
-            </mx:GridRow>
-        </mx:Grid>
-
-    </mx:Panel>		
-</mx:Application>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/containers/HBoxExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/containers/HBoxExample.mxml b/TourDeFlex/TourDeFlex3/src/containers/HBoxExample.mxml
deleted file mode 100755
index 81295b4..0000000
--- a/TourDeFlex/TourDeFlex3/src/containers/HBoxExample.mxml
+++ /dev/null
@@ -1,39 +0,0 @@
-<?xml version="1.0"?>
-<!--
-  Licensed to the Apache Software Foundation (ASF) under one or more
-      contributor license agreements.  See the NOTICE file distributed with
-      this work for additional information regarding copyright ownership.
-      The ASF licenses this file to You under the Apache License, Version 2.0
-      (the "License"); you may not use this file except in compliance with
-      the License.  You may obtain a copy of the License at
-
-          http://www.apache.org/licenses/LICENSE-2.0
-
-      Unless required by applicable law or agreed to in writing, software
-      distributed under the License is distributed on an "AS IS" BASIS,
-      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-      See the License for the specific language governing permissions and
-      limitations under the License.
-  -->
-
-<!-- Simple example to demonstrate the HBox layout container. -->
-<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
-
-    <mx:Panel title="HBox Container Example" height="75%" width="75%" 
-        paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10">
-
-       <mx:Label width="100%" color="blue"
-           text="An HBox container with horizontally aligned children."/>
-           
-       <mx:HBox borderStyle="solid" paddingTop="10" paddingBottom="10" 
-               paddingLeft="10" paddingRight="10">
-
-            <mx:Button label="Button 1"/>
-            <mx:Button label="Button 2"/>
-            <mx:Button label="Button 3"/>
-            <mx:ComboBox/>
-
-        </mx:HBox>
-
-    </mx:Panel>
-</mx:Application>
\ No newline at end of file


[05/10] moved mx example files to mx directory

Posted by jm...@apache.org.
http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/mx/containers/SimpleCanvasExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/mx/containers/SimpleCanvasExample.mxml b/TourDeFlex/TourDeFlex3/src/mx/containers/SimpleCanvasExample.mxml
new file mode 100755
index 0000000..347d7cb
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/mx/containers/SimpleCanvasExample.mxml
@@ -0,0 +1,45 @@
+<?xml version="1.0"?>
+<!--
+  Licensed to the Apache Software Foundation (ASF) under one or more
+      contributor license agreements.  See the NOTICE file distributed with
+      this work for additional information regarding copyright ownership.
+      The ASF licenses this file to You under the Apache License, Version 2.0
+      (the "License"); you may not use this file except in compliance with
+      the License.  You may obtain a copy of the License at
+
+          http://www.apache.org/licenses/LICENSE-2.0
+
+      Unless required by applicable law or agreed to in writing, software
+      distributed under the License is distributed on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+      See the License for the specific language governing permissions and
+      limitations under the License.
+  -->
+
+<!-- Simple example to demonstrate the Canvas layout container.-->
+<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
+
+    <mx:Panel title="Canvas Container Example" height="95%" width="95%" 
+        paddingTop="5" paddingLeft="5" paddingRight="5" paddingBottom="5">
+
+        <mx:Label width="100%" color="blue" 
+            text="Use absolute positioning to place the children of a Canvas container."/>
+
+        <mx:Canvas borderStyle="solid" height="200" width="100%">
+
+            <!-- Stagger the position of the TextInput controls using absolute positioning.-->
+            <mx:TextInput width="100" x="50" y="5"/>
+            <mx:TextInput width="100" x="100" y="30"/>
+            <mx:TextInput width="100" x="150" y="55"/>
+
+            <!-- Overlap the VBox containers using layout constraints.-->
+            <mx:VBox right="115" bottom="50" width="75" height="75" backgroundColor="#0080C0"/>
+            <mx:VBox right="70" bottom="30" width="75" height="75" backgroundColor="#FFFF80"/>
+            <mx:VBox right="25" bottom="10" width="75" height="75" backgroundColor="#8080C0" alpha="0.8"/>
+
+            <mx:Text right="25" y="110"
+                text="The Canvas container lets you place components on top of each other."/>
+        </mx:Canvas>
+    
+    </mx:Panel>
+</mx:Application>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/mx/containers/SimpleControlBarExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/mx/containers/SimpleControlBarExample.mxml b/TourDeFlex/TourDeFlex3/src/mx/containers/SimpleControlBarExample.mxml
new file mode 100755
index 0000000..7f307e0
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/mx/containers/SimpleControlBarExample.mxml
@@ -0,0 +1,41 @@
+<?xml version="1.0"?>
+<!--
+  Licensed to the Apache Software Foundation (ASF) under one or more
+      contributor license agreements.  See the NOTICE file distributed with
+      this work for additional information regarding copyright ownership.
+      The ASF licenses this file to You under the Apache License, Version 2.0
+      (the "License"); you may not use this file except in compliance with
+      the License.  You may obtain a copy of the License at
+
+          http://www.apache.org/licenses/LICENSE-2.0
+
+      Unless required by applicable law or agreed to in writing, software
+      distributed under the License is distributed on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+      See the License for the specific language governing permissions and
+      limitations under the License.
+  -->
+
+<!-- Simple example to demonstrate the ControlBar container. -->
+<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
+
+    <mx:Panel title="ControlBar Container Example"  width="75%" height="75%" 
+        paddingTop="10" paddingBottom="10" paddingLeft="10" paddingRight="10">
+
+        <mx:HBox width="100%" height="100%">
+            <!-- Area for your catalog. -->
+            <mx:Image source="@Embed(source='assets/ApacheFlexLogo.png')" width="50%" height="100%"/>
+			<mx:Text width="50%" color="blue"
+                text="The ControlBar container in this example adds a Label, NumericStepper, Spacer, and Button control to the bottom of the Panel container."/>
+        </mx:HBox>
+
+        <mx:ControlBar>
+            <mx:Label text="Quantity"/>
+            <mx:NumericStepper/>
+            <!-- Use Spacer to push Button control to the right. -->
+            <mx:Spacer width="100%"/>
+            <mx:Button label="Add to Cart"/>
+        </mx:ControlBar>
+
+    </mx:Panel>
+</mx:Application>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/mx/containers/SimplePanelExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/mx/containers/SimplePanelExample.mxml b/TourDeFlex/TourDeFlex3/src/mx/containers/SimplePanelExample.mxml
new file mode 100755
index 0000000..7b83f63
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/mx/containers/SimplePanelExample.mxml
@@ -0,0 +1,45 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!--
+  Licensed to the Apache Software Foundation (ASF) under one or more
+      contributor license agreements.  See the NOTICE file distributed with
+      this work for additional information regarding copyright ownership.
+      The ASF licenses this file to You under the Apache License, Version 2.0
+      (the "License"); you may not use this file except in compliance with
+      the License.  You may obtain a copy of the License at
+
+          http://www.apache.org/licenses/LICENSE-2.0
+
+      Unless required by applicable law or agreed to in writing, software
+      distributed under the License is distributed on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+      See the License for the specific language governing permissions and
+      limitations under the License.
+  -->
+
+<!-- Simple example to demonstrate Panel layout container. -->
+<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
+
+    <fx:Script>
+        <![CDATA[
+       
+            private function showProperties():void  {
+	            panelPropertyArea.text= "Status: " + panel.status + '\n' +
+				  "Title: " + panel.title + '\n' +
+				  "Width: " + panel.width + '\n' +
+				  "Height: " + panel.height ;
+	        }
+        ]]>
+    </fx:Script>
+
+    <mx:Panel id="panel" title="Panel Container Example" status="Active" 
+            height="75%" width="75%" 
+            paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10">
+
+        <mx:Label width="100%" color="blue"
+            text="Click the Button control to see panel properties."/>
+
+        <mx:TextArea id="panelPropertyArea" width="100%" height="100%"/>
+        <mx:Button label="Click to view Panel properties" click="showProperties();"/>
+
+    </mx:Panel>
+</mx:Application>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/mx/containers/SimpleTitleWindowExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/mx/containers/SimpleTitleWindowExample.mxml b/TourDeFlex/TourDeFlex3/src/mx/containers/SimpleTitleWindowExample.mxml
new file mode 100755
index 0000000..aa9cd40
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/mx/containers/SimpleTitleWindowExample.mxml
@@ -0,0 +1,52 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!--
+  Licensed to the Apache Software Foundation (ASF) under one or more
+      contributor license agreements.  See the NOTICE file distributed with
+      this work for additional information regarding copyright ownership.
+      The ASF licenses this file to You under the Apache License, Version 2.0
+      (the "License"); you may not use this file except in compliance with
+      the License.  You may obtain a copy of the License at
+
+          http://www.apache.org/licenses/LICENSE-2.0
+
+      Unless required by applicable law or agreed to in writing, software
+      distributed under the License is distributed on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+      See the License for the specific language governing permissions and
+      limitations under the License.
+  -->
+
+<!-- Simple custom MXML TitleWindow component.
+     The TitleWindowApp application displays this component. 
+     You cannot run it independently. -->
+     
+<mx:TitleWindow xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx"
+    title="Title Window" x="168" y="86">
+
+    <fx:Script>
+        <![CDATA[       
+            import mx.managers.PopUpManager;
+            import mx.controls.Text;
+	       
+            // A reference to the TextInput control in which to put the result.
+            public var loginName:Text;
+		   
+            // Event handler for the OK button.
+            private function returnName():void {
+                loginName.text="Name entered: " + userName.text; 
+                PopUpManager.removePopUp(this);
+            }
+        ]]>
+    </fx:Script>
+
+    <mx:HBox>
+        <mx:Label text="Enter Name: "/>
+        <mx:TextInput id="userName" width="100%"/>
+    </mx:HBox>
+
+    <mx:HBox>
+        <mx:Button label="OK" click="returnName();"/>
+        <mx:Button label="Cancel" click="PopUpManager.removePopUp(this);"/>
+    </mx:HBox>
+
+</mx:TitleWindow>  

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/mx/containers/TabNavigatorExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/mx/containers/TabNavigatorExample.mxml b/TourDeFlex/TourDeFlex3/src/mx/containers/TabNavigatorExample.mxml
new file mode 100755
index 0000000..49c3a2e
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/mx/containers/TabNavigatorExample.mxml
@@ -0,0 +1,54 @@
+<?xml version="1.0"?>
+<!--
+  Licensed to the Apache Software Foundation (ASF) under one or more
+      contributor license agreements.  See the NOTICE file distributed with
+      this work for additional information regarding copyright ownership.
+      The ASF licenses this file to You under the Apache License, Version 2.0
+      (the "License"); you may not use this file except in compliance with
+      the License.  You may obtain a copy of the License at
+
+          http://www.apache.org/licenses/LICENSE-2.0
+
+      Unless required by applicable law or agreed to in writing, software
+      distributed under the License is distributed on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+      See the License for the specific language governing permissions and
+      limitations under the License.
+  -->
+
+<!-- Simple example to demonstrate the TabNavigator layout container. -->
+<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
+
+    <mx:Panel title="TabNavigator Container Example" height="90%" width="90%" 
+        paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10">
+
+        <mx:Label width="100%" color="blue"
+            text="Select the tabs to change the panel."/>
+
+        <mx:TabNavigator id="tn"  width="100%" height="100%">
+            <!-- Define each panel using a VBox container. -->
+
+            <mx:VBox label="Panel 1">
+                <mx:Label text="TabNavigator container panel 1"/>
+            </mx:VBox>
+
+            <mx:VBox label="Panel 2">
+                <mx:Label text="TabNavigator container panel 2"/>
+            </mx:VBox>
+
+            <mx:VBox label="Panel 3">
+                <mx:Label text="TabNavigator container panel 3"/>
+            </mx:VBox>
+        </mx:TabNavigator>
+
+        <mx:Label width="100%" color="blue"
+            text="Programmatically select the panel using a Button control."/>
+
+        <mx:HBox>
+            <mx:Button label="Select Tab 1" click="tn.selectedIndex=0"/>
+            <mx:Button label="Select Tab 2" click="tn.selectedIndex=1"/>
+            <mx:Button label="Select Tab 3" click="tn.selectedIndex=2"/>
+        </mx:HBox>
+    
+    </mx:Panel>
+</mx:Application>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/mx/containers/TileLayoutExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/mx/containers/TileLayoutExample.mxml b/TourDeFlex/TourDeFlex3/src/mx/containers/TileLayoutExample.mxml
new file mode 100755
index 0000000..3f7329a
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/mx/containers/TileLayoutExample.mxml
@@ -0,0 +1,42 @@
+<?xml version="1.0"?>
+<!--
+  Licensed to the Apache Software Foundation (ASF) under one or more
+      contributor license agreements.  See the NOTICE file distributed with
+      this work for additional information regarding copyright ownership.
+      The ASF licenses this file to You under the Apache License, Version 2.0
+      (the "License"); you may not use this file except in compliance with
+      the License.  You may obtain a copy of the License at
+
+          http://www.apache.org/licenses/LICENSE-2.0
+
+      Unless required by applicable law or agreed to in writing, software
+      distributed under the License is distributed on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+      See the License for the specific language governing permissions and
+      limitations under the License.
+  -->
+
+<!-- Simple example to demonstrate the Tile layout container. -->
+<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
+
+    <mx:Panel title="Tile Container Example" height="75%" width="75%" 
+        paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10">
+
+        <mx:Label width="100%" color="blue"
+            text="A Tile container lays out its children in a grid of equal-sized cells."/>
+
+        <mx:Tile direction="horizontal" borderStyle="inset" 
+                horizontalGap="10" verticalGap="15" 
+                paddingTop="10" paddingBottom="10" paddingLeft="10" paddingRight="10">
+
+            <mx:Button label="1" height="50" width="75"/>
+            <mx:Button label="2" height="50" width="75"/>
+            <mx:Button label="3" height="50" width="75"/>
+            <mx:Button label="4" height="50" width="75"/>
+            <mx:Button label="5" height="50" width="75"/>
+            <mx:Button label="6" height="50" width="75"/>
+
+        </mx:Tile>
+
+    </mx:Panel>
+</mx:Application>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/mx/containers/TitleWindowApp.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/mx/containers/TitleWindowApp.mxml b/TourDeFlex/TourDeFlex3/src/mx/containers/TitleWindowApp.mxml
new file mode 100755
index 0000000..fbdefcd
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/mx/containers/TitleWindowApp.mxml
@@ -0,0 +1,63 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!--
+  Licensed to the Apache Software Foundation (ASF) under one or more
+      contributor license agreements.  See the NOTICE file distributed with
+      this work for additional information regarding copyright ownership.
+      The ASF licenses this file to You under the Apache License, Version 2.0
+      (the "License"); you may not use this file except in compliance with
+      the License.  You may obtain a copy of the License at
+
+          http://www.apache.org/licenses/LICENSE-2.0
+
+      Unless required by applicable law or agreed to in writing, software
+      distributed under the License is distributed on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+      See the License for the specific language governing permissions and
+      limitations under the License.
+  -->
+
+<!-- Main application to demonstrate TitleWindow layout container. -->
+<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
+
+    <fx:Script>
+        <![CDATA[
+       
+            import mx.managers.PopUpManager;
+            import mx.containers.TitleWindow;
+             import flash.geom.Point;
+
+            private var point1:Point = new Point();
+      
+            // Open the TitleWindow container.
+            // Cast the return value of the createPopUp() method
+            // to SimpleTitleWindowExample, the name of the 
+            // component containing the TitleWindow container.
+            private function showWindow():void {
+                var login:SimpleTitleWindowExample=SimpleTitleWindowExample(PopUpManager.createPopUp( this, SimpleTitleWindowExample , true));
+
+                // Calculate position of TitleWindow in Application's coordinates.
+                // Position it 25 pixels down and to the right of the Button control.
+                point1.x=0;
+                point1.y=0;                
+                point1=myButton.localToGlobal(point1);
+                login.x=point1.x+25;
+                login.y=point1.y+25;
+             
+                // Pass a reference to the TextInput control
+                // to the TitleWindow container so that the 
+                // TitleWindow container can return data to the main application.
+                login.loginName=returnedName;
+            }
+        ]]>
+    </fx:Script>
+
+    <mx:Panel title="TitleWindow Container Example" height="75%" width="75%" 
+        paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10">
+
+        <mx:Button id="myButton" label="Click to open the TitleWindow container" 
+            click="showWindow();"/>
+        
+        <mx:Text id="returnedName" text="" width="100%"/>
+
+    </mx:Panel>
+</mx:Application>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/mx/containers/VBoxExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/mx/containers/VBoxExample.mxml b/TourDeFlex/TourDeFlex3/src/mx/containers/VBoxExample.mxml
new file mode 100755
index 0000000..b45dcfd
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/mx/containers/VBoxExample.mxml
@@ -0,0 +1,39 @@
+<?xml version="1.0"?>
+<!--
+  Licensed to the Apache Software Foundation (ASF) under one or more
+      contributor license agreements.  See the NOTICE file distributed with
+      this work for additional information regarding copyright ownership.
+      The ASF licenses this file to You under the Apache License, Version 2.0
+      (the "License"); you may not use this file except in compliance with
+      the License.  You may obtain a copy of the License at
+
+          http://www.apache.org/licenses/LICENSE-2.0
+
+      Unless required by applicable law or agreed to in writing, software
+      distributed under the License is distributed on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+      See the License for the specific language governing permissions and
+      limitations under the License.
+  -->
+
+<!-- Simple example to demonstrate the VBox layout container. -->
+<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
+
+    <mx:Panel title="VBox Container Example" height="75%" width="75%" 
+        paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10">
+
+       <mx:Label width="100%" color="blue" 
+           text="A VBox container with vertically aligned children."/>
+           
+       <mx:VBox borderStyle="solid" paddingTop="10" paddingBottom="10" 
+               paddingLeft="10" paddingRight="10">
+
+            <mx:Button label="Button 1"/>
+            <mx:Button label="Button 2"/>
+            <mx:Button label="Button 3"/>
+            <mx:ComboBox/>
+
+        </mx:VBox>
+
+    </mx:Panel>
+</mx:Application>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/mx/containers/VDividedBoxExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/mx/containers/VDividedBoxExample.mxml b/TourDeFlex/TourDeFlex3/src/mx/containers/VDividedBoxExample.mxml
new file mode 100755
index 0000000..de7701a
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/mx/containers/VDividedBoxExample.mxml
@@ -0,0 +1,41 @@
+<?xml version="1.0"?>
+<!--
+  Licensed to the Apache Software Foundation (ASF) under one or more
+      contributor license agreements.  See the NOTICE file distributed with
+      this work for additional information regarding copyright ownership.
+      The ASF licenses this file to You under the Apache License, Version 2.0
+      (the "License"); you may not use this file except in compliance with
+      the License.  You may obtain a copy of the License at
+
+          http://www.apache.org/licenses/LICENSE-2.0
+
+      Unless required by applicable law or agreed to in writing, software
+      distributed under the License is distributed on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+      See the License for the specific language governing permissions and
+      limitations under the License.
+  -->
+
+<!-- Simple example to demonstrate the VDividedBox layout -->
+<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
+
+    <mx:Panel title="VDividedBox Container Example" width="90%" height="90%" 
+        paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10">
+
+        <mx:Text width="100%" color="blue"
+            text="Drag the divider up and down to resize the children."/>
+
+        <mx:VDividedBox width="100%" height="100%">
+
+            <mx:Canvas label="Canvas 1" width="100%" height="100%" backgroundColor="#FFFFCC">
+                <mx:Label text="Add components here" fontWeight="bold"/>
+            </mx:Canvas>
+
+            <mx:Canvas label="Canvas 2" width="100%" height="100%" backgroundColor="#99CCFF">
+                <mx:Label text="Add components here" fontWeight="bold"/>
+            </mx:Canvas>
+
+        </mx:VDividedBox>
+
+    </mx:Panel>
+</mx:Application>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/mx/containers/ViewStackExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/mx/containers/ViewStackExample.mxml b/TourDeFlex/TourDeFlex3/src/mx/containers/ViewStackExample.mxml
new file mode 100755
index 0000000..26e1be4
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/mx/containers/ViewStackExample.mxml
@@ -0,0 +1,57 @@
+<?xml version="1.0"?>
+<!--
+  Licensed to the Apache Software Foundation (ASF) under one or more
+      contributor license agreements.  See the NOTICE file distributed with
+      this work for additional information regarding copyright ownership.
+      The ASF licenses this file to You under the Apache License, Version 2.0
+      (the "License"); you may not use this file except in compliance with
+      the License.  You may obtain a copy of the License at
+
+          http://www.apache.org/licenses/LICENSE-2.0
+
+      Unless required by applicable law or agreed to in writing, software
+      distributed under the License is distributed on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+      See the License for the specific language governing permissions and
+      limitations under the License.
+  -->
+
+<!-- Simple example to demonstrate the ViewStack layout container. -->
+<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
+
+     <mx:Panel title="ViewStack Container Example" height="95%" width="95%" 
+         paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10">
+
+        <mx:Text width="100%" color="blue"
+            text="Use the Button controls to change panels of the ViewStack container."/>
+
+        <mx:HBox borderStyle="solid" width="100%"
+            paddingTop="5" paddingLeft="5" paddingRight="5" paddingBottom="5">
+            
+            <mx:Button id="searchButton" label="Search Panel"
+                click="myViewStack.selectedChild=search;"/>
+            <mx:Button id="cInfoButton" label="Customer Info Panel"
+                click="myViewStack.selectedChild=custInfo;"/>
+            <mx:Button id="aInfoButton" label="Account Panel"
+                click="myViewStack.selectedChild=accountInfo;"/>
+        </mx:HBox>
+
+        <!-- Define the ViewStack and the three child containers and have it
+        resize up to the size of the container for the buttons. -->
+        <mx:ViewStack id="myViewStack" borderStyle="solid" width="100%" height="80%">
+
+            <mx:Canvas id="search" backgroundColor="#FFFFCC" label="Search" width="100%" height="100%">
+                <mx:Label text="Search Screen" color="#000000"/>
+            </mx:Canvas>
+
+            <mx:Canvas id="custInfo" backgroundColor="#CCFFFF" label="Customer Info" width="100%" height="100%">
+                <mx:Label text="Customer Info" color="#000000"/>
+            </mx:Canvas>
+
+            <mx:Canvas id="accountInfo" backgroundColor="#FFCCFF" label="Account Info" width="100%" height="100%">
+                <mx:Label text="Account Info" color="#000000"/>
+            </mx:Canvas>
+        </mx:ViewStack>
+
+    </mx:Panel>
+</mx:Application>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/mx/containers/assets/ApacheFlexLogo.png
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/mx/containers/assets/ApacheFlexLogo.png b/TourDeFlex/TourDeFlex3/src/mx/containers/assets/ApacheFlexLogo.png
new file mode 100644
index 0000000..4ff037f
Binary files /dev/null and b/TourDeFlex/TourDeFlex3/src/mx/containers/assets/ApacheFlexLogo.png differ

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/mx/controls/AdvancedDataGridExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/mx/controls/AdvancedDataGridExample.mxml b/TourDeFlex/TourDeFlex3/src/mx/controls/AdvancedDataGridExample.mxml
new file mode 100755
index 0000000..ab61096
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/mx/controls/AdvancedDataGridExample.mxml
@@ -0,0 +1,76 @@
+<?xml version="1.0"?>
+<!--
+  Licensed to the Apache Software Foundation (ASF) under one or more
+      contributor license agreements.  See the NOTICE file distributed with
+      this work for additional information regarding copyright ownership.
+      The ASF licenses this file to You under the Apache License, Version 2.0
+      (the "License"); you may not use this file except in compliance with
+      the License.  You may obtain a copy of the License at
+
+          http://www.apache.org/licenses/LICENSE-2.0
+
+      Unless required by applicable law or agreed to in writing, software
+      distributed under the License is distributed on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+      See the License for the specific language governing permissions and
+      limitations under the License.
+  -->
+
+<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
+
+    <fx:Script>
+        <![CDATA[
+            import mx.collections.ArrayCollection;
+                  
+            [Bindable]
+            private var dpFlat:ArrayCollection = new ArrayCollection([
+              {Region:"Southwest", Territory:"Arizona", 
+                  Territory_Rep:"Barbara Jennings", Actual:38865, Estimate:40000}, 
+              {Region:"Southwest", Territory:"Arizona", 
+                  Territory_Rep:"Dana Binn", Actual:29885, Estimate:30000},  
+              {Region:"Southwest", Territory:"Central California", 
+                  Territory_Rep:"Joe Smith", Actual:29134, Estimate:30000},  
+              {Region:"Southwest", Territory:"Nevada", 
+                  Territory_Rep:"Bethany Pittman", Actual:52888, Estimate:45000},  
+              {Region:"Southwest", Territory:"Northern California", 
+                  Territory_Rep:"Lauren Ipsum", Actual:38805, Estimate:40000}, 
+              {Region:"Southwest", Territory:"Northern California", 
+                  Territory_Rep:"T.R. Smith", Actual:55498, Estimate:40000},  
+              {Region:"Southwest", Territory:"Southern California", 
+                  Territory_Rep:"Alice Treu", Actual:44985, Estimate:45000}, 
+              {Region:"Southwest", Territory:"Southern California", 
+                  Territory_Rep:"Jane Grove", Actual:44913, Estimate:45000}
+            ]);
+        ]]>
+    </fx:Script>
+
+    <mx:Panel title="AdvancedDataGrid Control Example"
+        height="75%" width="75%" layout="horizontal"
+        paddingTop="10" paddingBottom="10" paddingLeft="10" paddingRight="10">
+
+        <mx:AdvancedDataGrid id="myADG" 
+            width="100%" height="100%" 
+            initialize="gc.refresh();">        
+            <mx:dataProvider>
+                <mx:GroupingCollection2 id="gc" source="{dpFlat}">
+                    <mx:grouping>
+                        <mx:Grouping>
+                            <mx:GroupingField name="Region"/>
+                            <mx:GroupingField name="Territory"/>
+                        </mx:Grouping>
+                    </mx:grouping>
+                </mx:GroupingCollection2>
+            </mx:dataProvider>        
+            
+            <mx:columns>
+                <mx:AdvancedDataGridColumn dataField="Region"/>
+                <mx:AdvancedDataGridColumn dataField="Territory"/>
+                <mx:AdvancedDataGridColumn dataField="Territory_Rep"
+                    headerText="Territory Rep"/>
+                <mx:AdvancedDataGridColumn dataField="Actual"/>
+                <mx:AdvancedDataGridColumn dataField="Estimate"/>
+            </mx:columns>
+       </mx:AdvancedDataGrid>
+    </mx:Panel>
+    
+</mx:Application>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/mx/controls/ButtonBarExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/mx/controls/ButtonBarExample.mxml b/TourDeFlex/TourDeFlex3/src/mx/controls/ButtonBarExample.mxml
new file mode 100755
index 0000000..e3725cf
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/mx/controls/ButtonBarExample.mxml
@@ -0,0 +1,55 @@
+<?xml version="1.0"?>
+<!--
+  Licensed to the Apache Software Foundation (ASF) under one or more
+      contributor license agreements.  See the NOTICE file distributed with
+      this work for additional information regarding copyright ownership.
+      The ASF licenses this file to You under the Apache License, Version 2.0
+      (the "License"); you may not use this file except in compliance with
+      the License.  You may obtain a copy of the License at
+
+          http://www.apache.org/licenses/LICENSE-2.0
+
+      Unless required by applicable law or agreed to in writing, software
+      distributed under the License is distributed on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+      See the License for the specific language governing permissions and
+      limitations under the License.
+  -->
+
+<!-- Simple example to demonstrate the ButtonBar control. -->
+<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
+
+    <fx:Script>
+        <![CDATA[
+
+            import mx.events.ItemClickEvent;
+
+            // Event handler function to print a message
+            // describing the selected Button control.
+    		private function clickHandler(event:ItemClickEvent):void {
+    		    myTA.text="Selected button index: " + String(event.index) +
+    		        "\n" + "Selected button label: " + event.label;
+            }
+        ]]>
+    </fx:Script>
+
+    <mx:Panel title="ButtonBar Control Example" height="75%" width="75%"
+        paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10">
+
+       <mx:Label width="100%" color="blue"
+           text="Select a button in the ButtonBar control."/>
+
+        <mx:TextArea id="myTA" width="100%" height="100%"/>
+
+        <mx:ButtonBar itemClick="clickHandler(event);">
+            <mx:dataProvider>
+                <fx:Array>
+                    <fx:String>Flex SDK</fx:String>
+                    <fx:String>Flex JS</fx:String>
+                    <fx:String>Falcon</fx:String>
+                    <fx:String>Falcon JX</fx:String>
+                </fx:Array>
+            </mx:dataProvider>
+        </mx:ButtonBar>
+    </mx:Panel>
+</mx:Application>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/mx/controls/ButtonExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/mx/controls/ButtonExample.mxml b/TourDeFlex/TourDeFlex3/src/mx/controls/ButtonExample.mxml
new file mode 100755
index 0000000..0ef5c63
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/mx/controls/ButtonExample.mxml
@@ -0,0 +1,63 @@
+<?xml version="1.0"?>
+<!--
+  Licensed to the Apache Software Foundation (ASF) under one or more
+      contributor license agreements.  See the NOTICE file distributed with
+      this work for additional information regarding copyright ownership.
+      The ASF licenses this file to You under the Apache License, Version 2.0
+      (the "License"); you may not use this file except in compliance with
+      the License.  You may obtain a copy of the License at
+
+          http://www.apache.org/licenses/LICENSE-2.0
+
+      Unless required by applicable law or agreed to in writing, software
+      distributed under the License is distributed on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+      See the License for the specific language governing permissions and
+      limitations under the License.
+  -->
+
+<!-- Simple example to demonstrate the Button control. -->
+<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
+
+    <fx:Script>
+        <![CDATA[
+
+            import flash.events.Event;
+
+            // Event handler function to print a message
+            // describing the selected Button control.
+            private function printMessage(event:Event):void  {
+              message.text += event.target.label + " pressed" + "\n";
+            }
+
+      ]]>
+    </fx:Script>
+
+    <mx:Panel title="Button Control Example"
+        height="75%" width="75%" layout="horizontal"
+        paddingTop="10" paddingBottom="10" paddingLeft="10" paddingRight="10">
+
+        <mx:VBox>
+            <mx:Label width="100%" color="blue"
+                text="Select a Button control."/>
+
+             <!-- The button can contain an image, as in the "Button with Icon" button -->
+             <!-- The button can contain an image, as in the "Button with Icon" button -->
+			 <mx:Button id="iconButton" icon="@Embed('assets/ApacheFlexIcon.png')" label="Button with Icon"
+			     paddingLeft="12" paddingRight="18" labelPlacement="right" color="#993300" click="printMessage(event);"/>
+
+             <!-- The size of the button and the label attributes can be customized -->
+             <mx:Button label="Customized Button" color="#993300" toggle="true" selected="true"
+                 textAlign="left" fontStyle="italic" fontSize="13" width="{iconButton.width}"
+                 click="printMessage(event);"/>
+
+             <!-- By default, the look and feel of the customized button is
+                 similar to the Default Button.  -->
+             <mx:Button label="Default Button" click="printMessage(event);"/>
+        </mx:VBox>
+
+         <mx:TextArea id="message" text="" editable="false" height="100%" width="100%"
+             color="#0000FF"/>
+
+    </mx:Panel>
+</mx:Application>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/mx/controls/CheckBoxExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/mx/controls/CheckBoxExample.mxml b/TourDeFlex/TourDeFlex3/src/mx/controls/CheckBoxExample.mxml
new file mode 100755
index 0000000..558039b
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/mx/controls/CheckBoxExample.mxml
@@ -0,0 +1,76 @@
+<?xml version="1.0"?>
+<!--
+  Licensed to the Apache Software Foundation (ASF) under one or more
+      contributor license agreements.  See the NOTICE file distributed with
+      this work for additional information regarding copyright ownership.
+      The ASF licenses this file to You under the Apache License, Version 2.0
+      (the "License"); you may not use this file except in compliance with
+      the License.  You may obtain a copy of the License at
+
+          http://www.apache.org/licenses/LICENSE-2.0
+
+      Unless required by applicable law or agreed to in writing, software
+      distributed under the License is distributed on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+      See the License for the specific language governing permissions and
+      limitations under the License.
+  -->
+
+<!-- Simple example to demonstrate the CheckBox control -->
+<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
+
+    <fx:Script>
+        <![CDATA[
+
+           import mx.controls.Alert;         
+         
+           // This event handler adds and deletes items from the shopping cart.
+           private function modifyCart():void 
+           {
+                cartItems.text = "";
+	    	
+    	    	if(milkCB.selected == true) {	    	  
+    	    	    cartItems.text += "milk" + '\n' ;
+	    	    }
+	   	
+	   	        if(eggsCB.selected == true) {
+    	    	    cartItems.text += "eggs" + '\n';
+	    	    }
+	    	
+	    	    if(breadCB.selected == true) { 
+    	    	    cartItems.text +="bread" + '\n';
+	    	    }
+      	    }
+      	   
+           // This event handler opens the Alert control.
+	       private function sendMessage():void 
+	       {
+                if(couponCB.selected == true) {
+		          Alert.show('You will receive coupons.');
+		        }
+		        else {
+		            Alert.show('You will not receive any coupons.');
+		        }
+	       }    
+        ]]>
+    </fx:Script>
+
+    <mx:Panel title="CheckBox Control Example" 
+        height="75%" width="75%" layout="horizontal"
+        paddingTop="10" paddingBottom="10" paddingLeft="10" paddingRight="10">
+
+        <mx:VBox>
+            <mx:CheckBox id="milkCB" label="milk" click="modifyCart()"/>
+            <mx:CheckBox id="eggsCB" label="eggs" click="modifyCart()"/>
+            <mx:CheckBox id="breadCB" label="bread" click="modifyCart()"/>
+        </mx:VBox>
+
+        <mx:VBox>
+            <mx:Label text="Items in my cart "/>
+            <mx:TextArea id="cartItems" width="300" height="50" verticalScrollPolicy="off"/>
+            <!-- Event handler sendMessages() is used to handle event click -->
+            <mx:CheckBox id="couponCB" label="Send me coupons for items in my cart"
+                click="sendMessage()" selected="true" color="blue"/>
+        </mx:VBox>
+    </mx:Panel>
+</mx:Application>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/mx/controls/ColorPickerExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/mx/controls/ColorPickerExample.mxml b/TourDeFlex/TourDeFlex3/src/mx/controls/ColorPickerExample.mxml
new file mode 100755
index 0000000..435c332
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/mx/controls/ColorPickerExample.mxml
@@ -0,0 +1,32 @@
+<?xml version="1.0"?>
+<!--
+  Licensed to the Apache Software Foundation (ASF) under one or more
+      contributor license agreements.  See the NOTICE file distributed with
+      this work for additional information regarding copyright ownership.
+      The ASF licenses this file to You under the Apache License, Version 2.0
+      (the "License"); you may not use this file except in compliance with
+      the License.  You may obtain a copy of the License at
+
+          http://www.apache.org/licenses/LICENSE-2.0
+
+      Unless required by applicable law or agreed to in writing, software
+      distributed under the License is distributed on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+      See the License for the specific language governing permissions and
+      limitations under the License.
+  -->
+
+<!-- Simple example to demonstrate the ColorPicker control. -->
+<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
+
+    <mx:Panel title="ColorPicker Control Example" height="75%" width="75%" 
+        paddingTop="10" paddingBottom="10" paddingLeft="10" paddingRight="10">
+        
+        <mx:Label width="100%" color="blue"
+           text="Select the background color of the VBox container."/>
+        <mx:ColorPicker id="cp" showTextField="true" selectedColor="0xFFFFFF"/>
+    
+        <mx:VBox width="100%" height="100%" backgroundColor="{cp.selectedColor}" borderStyle="solid"/>
+        <mx:Label color="blue" text="selectedColor: 0x{cp.selectedColor.toString(16)}"/> 
+    </mx:Panel>
+</mx:Application>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/mx/controls/DateChooserExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/mx/controls/DateChooserExample.mxml b/TourDeFlex/TourDeFlex3/src/mx/controls/DateChooserExample.mxml
new file mode 100755
index 0000000..5790534
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/mx/controls/DateChooserExample.mxml
@@ -0,0 +1,67 @@
+<?xml version="1.0"?>
+<!--
+  Licensed to the Apache Software Foundation (ASF) under one or more
+      contributor license agreements.  See the NOTICE file distributed with
+      this work for additional information regarding copyright ownership.
+      The ASF licenses this file to You under the Apache License, Version 2.0
+      (the "License"); you may not use this file except in compliance with
+      the License.  You may obtain a copy of the License at
+
+          http://www.apache.org/licenses/LICENSE-2.0
+
+      Unless required by applicable law or agreed to in writing, software
+      distributed under the License is distributed on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+      See the License for the specific language governing permissions and
+      limitations under the License.
+  -->
+
+<!-- Simple example to demonstrate DateChooser control. -->
+<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
+
+    <fx:Script>
+        <![CDATA[
+
+            // Event handler function to write the selected
+            // date to the Label control.        
+            private function displayDate(date:Date):void {
+                if (date == null)
+                    selection.text = "Date selected: ";
+                else
+                    selection.text = "Date selected: " + date.getFullYear().toString() +
+                        '/' + (date.getMonth()+1).toString() + '/' + date.getDate();
+            }
+        ]]>
+    </fx:Script>
+
+	<fx:Declarations>
+    	<mx:DateFormatter id="df"/>
+	</fx:Declarations>
+    
+    <mx:Panel title="DateChooser Control Example" height="75%" width="75%" 
+        paddingTop="10" paddingLeft="10" paddingRight="10">
+
+        <mx:Label width="100%" color="blue"
+            text="Select a date in the DateChooser control."/>
+        <mx:Label width="100%" color="blue"
+            text="Select it again while holding down the Control key to clear it."/>
+            
+        <mx:HBox horizontalGap="25">
+          <mx:VBox>
+              <mx:Label text="Simple DateChooser control."/>
+              <mx:DateChooser id="dateChooser1" yearNavigationEnabled="true"    
+                  change="displayDate(DateChooser(event.target).selectedDate)"/>
+              <mx:Label id="selection"  color="blue" text="Date selected:"/>
+          </mx:VBox>
+
+          <mx:VBox>
+              <mx:Label text="Disable dates before June 1, 2006."/>
+              <mx:DateChooser id="dateChooser2" yearNavigationEnabled="true"
+                  disabledRanges="{[ {rangeEnd: new Date(2006, 5, 1)} ]}"/>
+              <mx:Label  color="blue" text="Date selected: {df.format(dateChooser2.selectedDate)}"/>
+          </mx:VBox>
+        </mx:HBox>
+        
+    </mx:Panel>    
+</mx:Application>
+

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/mx/controls/DateFieldExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/mx/controls/DateFieldExample.mxml b/TourDeFlex/TourDeFlex3/src/mx/controls/DateFieldExample.mxml
new file mode 100755
index 0000000..8e99773
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/mx/controls/DateFieldExample.mxml
@@ -0,0 +1,57 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!--
+  Licensed to the Apache Software Foundation (ASF) under one or more
+      contributor license agreements.  See the NOTICE file distributed with
+      this work for additional information regarding copyright ownership.
+      The ASF licenses this file to You under the Apache License, Version 2.0
+      (the "License"); you may not use this file except in compliance with
+      the License.  You may obtain a copy of the License at
+
+          http://www.apache.org/licenses/LICENSE-2.0
+
+      Unless required by applicable law or agreed to in writing, software
+      distributed under the License is distributed on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+      See the License for the specific language governing permissions and
+      limitations under the License.
+  -->
+
+<!-- Simple example to demonstrate the DateField control. -->
+<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
+
+    <fx:Script>
+      <![CDATA[
+
+         // Event handler for the DateField change event.
+         private function dateChanged(date:Date):void {
+            if (date == null)
+                selection.text = "Date selected: ";                
+            else
+                selection.text = "Date selected: " + date.getFullYear().toString() + 
+                    '/' + (date.getMonth()+1).toString() + '/' + date.getDate();
+         }
+      ]]>
+    </fx:Script>
+ 
+	<fx:Declarations>
+ 		<mx:DateFormatter id="df"/>
+	</fx:Declarations>
+
+    <mx:Panel title="DateField Control Example" height="75%" width="75%" 
+        paddingTop="10" paddingLeft="10" paddingRight="10">
+
+        <mx:Label width="100%"  color="blue"
+            text="Select a date in the DateField control. Select it again to clear it."/>
+
+        <mx:Label text="Basic DateField:"/>
+        <mx:DateField id="dateField1" yearNavigationEnabled="true" 
+            change="dateChanged(DateField(event.target).selectedDate)" />
+        <mx:Label id="selection"  color="blue" text="Date selected:" />
+
+        <mx:Label text="Disable dates on or before June 1, 2006."/>
+        <mx:DateField id="dateField2" yearNavigationEnabled="true" 
+            disabledRanges="{[ {rangeEnd: new Date(2006, 5, 1)} ]}" />
+        <mx:Label  color="blue" text="Date selected: {df.format(dateField2.selectedDate)}"/>
+
+    </mx:Panel>
+</mx:Application>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/mx/controls/HScrollBarExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/mx/controls/HScrollBarExample.mxml b/TourDeFlex/TourDeFlex3/src/mx/controls/HScrollBarExample.mxml
new file mode 100755
index 0000000..6434919
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/mx/controls/HScrollBarExample.mxml
@@ -0,0 +1,55 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!--
+  Licensed to the Apache Software Foundation (ASF) under one or more
+      contributor license agreements.  See the NOTICE file distributed with
+      this work for additional information regarding copyright ownership.
+      The ASF licenses this file to You under the Apache License, Version 2.0
+      (the "License"); you may not use this file except in compliance with
+      the License.  You may obtain a copy of the License at
+
+          http://www.apache.org/licenses/LICENSE-2.0
+
+      Unless required by applicable law or agreed to in writing, software
+      distributed under the License is distributed on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+      See the License for the specific language governing permissions and
+      limitations under the License.
+  -->
+
+<!-- Simple example to demonstrate the HScrollBar control. -->
+<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
+ 
+     <fx:Script>
+        <![CDATA[
+    
+            import mx.events.ScrollEvent;
+    
+            // Event handler function to display the scroll location
+            // as you move the scroll thumb.
+            private function myScroll(event:ScrollEvent):void
+            {
+                showPosition.text = "HScrollBar properties summary:" + '\n' +
+                    "------------------------------------" + '\n' +
+                    "Current scroll position: " + event.currentTarget.scrollPosition  + '\n' +
+                    "The maximum scroll position: " + event.currentTarget.maxScrollPosition + '\n' +
+                    "The minimum scroll position: " + event.currentTarget.minScrollPosition ;
+            }
+        ]]>
+    </fx:Script> 
+  
+    <mx:Panel id="panel" title="HScrollBar Control Example" height="75%" width="75%" 
+        paddingTop="10" paddingBottom="10" paddingLeft="10" paddingRight="10">
+        
+        <mx:Label width="100%" color="blue"
+           text="Click on the scroll bar to view its properties."/> 
+        
+        <mx:HScrollBar id="bar" width="100%" 
+            minScrollPosition="0" maxScrollPosition="{panel.width - 20}" 
+            lineScrollSize="50" pageScrollSize="100" 
+            scroll="myScroll(event);" 
+            repeatDelay="1000" repeatInterval="500" />
+          
+        <mx:TextArea height="100%" width="100%" id="showPosition" color="blue" />
+  
+    </mx:Panel>  
+</mx:Application>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/mx/controls/HorizontalListExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/mx/controls/HorizontalListExample.mxml b/TourDeFlex/TourDeFlex3/src/mx/controls/HorizontalListExample.mxml
new file mode 100755
index 0000000..71328fa
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/mx/controls/HorizontalListExample.mxml
@@ -0,0 +1,67 @@
+<?xml version="1.0"?>
+<!--
+  Licensed to the Apache Software Foundation (ASF) under one or more
+      contributor license agreements.  See the NOTICE file distributed with
+      this work for additional information regarding copyright ownership.
+      The ASF licenses this file to You under the Apache License, Version 2.0
+      (the "License"); you may not use this file except in compliance with
+      the License.  You may obtain a copy of the License at
+
+          http://www.apache.org/licenses/LICENSE-2.0
+
+      Unless required by applicable law or agreed to in writing, software
+      distributed under the License is distributed on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+      See the License for the specific language governing permissions and
+      limitations under the License.
+  -->
+
+<!-- Simple example to demonstrate the HorizontalList Control. -->
+<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
+
+    <fx:Script>
+        <![CDATA[
+             
+             [Bindable]
+             [Embed(source="assets/ApacheFlexLogo.png")]
+             public var logo1:Class;
+             
+             [Bindable]
+             [Embed(source="assets/ApacheFlexLogo.png")]
+             public var logo2:Class;
+             
+             [Bindable]
+             [Embed(source="assets/ApacheFlexLogo.png")]
+             public var logo3:Class;
+	     
+             [Bindable]
+	         [Embed(source="assets/ApacheFlexLogo.png")]
+             public var logo4:Class;
+
+             [Bindable]
+	         [Embed(source="assets/ApacheFlexLogo.png")]
+             public var logo5:Class;
+        ]]>
+    </fx:Script>
+
+    <mx:Panel title="HorizontalList Control Example" height="75%" width="75%" 
+        paddingTop="10" paddingBottom="10" paddingLeft="10" paddingRight="10">
+
+        <mx:Label width="100%" color="blue"
+           text="A HorizontalList control displays items in a single row."/>
+
+        <mx:HorizontalList id="CameraSelection" height="250" columnCount="3" columnWidth="125">
+            <mx:dataProvider>
+                <fx:Array>
+                    <fx:Object label="Logo 1" icon="{logo1}"/>
+                    <fx:Object label="Logo 2" icon="{logo2}"/>
+                    <fx:Object label="Logo 3" icon="{logo3}"/>
+                    <fx:Object label="Logo 4" icon="{logo4}"/>
+                    <fx:Object label="Logo 5" icon="{logo5}"/>
+                </fx:Array>
+            </mx:dataProvider>
+        </mx:HorizontalList>
+        
+    </mx:Panel>
+</mx:Application>
+       
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/mx/controls/LabelExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/mx/controls/LabelExample.mxml b/TourDeFlex/TourDeFlex3/src/mx/controls/LabelExample.mxml
new file mode 100755
index 0000000..4125693
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/mx/controls/LabelExample.mxml
@@ -0,0 +1,47 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!--
+  Licensed to the Apache Software Foundation (ASF) under one or more
+      contributor license agreements.  See the NOTICE file distributed with
+      this work for additional information regarding copyright ownership.
+      The ASF licenses this file to You under the Apache License, Version 2.0
+      (the "License"); you may not use this file except in compliance with
+      the License.  You may obtain a copy of the License at
+
+          http://www.apache.org/licenses/LICENSE-2.0
+
+      Unless required by applicable law or agreed to in writing, software
+      distributed under the License is distributed on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+      See the License for the specific language governing permissions and
+      limitations under the License.
+  -->
+
+<!-- Simple example to demonstrate the Label control -->
+<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
+
+    <fx:Script>
+        <![CDATA[
+      
+            private var htmlData:String="<br>This label displays <b>bold</b> and <i>italic</i> HTML-formatted text.";
+                                         
+            // Event handler function to change the image size.
+            private function displayHTML():void {
+                simpleLabel.htmlText= htmlData;
+            }
+          
+            // Event handler function to change the image size.
+            private function displayText():void {
+                simpleLabel.text="This Label displays plain text.";
+            }         
+        ]]>
+    </fx:Script>
+
+  <mx:Panel title="Label Control Example" height="75%" width="75%" 
+      paddingTop="10" paddingLeft="10">
+    
+      <mx:Label id="simpleLabel" text="This Label displays plain text."/>
+      <mx:Button id="Display" label="Click to display HTML Text" click="displayHTML();"/>
+      <mx:Button id="Clear" label="Click to display plain text" click="displayText();"/>
+  
+  </mx:Panel>
+</mx:Application>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/mx/controls/LinkBarExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/mx/controls/LinkBarExample.mxml b/TourDeFlex/TourDeFlex3/src/mx/controls/LinkBarExample.mxml
new file mode 100755
index 0000000..aa134bc
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/mx/controls/LinkBarExample.mxml
@@ -0,0 +1,48 @@
+<?xml version="1.0"?>
+<!--
+  Licensed to the Apache Software Foundation (ASF) under one or more
+      contributor license agreements.  See the NOTICE file distributed with
+      this work for additional information regarding copyright ownership.
+      The ASF licenses this file to You under the Apache License, Version 2.0
+      (the "License"); you may not use this file except in compliance with
+      the License.  You may obtain a copy of the License at
+
+          http://www.apache.org/licenses/LICENSE-2.0
+
+      Unless required by applicable law or agreed to in writing, software
+      distributed under the License is distributed on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+      See the License for the specific language governing permissions and
+      limitations under the License.
+  -->
+
+<!-- Simple example to demonstrate the LinkBar control. -->
+<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
+ 
+    <mx:Panel title="LinkBar Control Example" 
+        height="75%" width="75%" horizontalAlign="center"
+        paddingTop="10" paddingBottom="10" paddingLeft="10" paddingRight="10">
+   
+        <mx:Text width="100%" 
+            text="Select a link in the LinkBar control to set the active child of the ViewStack container."/>
+
+        <mx:LinkBar color="#0000FF" fontWeight="bold" dataProvider="{myViewStack}"/>        
+        
+        <!-- Define the ViewStack and the three child containers. -->
+        <mx:ViewStack id="myViewStack" borderStyle="solid" width="100%" height="80%">
+
+            <mx:Canvas id="search" backgroundColor="#FFFFCC" label="Search" width="100%" height="100%">
+                <mx:Label text="Search Screen" color="#000000"/>
+            </mx:Canvas>
+
+            <mx:Canvas id="custInfo" backgroundColor="#CCFFFF" label="Customer Info" width="100%" height="100%">
+                <mx:Label text="Customer Info" color="#000000"/>
+            </mx:Canvas>
+
+            <mx:Canvas id="accountInfo" backgroundColor="#FFCCFF" label="Account Info" width="100%" height="100%">
+                <mx:Label text="Account Info" color="#000000"/>
+            </mx:Canvas>
+        </mx:ViewStack>
+        
+    </mx:Panel>
+</mx:Application>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/mx/controls/LinkButtonExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/mx/controls/LinkButtonExample.mxml b/TourDeFlex/TourDeFlex3/src/mx/controls/LinkButtonExample.mxml
new file mode 100755
index 0000000..ea95b38
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/mx/controls/LinkButtonExample.mxml
@@ -0,0 +1,38 @@
+<?xml version="1.0"?>
+<!--
+  Licensed to the Apache Software Foundation (ASF) under one or more
+      contributor license agreements.  See the NOTICE file distributed with
+      this work for additional information regarding copyright ownership.
+      The ASF licenses this file to You under the Apache License, Version 2.0
+      (the "License"); you may not use this file except in compliance with
+      the License.  You may obtain a copy of the License at
+
+          http://www.apache.org/licenses/LICENSE-2.0
+
+      Unless required by applicable law or agreed to in writing, software
+      distributed under the License is distributed on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+      See the License for the specific language governing permissions and
+      limitations under the License.
+  -->
+
+<!-- Simple example to demonstrate the LinkButton control. -->
+<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
+
+    <fx:Script>
+        import mx.controls.Alert;
+    </fx:Script>
+
+    <mx:Panel title="LinkButton Control Example" 
+        height="75%" width="75%" horizontalAlign="center"
+        paddingTop="10" paddingBottom="10" paddingLeft="10" paddingRight="10">
+       
+        <mx:Label width="100%" 
+            text="Select the LinkButton control to open the Alert control."/>
+
+        <mx:LinkButton label="LinkButton control" color="#0000FF" fontWeight="bold" 
+            click="Alert.show('LinkButton selected!');"/>
+
+    </mx:Panel>
+</mx:Application>   
+       
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/mx/controls/Local.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/mx/controls/Local.mxml b/TourDeFlex/TourDeFlex3/src/mx/controls/Local.mxml
new file mode 100755
index 0000000..ef16637
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/mx/controls/Local.mxml
@@ -0,0 +1,25 @@
+<?xml version="1.0"?>
+<!--
+  Licensed to the Apache Software Foundation (ASF) under one or more
+      contributor license agreements.  See the NOTICE file distributed with
+      this work for additional information regarding copyright ownership.
+      The ASF licenses this file to You under the Apache License, Version 2.0
+      (the "License"); you may not use this file except in compliance with
+      the License.  You may obtain a copy of the License at
+
+          http://www.apache.org/licenses/LICENSE-2.0
+
+      Unless required by applicable law or agreed to in writing, software
+      distributed under the License is distributed on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+      See the License for the specific language governing permissions and
+      limitations under the License.
+  -->
+
+<!-- Flex application loaded by the SWFLoader control. -->
+<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx" height="75" width="350">
+
+    <mx:Label color="blue" text="The Label control of the embedded application."/>
+
+</mx:Application>
+       
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/mx/controls/MenuBarExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/mx/controls/MenuBarExample.mxml b/TourDeFlex/TourDeFlex3/src/mx/controls/MenuBarExample.mxml
new file mode 100755
index 0000000..0deacc4
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/mx/controls/MenuBarExample.mxml
@@ -0,0 +1,77 @@
+<?xml version="1.0"?>
+<!--
+  Licensed to the Apache Software Foundation (ASF) under one or more
+      contributor license agreements.  See the NOTICE file distributed with
+      this work for additional information regarding copyright ownership.
+      The ASF licenses this file to You under the Apache License, Version 2.0
+      (the "License"); you may not use this file except in compliance with
+      the License.  You may obtain a copy of the License at
+
+          http://www.apache.org/licenses/LICENSE-2.0
+
+      Unless required by applicable law or agreed to in writing, software
+      distributed under the License is distributed on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+      See the License for the specific language governing permissions and
+      limitations under the License.
+  -->
+
+<!-- Simple example to demonstrate the MenuBar control. -->
+<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx" creationComplete="initCollections();" >
+
+    <fx:Script>
+        <![CDATA[
+
+            import mx.events.MenuEvent;
+            import mx.controls.Alert;
+            import mx.collections.*;
+
+            [Bindable]
+            public var menuBarCollection:XMLListCollection;
+    
+            private var menubarXML:XMLList =
+                <>
+                    <menuitem label="Menu1" data="top">
+                        <menuitem label="MenuItem 1-A" data="1A"/>
+                        <menuitem label="MenuItem 1-B" data="1B"/>
+                    </menuitem>
+                    <menuitem label="Menu2" data="top">
+                        <menuitem label="MenuItem 2-A" type="check"  data="2A"/>
+                        <menuitem type="separator"/>
+                        <menuitem label="MenuItem 2-B" >
+                            <menuitem label="SubMenuItem 3-A" type="radio"
+                                groupName="one" data="3A"/>
+                            <menuitem label="SubMenuItem 3-B" type="radio"
+                                groupName="one" data="3B"/>
+                        </menuitem>
+                    </menuitem>
+                </>;
+
+            // Event handler to initialize the MenuBar control.
+            private function initCollections():void {
+                menuBarCollection = new XMLListCollection(menubarXML);
+            }
+
+            // Event handler for the MenuBar control's itemClick event.
+            private function menuHandler(event:MenuEvent):void  {
+                // Don't open the Alert for a menu bar item that 
+                // opens a popup submenu.
+                if (event.item.@data != "top") {
+                    Alert.show("Label: " + event.item.@label + "\n" + 
+                        "Data: " + event.item.@data, "Clicked menu item");
+                }        
+            }
+         ]]>
+    </fx:Script>
+
+    <mx:Panel title="MenuBar Control Example" height="75%" width="75%" 
+        paddingTop="10" paddingLeft="10">
+
+        <mx:Label width="100%" color="blue"
+           text="Select a menu item."/>
+
+        <mx:MenuBar labelField="@label" itemClick="menuHandler(event);" 
+            dataProvider="{menuBarCollection}" />
+            
+    </mx:Panel>
+</mx:Application>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/mx/controls/NumericStepperExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/mx/controls/NumericStepperExample.mxml b/TourDeFlex/TourDeFlex3/src/mx/controls/NumericStepperExample.mxml
new file mode 100755
index 0000000..6869276
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/mx/controls/NumericStepperExample.mxml
@@ -0,0 +1,42 @@
+<?xml version="1.0"?>
+<!--
+  Licensed to the Apache Software Foundation (ASF) under one or more
+      contributor license agreements.  See the NOTICE file distributed with
+      this work for additional information regarding copyright ownership.
+      The ASF licenses this file to You under the Apache License, Version 2.0
+      (the "License"); you may not use this file except in compliance with
+      the License.  You may obtain a copy of the License at
+
+          http://www.apache.org/licenses/LICENSE-2.0
+
+      Unless required by applicable law or agreed to in writing, software
+      distributed under the License is distributed on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+      See the License for the specific language governing permissions and
+      limitations under the License.
+  -->
+
+<!-- Simple example to demonstrate the NumericStepper control. -->
+<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
+
+    <mx:Panel title="NumericStepper Control Example" height="75%" width="75%" 
+        paddingTop="10" paddingLeft="10">
+
+        <mx:Text width="100%" color="blue"
+            text="Default NumericStepper control with a minimum=0, maximum=10, and stepSize=1."/>
+        <mx:NumericStepper/>
+
+        <mx:Text width="100%"  color="blue"
+            text="NumericStepper control with a minimum=10, maximum=40, stepSize=0.01, and starting value of 20."/>
+
+        <mx:NumericStepper id="ns" 
+            minimum="10.00" maximum="40.00" 
+            stepSize="0.01" 
+            value="20.00" 
+            width="65"/>
+
+        <mx:Label  color="blue" text="You selected {ns.value}"/>
+
+    </mx:Panel>
+</mx:Application>
+       
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/mx/controls/OLAPDataGridExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/mx/controls/OLAPDataGridExample.mxml b/TourDeFlex/TourDeFlex3/src/mx/controls/OLAPDataGridExample.mxml
new file mode 100755
index 0000000..e609f09
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/mx/controls/OLAPDataGridExample.mxml
@@ -0,0 +1,205 @@
+<?xml version="1.0"?>
+<!--
+  Licensed to the Apache Software Foundation (ASF) under one or more
+      contributor license agreements.  See the NOTICE file distributed with
+      this work for additional information regarding copyright ownership.
+      The ASF licenses this file to You under the Apache License, Version 2.0
+      (the "License"); you may not use this file except in compliance with
+      the License.  You may obtain a copy of the License at
+
+          http://www.apache.org/licenses/LICENSE-2.0
+
+      Unless required by applicable law or agreed to in writing, software
+      distributed under the License is distributed on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+      See the License for the specific language governing permissions and
+      limitations under the License.
+  -->
+
+<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx"
+        creationComplete="creationCompleteHandler();">
+
+    <fx:Script>
+      <![CDATA[
+        import mx.rpc.AsyncResponder;
+        import mx.rpc.AsyncToken;
+        import mx.olap.OLAPQuery;
+        import mx.olap.OLAPSet;
+        import mx.olap.IOLAPQuery;
+        import mx.olap.IOLAPQueryAxis;
+        import mx.olap.IOLAPCube;
+        import mx.olap.OLAPResult;
+        import mx.events.CubeEvent;
+        import mx.controls.Alert;
+        import mx.collections.ArrayCollection;
+        
+        
+        [Bindable]
+        private var flatData:ArrayCollection = new ArrayCollection(
+        [
+         {customer:"AAA", product:"Flex SDK", quarter:"Q1", revenue:210, cost:25},
+         {customer:"AAA", product:"Flex JS", quarter:"Q2", revenue:210, cost:25},
+         {customer:"AAA", product:"Falcon", quarter:"Q3", revenue:250, cost:125},
+         {customer:"AAA", product:"Falcon JX", quarter:"Q4", revenue:430, cost:75},
+
+         {customer:"BBB", product:"Flex SDK", quarter:"Q2", revenue:125, cost:20},
+         {customer:"BBB", product:"Flex JS", quarter:"Q3", revenue:210, cost:20},
+         {customer:"BBB", product:"Falcon", quarter:"Q4", revenue:320, cost:120},
+         {customer:"BBB", product:"Falcon JX", quarter:"Q1", revenue:280, cost:70},
+
+         {customer:"CCC", product:"Flex SDK", quarter:"Q3", revenue:375, cost:120},
+         {customer:"CCC", product:"Flex JS", quarter:"Q4", revenue:430, cost:120},
+         {customer:"CCC", product:"Falcon", quarter:"Q1", revenue:470, cost:220},
+         {customer:"CCC", product:"Falcon JX", quarter:"Q2", revenue:570, cost:170},
+    
+         {customer:"AAA", product:"Flex SDK", quarter:"Q4", revenue:215, cost:90},
+         {customer:"AAA", product:"Flex JS", quarter:"Q1", revenue:210, cost:90},
+         {customer:"AAA", product:"Falcon", quarter:"Q2", revenue:175, cost:190},
+         {customer:"AAA", product:"Falcon JX", quarter:"Q3", revenue:670, cost:75},
+    
+         {customer:"BBB", product:"Flex SDK", quarter:"Q1", revenue:175, cost:20},
+         {customer:"BBB", product:"Flex JS", quarter:"Q2", revenue:210, cost:20},
+         {customer:"BBB", product:"Falcon",quarter:"Q3", revenue:120, cost:120},
+         {customer:"BBB", product:"Falcon JX", quarter:"Q4", revenue:310, cost:70},
+    
+         {customer:"CCC", product:"Flex SDK", quarter:"Q1", revenue:385, cost:120},
+         {customer:"CCC", product:"Flex JS", quarter:"Q2", revenue:340, cost:120},
+         {customer:"CCC", product:"Falcon", quarter:"Q3", revenue:470, cost:220},
+         {customer:"CCC", product:"Falcon JX", quarter:"Q4", revenue:270, cost:170},
+    
+         {customer:"AAA", product:"Flex SDK", quarter:"Q1", revenue:100, cost:25},
+         {customer:"AAA", product:"Flex JS", quarter:"Q2", revenue:150, cost:25},
+         {customer:"AAA", product:"Falcon", quarter:"Q3", revenue:200, cost:125},
+         {customer:"AAA", product:"Falcon JX", quarter:"Q4", revenue:300, cost:75},
+    
+         {customer:"BBB", product:"Flex SDK", quarter:"Q2", revenue:175, cost:20},
+         {customer:"BBB", product:"Flex JS", quarter:"Q3", revenue:100, cost:20},
+         {customer:"BBB", product:"Falcon", quarter:"Q4", revenue:270, cost:120},
+         {customer:"BBB", product:"Falcon JX", quarter:"Q1", revenue:370, cost:70},
+    
+         {customer:"CCC", product:"Flex SDK", quarter:"Q3", revenue:410, cost:120},
+         {customer:"CCC", product:"Flex JS", quarter:"Q4", revenue:300, cost:320},
+         {customer:"CCC", product:"Falcon", quarter:"Q1", revenue:510, cost:220},
+         {customer:"CCC", product:"Falcon JX", quarter:"Q2", revenue:620, cost:170},
+    
+         {customer:"AAA", product:"Flex SDK", quarter:"Q4", revenue:215, cost:90},
+         {customer:"AAA", product:"Flex JS", quarter:"Q1", revenue:210, cost:90},
+         {customer:"AAA", product:"Falcon", quarter:"Q2", revenue:175, cost:190},
+         {customer:"AAA", product:"Falcon JX", quarter:"Q3", revenue:420, cost:75},
+    
+         {customer:"BBB", product:"Flex SDK", quarter:"Q1", revenue:240, cost:20},
+         {customer:"BBB", product:"Flex JS", quarter:"Q2", revenue:100, cost:20},
+         {customer:"BBB", product:"Falcon", quarter:"Q3", revenue:270, cost:120},
+         {customer:"BBB", product:"Falcon JX", quarter:"Q4", revenue:370, cost:70},
+    
+         {customer:"CCC", product:"Flex SDK", quarter:"Q1", revenue:375, cost:120},
+         {customer:"CCC", product:"Flex JS", quarter:"Q2", revenue:420, cost:120},
+         {customer:"CCC", product:"Falcon", quarter:"Q3", revenue:680, cost:220},
+         {customer:"CCC", product:"Falcon JX", quarter:"Q4", revenue:570, cost:170}         
+        ]);
+    
+        private function creationCompleteHandler():void {
+            // You must initialize the cube before you 
+            // can execute a query on it.
+            myMXMLCube.refresh();
+        }
+
+        // Create the OLAP query.
+        private function getQuery(cube:IOLAPCube):IOLAPQuery {
+            // Create an instance of OLAPQuery to represent the query. 
+            var query:OLAPQuery = new OLAPQuery;
+            
+            // Get the row axis from the query instance.
+            var rowQueryAxis:IOLAPQueryAxis = 
+                query.getAxis(OLAPQuery.ROW_AXIS);
+            // Create an OLAPSet instance to configure the axis.
+            var productSet:OLAPSet = new OLAPSet;
+            // Add the Product to the row to aggregate data 
+            // by the Product dimension.
+            productSet.addElements(
+                cube.findDimension("ProductDim").findAttribute("Product").children);
+            // Add the OLAPSet instance to the axis.
+            rowQueryAxis.addSet(productSet);
+            
+            // Get the column axis from the query instance, and configure it
+            // to aggregate the columns by the Quarter dimension. 
+            var colQueryAxis:IOLAPQueryAxis = 
+                query.getAxis(OLAPQuery.COLUMN_AXIS);         
+            var quarterSet:OLAPSet= new OLAPSet;
+            quarterSet.addElements(
+                cube.findDimension("QuarterDim").findAttribute("Quarter").children);
+            colQueryAxis.addSet(quarterSet);
+            
+            return query;       
+        }
+
+        // Event handler to execute the OLAP query 
+        // after the cube completes initialization.
+        private function runQuery(event:CubeEvent):void {
+            // Get cube.
+            var cube:IOLAPCube = IOLAPCube(event.currentTarget);
+            // Create a query instance.
+            var query:IOLAPQuery = getQuery(cube);
+            // Execute the query.
+            var token:AsyncToken = cube.execute(query);
+            // Setup handlers for the query results.
+            token.addResponder(new AsyncResponder(showResult, showFault));
+        }
+
+        // Handle a query fault.
+        private function showFault(result:Object, token:Object):void {
+            Alert.show("Error in query.");
+        }
+
+        // Handle a successful query by passing the query results to 
+        // the OLAPDataGrid control..
+        private function showResult(result:Object, token:Object):void {
+            if (!result) {
+                Alert.show("No results from query.");
+                return;
+            }
+            myOLAPDG.dataProvider= result as OLAPResult;            
+        }        
+      ]]>
+    </fx:Script>
+
+	<fx:Declarations>
+	    <mx:OLAPCube name="FlatSchemaCube" 
+	        dataProvider="{flatData}" 
+	        id="myMXMLCube"
+	        complete="runQuery(event);">
+	         
+	        <mx:OLAPDimension name="CustomerDim">
+	            <mx:OLAPAttribute name="Customer" dataField="customer"/>
+	            <mx:OLAPHierarchy name="CustomerHier" hasAll="true">
+	                <mx:OLAPLevel attributeName="Customer"/>
+	            </mx:OLAPHierarchy>
+	        </mx:OLAPDimension>
+	        
+	        <mx:OLAPDimension name="ProductDim">
+	            <mx:OLAPAttribute name="Product" dataField="product"/>
+	            <mx:OLAPHierarchy name="ProductHier" hasAll="true">
+	                <mx:OLAPLevel attributeName="Product"/>
+	            </mx:OLAPHierarchy>
+	        </mx:OLAPDimension>
+	    
+	        <mx:OLAPDimension name="QuarterDim">
+	            <mx:OLAPAttribute name="Quarter" dataField="quarter"/>
+	            <mx:OLAPHierarchy name="QuarterHier" hasAll="true">
+	                <mx:OLAPLevel attributeName="Quarter"/>
+	            </mx:OLAPHierarchy> 
+	        </mx:OLAPDimension>
+	        
+	        <mx:OLAPMeasure name="Revenue" 
+	            dataField="revenue" 
+	            aggregator="SUM"/>
+	    </mx:OLAPCube>
+    </fx:Declarations>
+		
+    <mx:Panel title="OLAPCube Control Example"
+        height="75%" width="75%" layout="horizontal"
+        paddingTop="10" paddingBottom="10" paddingLeft="10" paddingRight="10">
+
+        <mx:OLAPDataGrid id="myOLAPDG" width="100%" height="100%"/>
+    </mx:Panel>
+</mx:Application>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/mx/controls/PopUpButtonExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/mx/controls/PopUpButtonExample.mxml b/TourDeFlex/TourDeFlex3/src/mx/controls/PopUpButtonExample.mxml
new file mode 100755
index 0000000..d8d4c86
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/mx/controls/PopUpButtonExample.mxml
@@ -0,0 +1,65 @@
+<?xml version="1.0"?>
+<!--
+  Licensed to the Apache Software Foundation (ASF) under one or more
+      contributor license agreements.  See the NOTICE file distributed with
+      this work for additional information regarding copyright ownership.
+      The ASF licenses this file to You under the Apache License, Version 2.0
+      (the "License"); you may not use this file except in compliance with
+      the License.  You may obtain a copy of the License at
+
+          http://www.apache.org/licenses/LICENSE-2.0
+
+      Unless required by applicable law or agreed to in writing, software
+      distributed under the License is distributed on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+      See the License for the specific language governing permissions and
+      limitations under the License.
+  -->
+
+<!-- Simple example to demonstrate the PopUpButton control. -->
+<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
+
+	<fx:Script>
+		<![CDATA[
+
+			import mx.controls.*;
+			import mx.events.*;
+
+			private var myMenu:Menu;
+
+			// Initialize the Menu control, and specify it as the pop up object
+			// of the PopUpButton control. 
+			private function initMenu():void {
+				myMenu = new Menu();
+				var dp:Object = [{label: "New Folder"}, {label: "Sent Items"}, {label: "Inbox"}];        
+				myMenu.dataProvider = dp;
+				myMenu.selectedIndex = 0;       
+				myMenu.addEventListener("itemClick", itemClickHandler);
+				popB.popUp = myMenu;
+				popB.label = "Put in: " + myMenu.dataProvider[myMenu.selectedIndex].label;
+			}
+
+			// Define the event listener for the Menu control's itemClick event. 
+			private function itemClickHandler(event:MenuEvent):void {
+				var label:String = event.item.label;        
+				popTypeB.text=String("Moved to " + label);
+				popB.label = "Put in: " + label;
+				popB.close();
+				myMenu.selectedIndex = event.index;
+			}
+
+		]]>
+	</fx:Script>
+
+    <mx:Panel title="PopUpButton Control Example" height="75%" width="75%" 
+        paddingTop="10" paddingBottom="10" paddingRight="10" paddingLeft="10">
+
+        <mx:Label width="100%" color="blue"
+            text="Button label contains the name of the last selected menu item." />
+        <mx:PopUpButton id="popB" label="Edit" creationComplete="initMenu();" width="135" />
+		
+        <mx:Spacer height="50" />
+        <mx:TextInput id="popTypeB" />
+		
+    </mx:Panel>		
+</mx:Application>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/mx/controls/PopUpButtonMenuExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/mx/controls/PopUpButtonMenuExample.mxml b/TourDeFlex/TourDeFlex3/src/mx/controls/PopUpButtonMenuExample.mxml
new file mode 100755
index 0000000..c0c6009
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/mx/controls/PopUpButtonMenuExample.mxml
@@ -0,0 +1,56 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!--
+  Licensed to the Apache Software Foundation (ASF) under one or more
+      contributor license agreements.  See the NOTICE file distributed with
+      this work for additional information regarding copyright ownership.
+      The ASF licenses this file to You under the Apache License, Version 2.0
+      (the "License"); you may not use this file except in compliance with
+      the License.  You may obtain a copy of the License at
+
+          http://www.apache.org/licenses/LICENSE-2.0
+
+      Unless required by applicable law or agreed to in writing, software
+      distributed under the License is distributed on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+      See the License for the specific language governing permissions and
+      limitations under the License.
+  -->
+
+<!-- PopUpMenuButton control example. -->
+<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
+
+    <fx:Script>
+        <![CDATA[
+            import mx.events.*;
+            import mx.controls.*;
+			
+            //Event handler, invoked when you select from the menu.
+            public function itemClickHandler(event:MenuEvent):void {
+                Alert.show("Menu label: " + event.label
+                    + "  \n menu item index within parent menu: " + event.index);
+            }
+        ]]>
+    </fx:Script>
+	
+	<fx:Declarations>
+	    <!-- A an data provider in E4X format. -->
+	    <fx:XMLList id="treeDP2">
+	        <node label="Inbox"/>
+	        <node label="Calendar"/>
+	        <node label="Deleted Items"/>
+	    </fx:XMLList>
+	</fx:Declarations>
+
+    <mx:Panel title="PopUpMenuButton Control Example" height="100%" width="100%" 
+        paddingTop="10" paddingLeft="10" paddingRight="10">
+
+		<mx:Label width="100%" color="blue"
+		    text="Click the down arrow to open the menu."/>
+
+        <mx:PopUpMenuButton id="p2" 
+            dataProvider="{treeDP2}" 
+            labelField="@label"
+            itemClick="itemClickHandler(event);"/>
+
+	</mx:Panel>
+</mx:Application>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/mx/controls/RadioButtonExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/mx/controls/RadioButtonExample.mxml b/TourDeFlex/TourDeFlex3/src/mx/controls/RadioButtonExample.mxml
new file mode 100755
index 0000000..5f1f156
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/mx/controls/RadioButtonExample.mxml
@@ -0,0 +1,41 @@
+<?xml version="1.0"?>
+<!--
+  Licensed to the Apache Software Foundation (ASF) under one or more
+      contributor license agreements.  See the NOTICE file distributed with
+      this work for additional information regarding copyright ownership.
+      The ASF licenses this file to You under the Apache License, Version 2.0
+      (the "License"); you may not use this file except in compliance with
+      the License.  You may obtain a copy of the License at
+
+          http://www.apache.org/licenses/LICENSE-2.0
+
+      Unless required by applicable law or agreed to in writing, software
+      distributed under the License is distributed on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+      See the License for the specific language governing permissions and
+      limitations under the License.
+  -->
+
+<!-- Simple example to demonstrate RadioButton control. -->
+<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
+
+    <fx:Script>
+        import mx.controls.Alert;
+    </fx:Script>
+
+    <mx:Panel title="RadioButton Control Example" height="75%" width="75%" 
+        paddingTop="10" paddingLeft="10" paddingRight="10">
+
+       <mx:Label width="100%" color="blue"
+           text="What year were women first allowed to compete in the Boston Marathon?"/>
+
+        <mx:RadioButton groupName="year" id="option1" label="1942"/>
+        <mx:RadioButton groupName="year" id="option2" label="1952"/>
+        <mx:RadioButton groupName="year" id="option3" label="1962"/>
+        <mx:RadioButton groupName="year" id="option4" label="1972"/>
+
+        <mx:Button label="Check Answer" 
+            click="Alert.show(option4.selected?'Correct Answer!':'Wrong Answer', 'Result')"/>
+    
+    </mx:Panel>
+</mx:Application>
\ No newline at end of file


[08/10] moved mx example files to mx directory

Posted by jm...@apache.org.
http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/controls/OLAPDataGridExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/controls/OLAPDataGridExample.mxml b/TourDeFlex/TourDeFlex3/src/controls/OLAPDataGridExample.mxml
deleted file mode 100755
index 9879b83..0000000
--- a/TourDeFlex/TourDeFlex3/src/controls/OLAPDataGridExample.mxml
+++ /dev/null
@@ -1,205 +0,0 @@
-<?xml version="1.0"?>
-<!--
-  Licensed to the Apache Software Foundation (ASF) under one or more
-      contributor license agreements.  See the NOTICE file distributed with
-      this work for additional information regarding copyright ownership.
-      The ASF licenses this file to You under the Apache License, Version 2.0
-      (the "License"); you may not use this file except in compliance with
-      the License.  You may obtain a copy of the License at
-
-          http://www.apache.org/licenses/LICENSE-2.0
-
-      Unless required by applicable law or agreed to in writing, software
-      distributed under the License is distributed on an "AS IS" BASIS,
-      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-      See the License for the specific language governing permissions and
-      limitations under the License.
-  -->
-
-<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx"
-        creationComplete="creationCompleteHandler();">
-
-    <fx:Script>
-      <![CDATA[
-        import mx.rpc.AsyncResponder;
-        import mx.rpc.AsyncToken;
-        import mx.olap.OLAPQuery;
-        import mx.olap.OLAPSet;
-        import mx.olap.IOLAPQuery;
-        import mx.olap.IOLAPQueryAxis;
-        import mx.olap.IOLAPCube;
-        import mx.olap.OLAPResult;
-        import mx.events.CubeEvent;
-        import mx.controls.Alert;
-        import mx.collections.ArrayCollection;
-        
-        
-        [Bindable]
-        private var flatData:ArrayCollection = new ArrayCollection(
-        [
-         {customer:"AAA", product:"Flex SDK", quarter:"Q1", revenue:210, cost:25},
-         {customer:"AAA", product:"Flex JS", quarter:"Q2", revenue:210, cost:25},
-         {customer:"AAA", product:"Falcon", quarter:"Q3", revenue:250, cost:125},
-         {customer:"AAA", product:"Falcon JX", quarter:"Q4", revenue:430, cost:75},
-
-         {customer:"BBB", product:"Flex SDK", quarter:"Q2", revenue:125, cost:20},
-         {customer:"BBB", product:"Flex JS", quarter:"Q3", revenue:210, cost:20},
-         {customer:"BBB", product:"Falcon", quarter:"Q4", revenue:320, cost:120},
-         {customer:"BBB", product:"Falcon JX", quarter:"Q1", revenue:280, cost:70},
-
-         {customer:"CCC", product:"Flex SDK", quarter:"Q3", revenue:375, cost:120},
-         {customer:"CCC", product:"Flex JS", quarter:"Q4", revenue:430, cost:120},
-         {customer:"CCC", product:"Falcon", quarter:"Q1", revenue:470, cost:220},
-         {customer:"CCC", product:"Falcon JX", quarter:"Q2", revenue:570, cost:170},
-    
-         {customer:"AAA", product:"Flex SDK", quarter:"Q4", revenue:215, cost:90},
-         {customer:"AAA", product:"Flex JS", quarter:"Q1", revenue:210, cost:90},
-         {customer:"AAA", product:"Falcon", quarter:"Q2", revenue:175, cost:190},
-         {customer:"AAA", product:"Falcon JX", quarter:"Q3", revenue:670, cost:75},
-    
-         {customer:"BBB", product:"Flex SDK", quarter:"Q1", revenue:175, cost:20},
-         {customer:"BBB", product:"Flex JS", quarter:"Q2", revenue:210, cost:20},
-         {customer:"BBB", product:"Falcon",quarter:"Q3", revenue:120, cost:120},
-         {customer:"BBB", product:"Falcon JX", quarter:"Q4", revenue:310, cost:70},
-    
-         {customer:"CCC", product:"Flex SDK", quarter:"Q1", revenue:385, cost:120},
-         {customer:"CCC", product:"Flex JS", quarter:"Q2", revenue:340, cost:120},
-         {customer:"CCC", product:"Falcon", quarter:"Q3", revenue:470, cost:220},
-         {customer:"CCC", product:"Falcon JX", quarter:"Q4", revenue:270, cost:170},
-    
-         {customer:"AAA", product:"Flex SDK", quarter:"Q1", revenue:100, cost:25},
-         {customer:"AAA", product:"Flex JS", quarter:"Q2", revenue:150, cost:25},
-         {customer:"AAA", product:"Falcon", quarter:"Q3", revenue:200, cost:125},
-         {customer:"AAA", product:"Falcon JX", quarter:"Q4", revenue:300, cost:75},
-    
-         {customer:"BBB", product:"Flex SDK", quarter:"Q2", revenue:175, cost:20},
-         {customer:"BBB", product:"Flex JS", quarter:"Q3", revenue:100, cost:20},
-         {customer:"BBB", product:"Falcon", quarter:"Q4", revenue:270, cost:120},
-         {customer:"BBB", product:"Falcon JX", quarter:"Q1", revenue:370, cost:70},
-    
-         {customer:"CCC", product:"Flex SDK", quarter:"Q3", revenue:410, cost:120},
-         {customer:"CCC", product:"Flex JS", quarter:"Q4", revenue:300, cost:320},
-         {customer:"CCC", product:"Falcon", quarter:"Q1", revenue:510, cost:220},
-         {customer:"CCC", product:"Falcon JX", quarter:"Q2", revenue:620, cost:170},
-    
-         {customer:"AAA", product:"Flex SDK", quarter:"Q4", revenue:215, cost:90},
-         {customer:"AAA", product:"Flex JS", quarter:"Q1", revenue:210, cost:90},
-         {customer:"AAA", product:"Falcon", quarter:"Q2", revenue:175, cost:190},
-         {customer:"AAA", product:"Falcon JX", quarter:"Q3", revenue:420, cost:75},
-    
-         {customer:"BBB", product:"Flex SDK", quarter:"Q1", revenue:240, cost:20},
-         {customer:"BBB", product:"Flex JS", quarter:"Q2", revenue:100, cost:20},
-         {customer:"BBB", product:"Falcon", quarter:"Q3", revenue:270, cost:120},
-         {customer:"BBB", product:"Falcon JX", quarter:"Q4", revenue:370, cost:70},
-    
-         {customer:"CCC", product:"Flex SDK", quarter:"Q1", revenue:375, cost:120},
-         {customer:"CCC", product:"Flex JS", quarter:"Q2", revenue:420, cost:120},
-         {customer:"CCC", product:"Falcon", quarter:"Q3", revenue:680, cost:220},
-         {customer:"CCC", product:"Falcon JX", quarter:"Q4", revenue:570, cost:170}         
-        ]);
-    
-        private function creationCompleteHandler():void {
-            // You must initialize the cube before you 
-            // can execute a query on it.
-            myMXMLCube.refresh();
-        }
-
-        // Create the OLAP query.
-        private function getQuery(cube:IOLAPCube):IOLAPQuery {
-            // Create an instance of OLAPQuery to represent the query. 
-            var query:OLAPQuery = new OLAPQuery;
-            
-            // Get the row axis from the query instance.
-            var rowQueryAxis:IOLAPQueryAxis = 
-                query.getAxis(OLAPQuery.ROW_AXIS);
-            // Create an OLAPSet instance to configure the axis.
-            var productSet:OLAPSet = new OLAPSet;
-            // Add the Product to the row to aggregate data 
-            // by the Product dimension.
-            productSet.addElements(
-                cube.findDimension("ProductDim").findAttribute("Product").children);
-            // Add the OLAPSet instance to the axis.
-            rowQueryAxis.addSet(productSet);
-            
-            // Get the column axis from the query instance, and configure it
-            // to aggregate the columns by the Quarter dimension. 
-            var colQueryAxis:IOLAPQueryAxis = 
-                query.getAxis(OLAPQuery.COLUMN_AXIS);         
-            var quarterSet:OLAPSet= new OLAPSet;
-            quarterSet.addElements(
-                cube.findDimension("QuarterDim").findAttribute("Quarter").children);
-            colQueryAxis.addSet(quarterSet);
-            
-            return query;       
-        }
-
-        // Event handler to execute the OLAP query 
-        // after the cube completes initialization.
-        private function runQuery(event:CubeEvent):void {
-            // Get cube.
-            var cube:IOLAPCube = IOLAPCube(event.currentTarget);
-            // Create a query instance.
-            var query:IOLAPQuery = getQuery(cube);
-            // Execute the query.
-            var token:AsyncToken = cube.execute(query);
-            // Setup handlers for the query results.
-            token.addResponder(new AsyncResponder(showResult, showFault));
-        }
-
-        // Handle a query fault.
-        private function showFault(result:Object, token:Object):void {
-            Alert.show("Error in query.");
-        }
-
-        // Handle a successful query by passing the query results to 
-        // the OLAPDataGrid control..
-        private function showResult(result:Object, token:Object):void {
-            if (!result) {
-                Alert.show("No results from query.");
-                return;
-            }
-            myOLAPDG.dataProvider= result as OLAPResult;            
-        }        
-      ]]>
-    </fx:Script>
-
-	<fx:Declarations>
-	    <mx:OLAPCube name="FlatSchemaCube" 
-	        dataProvider="{flatData}" 
-	        id="myMXMLCube"
-	        complete="runQuery(event);">
-	         
-	        <mx:OLAPDimension name="CustomerDim">
-	            <mx:OLAPAttribute name="Customer" dataField="customer"/>
-	            <mx:OLAPHierarchy name="CustomerHier" hasAll="true">
-	                <mx:OLAPLevel attributeName="Customer"/>
-	            </mx:OLAPHierarchy>
-	        </mx:OLAPDimension>
-	        
-	        <mx:OLAPDimension name="ProductDim">
-	            <mx:OLAPAttribute name="Product" dataField="product"/>
-	            <mx:OLAPHierarchy name="ProductHier" hasAll="true">
-	                <mx:OLAPLevel attributeName="Product"/>
-	            </mx:OLAPHierarchy>
-	        </mx:OLAPDimension>
-	    
-	        <mx:OLAPDimension name="QuarterDim">
-	            <mx:OLAPAttribute name="Quarter" dataField="quarter"/>
-	            <mx:OLAPHierarchy name="QuarterHier" hasAll="true">
-	                <mx:OLAPLevel attributeName="Quarter"/>
-	            </mx:OLAPHierarchy> 
-	        </mx:OLAPDimension>
-	        
-	        <mx:OLAPMeasure name="Revenue" 
-	            dataField="revenue" 
-	            aggregator="SUM"/>
-	    </mx:OLAPCube>
-    </fx:Declarations>
-		
-    <mx:Panel title="OLAPCube Control Example"
-        height="75%" width="75%" layout="horizontal"
-        paddingTop="10" paddingBottom="10" paddingLeft="10" paddingRight="10">
-
-        <mx:OLAPDataGrid id="myOLAPDG" width="100%" height="100%"/>
-    </mx:Panel>
-</mx:Application>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/controls/PopUpButtonExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/controls/PopUpButtonExample.mxml b/TourDeFlex/TourDeFlex3/src/controls/PopUpButtonExample.mxml
deleted file mode 100755
index fe58768..0000000
--- a/TourDeFlex/TourDeFlex3/src/controls/PopUpButtonExample.mxml
+++ /dev/null
@@ -1,65 +0,0 @@
-<?xml version="1.0"?>
-<!--
-  Licensed to the Apache Software Foundation (ASF) under one or more
-      contributor license agreements.  See the NOTICE file distributed with
-      this work for additional information regarding copyright ownership.
-      The ASF licenses this file to You under the Apache License, Version 2.0
-      (the "License"); you may not use this file except in compliance with
-      the License.  You may obtain a copy of the License at
-
-          http://www.apache.org/licenses/LICENSE-2.0
-
-      Unless required by applicable law or agreed to in writing, software
-      distributed under the License is distributed on an "AS IS" BASIS,
-      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-      See the License for the specific language governing permissions and
-      limitations under the License.
-  -->
-
-<!-- Simple example to demonstrate the PopUpButton control. -->
-<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
-
-	<fx:Script>
-		<![CDATA[
-
-			import mx.controls.*;
-			import mx.events.*;
-
-			private var myMenu:Menu;
-
-			// Initialize the Menu control, and specify it as the pop up object
-			// of the PopUpButton control. 
-			private function initMenu():void {
-				myMenu = new Menu();
-				var dp:Object = [{label: "New Folder"}, {label: "Sent Items"}, {label: "Inbox"}];        
-				myMenu.dataProvider = dp;
-				myMenu.selectedIndex = 0;       
-				myMenu.addEventListener("itemClick", itemClickHandler);
-				popB.popUp = myMenu;
-				popB.label = "Put in: " + myMenu.dataProvider[myMenu.selectedIndex].label;
-			}
-
-			// Define the event listener for the Menu control's itemClick event. 
-			private function itemClickHandler(event:MenuEvent):void {
-				var label:String = event.item.label;        
-				popTypeB.text=String("Moved to " + label);
-				popB.label = "Put in: " + label;
-				popB.close();
-				myMenu.selectedIndex = event.index;
-			}
-
-		]]>
-	</fx:Script>
-
-    <mx:Panel title="PopUpButton Control Example" height="75%" width="75%" 
-        paddingTop="10" paddingBottom="10" paddingRight="10" paddingLeft="10">
-
-        <mx:Label width="100%" color="blue"
-            text="Button label contains the name of the last selected menu item." />
-        <mx:PopUpButton id="popB" label="Edit" creationComplete="initMenu();" width="135" />
-		
-        <mx:Spacer height="50" />
-        <mx:TextInput id="popTypeB" />
-		
-    </mx:Panel>		
-</mx:Application>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/controls/PopUpButtonMenuExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/controls/PopUpButtonMenuExample.mxml b/TourDeFlex/TourDeFlex3/src/controls/PopUpButtonMenuExample.mxml
deleted file mode 100755
index 869de96..0000000
--- a/TourDeFlex/TourDeFlex3/src/controls/PopUpButtonMenuExample.mxml
+++ /dev/null
@@ -1,56 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!--
-  Licensed to the Apache Software Foundation (ASF) under one or more
-      contributor license agreements.  See the NOTICE file distributed with
-      this work for additional information regarding copyright ownership.
-      The ASF licenses this file to You under the Apache License, Version 2.0
-      (the "License"); you may not use this file except in compliance with
-      the License.  You may obtain a copy of the License at
-
-          http://www.apache.org/licenses/LICENSE-2.0
-
-      Unless required by applicable law or agreed to in writing, software
-      distributed under the License is distributed on an "AS IS" BASIS,
-      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-      See the License for the specific language governing permissions and
-      limitations under the License.
-  -->
-
-<!-- PopUpMenuButton control example. -->
-<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
-
-    <fx:Script>
-        <![CDATA[
-            import mx.events.*;
-            import mx.controls.*;
-			
-            //Event handler, invoked when you select from the menu.
-            public function itemClickHandler(event:MenuEvent):void {
-                Alert.show("Menu label: " + event.label
-                    + "  \n menu item index within parent menu: " + event.index);
-            }
-        ]]>
-    </fx:Script>
-	
-	<fx:Declarations>
-	    <!-- A an data provider in E4X format. -->
-	    <fx:XMLList id="treeDP2">
-	        <node label="Inbox"/>
-	        <node label="Calendar"/>
-	        <node label="Deleted Items"/>
-	    </fx:XMLList>
-	</fx:Declarations>
-
-    <mx:Panel title="PopUpMenuButton Control Example" height="100%" width="100%" 
-        paddingTop="10" paddingLeft="10" paddingRight="10">
-
-		<mx:Label width="100%" color="blue"
-		    text="Click the down arrow to open the menu."/>
-
-        <mx:PopUpMenuButton id="p2" 
-            dataProvider="{treeDP2}" 
-            labelField="@label"
-            itemClick="itemClickHandler(event);"/>
-
-	</mx:Panel>
-</mx:Application>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/controls/RadioButtonExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/controls/RadioButtonExample.mxml b/TourDeFlex/TourDeFlex3/src/controls/RadioButtonExample.mxml
deleted file mode 100755
index 6763717..0000000
--- a/TourDeFlex/TourDeFlex3/src/controls/RadioButtonExample.mxml
+++ /dev/null
@@ -1,41 +0,0 @@
-<?xml version="1.0"?>
-<!--
-  Licensed to the Apache Software Foundation (ASF) under one or more
-      contributor license agreements.  See the NOTICE file distributed with
-      this work for additional information regarding copyright ownership.
-      The ASF licenses this file to You under the Apache License, Version 2.0
-      (the "License"); you may not use this file except in compliance with
-      the License.  You may obtain a copy of the License at
-
-          http://www.apache.org/licenses/LICENSE-2.0
-
-      Unless required by applicable law or agreed to in writing, software
-      distributed under the License is distributed on an "AS IS" BASIS,
-      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-      See the License for the specific language governing permissions and
-      limitations under the License.
-  -->
-
-<!-- Simple example to demonstrate RadioButton control. -->
-<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
-
-    <fx:Script>
-        import mx.controls.Alert;
-    </fx:Script>
-
-    <mx:Panel title="RadioButton Control Example" height="75%" width="75%" 
-        paddingTop="10" paddingLeft="10" paddingRight="10">
-
-       <mx:Label width="100%" color="blue"
-           text="What year were women first allowed to compete in the Boston Marathon?"/>
-
-        <mx:RadioButton groupName="year" id="option1" label="1942"/>
-        <mx:RadioButton groupName="year" id="option2" label="1952"/>
-        <mx:RadioButton groupName="year" id="option3" label="1962"/>
-        <mx:RadioButton groupName="year" id="option4" label="1972"/>
-
-        <mx:Button label="Check Answer" 
-            click="Alert.show(option4.selected?'Correct Answer!':'Wrong Answer', 'Result')"/>
-    
-    </mx:Panel>
-</mx:Application>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/controls/RadioButtonGroupExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/controls/RadioButtonGroupExample.mxml b/TourDeFlex/TourDeFlex3/src/controls/RadioButtonGroupExample.mxml
deleted file mode 100755
index 95bcbd8..0000000
--- a/TourDeFlex/TourDeFlex3/src/controls/RadioButtonGroupExample.mxml
+++ /dev/null
@@ -1,61 +0,0 @@
-<?xml version="1.0"?>
-<!--
-  Licensed to the Apache Software Foundation (ASF) under one or more
-      contributor license agreements.  See the NOTICE file distributed with
-      this work for additional information regarding copyright ownership.
-      The ASF licenses this file to You under the Apache License, Version 2.0
-      (the "License"); you may not use this file except in compliance with
-      the License.  You may obtain a copy of the License at
-
-          http://www.apache.org/licenses/LICENSE-2.0
-
-      Unless required by applicable law or agreed to in writing, software
-      distributed under the License is distributed on an "AS IS" BASIS,
-      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-      See the License for the specific language governing permissions and
-      limitations under the License.
-  -->
-
-<!-- Simple example to demonstrate RadioButtonGroup control. -->
-<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
-
-    <fx:Script>
-	    <![CDATA[
-	
-	    import mx.controls.Alert;
-	    import  mx.events.ItemClickEvent;
-	
-        // Event handler function to display the selected button
-        // in an Alert control.
-		private function handleCard(event:ItemClickEvent):void {
-			if (event.currentTarget.selectedValue == "AmEx") {
-					Alert.show("You selected American Express") 
-			} 
-			else {
-				if (event.currentTarget.selectedValue == "MC") {
-					Alert.show("You selected MasterCard") 
-				} 
-				else {
-					Alert.show("You selected Visa") 
-				}
-			} 
-		}
-	    ]]>
-    </fx:Script>
-
-    <mx:Panel title="RadioButtonGroup Control Example" height="75%" width="75%" 
-        paddingTop="10" paddingLeft="10">
-    
-        <mx:Label width="100%" color="blue" 
-            text="Select a type of credit card."/>
-
-        <mx:RadioButtonGroup id="cardtype" itemClick="handleCard(event);"/>
-        <mx:RadioButton groupName="cardtype" id="americanExpress" value="AmEx" 
-            label="American Express" width="150" />
-        <mx:RadioButton groupName="cardtype" id="masterCard" value="MC" 
-            label="MasterCard" width="150" />
-        <mx:RadioButton groupName="cardtype" id="visa" value="Visa" 
-            label="Visa" width="150" />
-		
-    </mx:Panel>		
-</mx:Application>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/controls/RichTextEditorExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/controls/RichTextEditorExample.mxml b/TourDeFlex/TourDeFlex3/src/controls/RichTextEditorExample.mxml
deleted file mode 100755
index 21bb12c..0000000
--- a/TourDeFlex/TourDeFlex3/src/controls/RichTextEditorExample.mxml
+++ /dev/null
@@ -1,32 +0,0 @@
-<?xml version="1.0" ?>
-<!--
-  Licensed to the Apache Software Foundation (ASF) under one or more
-      contributor license agreements.  See the NOTICE file distributed with
-      this work for additional information regarding copyright ownership.
-      The ASF licenses this file to You under the Apache License, Version 2.0
-      (the "License"); you may not use this file except in compliance with
-      the License.  You may obtain a copy of the License at
-
-          http://www.apache.org/licenses/LICENSE-2.0
-
-      Unless required by applicable law or agreed to in writing, software
-      distributed under the License is distributed on an "AS IS" BASIS,
-      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-      See the License for the specific language governing permissions and
-      limitations under the License.
-  -->
-
-<!-- Simple example to demonstrate the RichTextEditor control. -->
-<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx"
-    horizontalAlign="center" verticalAlign="middle">
-
-    <mx:RichTextEditor id="rte" title="RichTextEditor" height="75%" text="Enter text into the RichTextEditor control, then click a button to display your text as plain text, or as HTML-formatted text."/>
-
-    <mx:TextArea id="rteText" width="80%" height="25%"/>
-
-    <mx:HBox>
-        <mx:Button label="Show Plain Text" click="rteText.text=rte.text;"/>
-        <mx:Button label="Show HTML Markup" click="rteText.text=rte.htmlText;"/>
-    </mx:HBox>
-
-</mx:Application>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/controls/SimpleAlert.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/controls/SimpleAlert.mxml b/TourDeFlex/TourDeFlex3/src/controls/SimpleAlert.mxml
deleted file mode 100755
index b6f112d..0000000
--- a/TourDeFlex/TourDeFlex3/src/controls/SimpleAlert.mxml
+++ /dev/null
@@ -1,74 +0,0 @@
-<?xml version="1.0"?>
-<!--
-  Licensed to the Apache Software Foundation (ASF) under one or more
-      contributor license agreements.  See the NOTICE file distributed with
-      this work for additional information regarding copyright ownership.
-      The ASF licenses this file to You under the Apache License, Version 2.0
-      (the "License"); you may not use this file except in compliance with
-      the License.  You may obtain a copy of the License at
-
-          http://www.apache.org/licenses/LICENSE-2.0
-
-      Unless required by applicable law or agreed to in writing, software
-      distributed under the License is distributed on an "AS IS" BASIS,
-      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-      See the License for the specific language governing permissions and
-      limitations under the License.
-  -->
-
-<!-- Simple example to demonstrate the Alert control. -->
-<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
-
-    <fx:Script>
-        <![CDATA[
-            import mx.controls.Alert;
-            import mx.events.CloseEvent;
-        
-            // Event handler function uses a static method to show
-            // a pop-up window with the title, message, and requested buttons.        
-            private function clickHandler(event:Event):void {
-                Alert.show("Do you want to save your changes?", "Save Changes", 3, this, alertClickHandler);
-            }
-        
-            // Event handler function for displaying the selected Alert button.
-            private function alertClickHandler(event:CloseEvent):void {
-                if (event.detail==Alert.YES)
-                    status.text="You answered Yes";
-                else
-                    status.text="You answered No";
-            }
-
-            // Event handler function changes the default Button labels and sets the
-            // Button widths. If you later use an Alert with the default Buttons, 
-            // you must reset these values.
-            private function secondClickHandler(event:Event):void {
-                Alert.buttonWidth = 100;
-                Alert.yesLabel = "Magenta";
-                Alert.noLabel = "Blue";
-                Alert.cancelLabel = "Green";
-
-                Alert.show("Select a color:","Color Selection",1|2|8,this);
-                
-                // Set the labels back to normal:
-                Alert.yesLabel = "Yes";
-                Alert.noLabel = "No";                
-            }
-        ]]>
-    </fx:Script>
-
-    <mx:Panel title="Alert Control Example" width="75%" horizontalAlign="center" paddingTop="10">
-      <mx:Text width="100%" color="blue" textAlign="center"
-          text="Click the button below to display a simple Alert window."/>
-      <mx:Button label="Click Me" click="Alert.show('Hello World!', 'Message');"/>
-
-      <mx:Text width="100%" color="blue" textAlign="center"
-          text="Click the button below to display an Alert window and capture the button pressed by the user."/>
-      <mx:Button label="Click Me" click="clickHandler(event);"/>
-      <mx:Label id="status" fontWeight="bold"/>
-
-      <mx:Text width="100%" color="blue" textAlign="center"
-          text="Click the button below to display an Alert window that uses custom Button labels."/>
-      <mx:Button label="Click Me" click="secondClickHandler(event);"/>
-    </mx:Panel>
-
-</mx:Application>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/controls/SimpleComboBox.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/controls/SimpleComboBox.mxml b/TourDeFlex/TourDeFlex3/src/controls/SimpleComboBox.mxml
deleted file mode 100755
index 82f95b0..0000000
--- a/TourDeFlex/TourDeFlex3/src/controls/SimpleComboBox.mxml
+++ /dev/null
@@ -1,53 +0,0 @@
-<?xml version="1.0"?>
-<!--
-  Licensed to the Apache Software Foundation (ASF) under one or more
-      contributor license agreements.  See the NOTICE file distributed with
-      this work for additional information regarding copyright ownership.
-      The ASF licenses this file to You under the Apache License, Version 2.0
-      (the "License"); you may not use this file except in compliance with
-      the License.  You may obtain a copy of the License at
-
-          http://www.apache.org/licenses/LICENSE-2.0
-
-      Unless required by applicable law or agreed to in writing, software
-      distributed under the License is distributed on an "AS IS" BASIS,
-      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-      See the License for the specific language governing permissions and
-      limitations under the License.
-  -->
-
-<!-- Simple example to demonstrate the ComboBox control. -->
-<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
-
-    <fx:Script>
-        <![CDATA[
-            import mx.collections.ArrayCollection;
-
-            [Bindable]
-            public var cards:ArrayCollection = new ArrayCollection(
-                [ {label:"Visa", data:1}, 
-                  {label:"MasterCard", data:2}, 
-                  {label:"American Express", data:3} ]);
-        
-            private function closeHandler(event:Event):void {
-                myLabel.text = "You selected: " +  ComboBox(event.target).selectedItem.label;
-                myData.text = "Data: " +  ComboBox(event.target).selectedItem.data;
-            }     
-        ]]>
-    </fx:Script>
-
-    <mx:Panel title="ComboBox Control Example" 
-        height="75%" width="75%" layout="horizontal"
-        paddingTop="10" paddingBottom="10" paddingLeft="10" paddingRight="10">
-
-        <mx:ComboBox dataProvider="{cards}" width="150" 
-            close="closeHandler(event);"/>
-
-        <mx:VBox width="250">
-            <mx:Text  width="200" color="blue" text="Select a type of credit card."/>
-            <mx:Label id="myLabel" text="You selected:"/>
-            <mx:Label id="myData" text="Data:"/>
-        </mx:VBox>         
-
-    </mx:Panel>    
-</mx:Application>       
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/controls/SimpleDataGrid.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/controls/SimpleDataGrid.mxml b/TourDeFlex/TourDeFlex3/src/controls/SimpleDataGrid.mxml
deleted file mode 100755
index 72b42a6..0000000
--- a/TourDeFlex/TourDeFlex3/src/controls/SimpleDataGrid.mxml
+++ /dev/null
@@ -1,78 +0,0 @@
-<?xml version="1.0"?>
-<!--
-  Licensed to the Apache Software Foundation (ASF) under one or more
-      contributor license agreements.  See the NOTICE file distributed with
-      this work for additional information regarding copyright ownership.
-      The ASF licenses this file to You under the Apache License, Version 2.0
-      (the "License"); you may not use this file except in compliance with
-      the License.  You may obtain a copy of the License at
-
-          http://www.apache.org/licenses/LICENSE-2.0
-
-      Unless required by applicable law or agreed to in writing, software
-      distributed under the License is distributed on an "AS IS" BASIS,
-      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-      See the License for the specific language governing permissions and
-      limitations under the License.
-  -->
-
-<!-- DataGrid control example. -->
-<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
-
-	<fx:Declarations>
-	    <fx:XMLList id="employees">
-	        <employee>
-	            <name>Christina Coenraets</name>
-	            <phone>555-219-2270</phone>
-	            <email>ccoenraets@fictitious.com</email>
-	            <active>true</active>
-	        </employee>
-	        <employee>
-	            <name>Joanne Wall</name>
-	            <phone>555-219-2012</phone>
-	            <email>jwall@fictitious.com</email>
-	            <active>true</active>
-	        </employee>
-	        <employee>
-	            <name>Maurice Smith</name>
-	            <phone>555-219-2012</phone>
-	            <email>maurice@fictitious.com</email>
-	            <active>false</active>
-	        </employee>
-	        <employee>
-	            <name>Mary Jones</name>
-	            <phone>555-219-2000</phone>
-	            <email>mjones@fictitious.com</email>
-	            <active>true</active>
-	        </employee>
-	    </fx:XMLList>
-	</fx:Declarations>
-
-    <mx:Panel title="DataGrid Control Example" height="100%" width="100%" 
-        paddingTop="10" paddingLeft="10" paddingRight="10">
-
-        <mx:Label width="100%" color="blue"
-            text="Select a row in the DataGrid control."/>
-
-        <mx:DataGrid id="dg" width="100%" height="100%" rowCount="5" dataProvider="{employees}">
-            <mx:columns>
-                <mx:DataGridColumn dataField="name" headerText="Name"/>
-                <mx:DataGridColumn dataField="phone" headerText="Phone"/>
-                <mx:DataGridColumn dataField="email" headerText="Email"/>
-            </mx:columns>
-        </mx:DataGrid>
-
-        <mx:Form width="100%" height="100%">
-            <mx:FormItem label="Name">
-                <mx:Label text="{dg.selectedItem.name}"/>
-            </mx:FormItem>
-            <mx:FormItem label="Email">
-                <mx:Label text="{dg.selectedItem.email}"/>
-            </mx:FormItem>
-            <mx:FormItem label="Phone">
-                <mx:Label text="{dg.selectedItem.phone}"/>
-            </mx:FormItem>
-        </mx:Form>
-        
-    </mx:Panel>
-</mx:Application>        
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/controls/SimpleHRule.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/controls/SimpleHRule.mxml b/TourDeFlex/TourDeFlex3/src/controls/SimpleHRule.mxml
deleted file mode 100755
index c4a1a8a..0000000
--- a/TourDeFlex/TourDeFlex3/src/controls/SimpleHRule.mxml
+++ /dev/null
@@ -1,35 +0,0 @@
-<?xml version="1.0"?>
-<!--
-  Licensed to the Apache Software Foundation (ASF) under one or more
-      contributor license agreements.  See the NOTICE file distributed with
-      this work for additional information regarding copyright ownership.
-      The ASF licenses this file to You under the Apache License, Version 2.0
-      (the "License"); you may not use this file except in compliance with
-      the License.  You may obtain a copy of the License at
-
-          http://www.apache.org/licenses/LICENSE-2.0
-
-      Unless required by applicable law or agreed to in writing, software
-      distributed under the License is distributed on an "AS IS" BASIS,
-      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-      See the License for the specific language governing permissions and
-      limitations under the License.
-  -->
-
-<!-- Simple example to demonstrate the HRule control. -->
-<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
-
-	<fx:Declarations>
-		<mx:WipeLeft id="myWL"/>
-	</fx:Declarations>	
-
-    <mx:Panel title="HRule Control Example" id="myPanel" 
-        paddingTop="10" paddingBottom="10" paddingLeft="10" paddingRight="10">
-
-        <mx:HRule rollOverEffect="{myWL}" width="100%" strokeWidth="1" strokeColor="red"/>
-        <mx:Label width="100%" color="blue" 
-            text="Move mouse over HorizontalRule control to redraw it."/>
-
-    </mx:Panel>
-</mx:Application>
-       
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/controls/SimpleImage.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/controls/SimpleImage.mxml b/TourDeFlex/TourDeFlex3/src/controls/SimpleImage.mxml
deleted file mode 100755
index 7c25b36..0000000
--- a/TourDeFlex/TourDeFlex3/src/controls/SimpleImage.mxml
+++ /dev/null
@@ -1,30 +0,0 @@
-<?xml version="1.0"?>
-<!--
-  Licensed to the Apache Software Foundation (ASF) under one or more
-      contributor license agreements.  See the NOTICE file distributed with
-      this work for additional information regarding copyright ownership.
-      The ASF licenses this file to You under the Apache License, Version 2.0
-      (the "License"); you may not use this file except in compliance with
-      the License.  You may obtain a copy of the License at
-
-          http://www.apache.org/licenses/LICENSE-2.0
-
-      Unless required by applicable law or agreed to in writing, software
-      distributed under the License is distributed on an "AS IS" BASIS,
-      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-      See the License for the specific language governing permissions and
-      limitations under the License.
-  -->
-
-<!-- Simple example to demonstrate the Image control. -->
-<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
-
-    <mx:Panel id="myPanel" title="Image Control Example" 
-        height="75%" width="75%" horizontalAlign="center"
-        paddingTop="10" paddingLeft="10">
-
-        <mx:Label color="blue" text="Image embedded in the application."/>
-        <mx:Image source="@Embed('assets/ApacheFlexLogo.png')"/>
-
-    </mx:Panel>
-</mx:Application>          
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/controls/SimpleImageHSlider.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/controls/SimpleImageHSlider.mxml b/TourDeFlex/TourDeFlex3/src/controls/SimpleImageHSlider.mxml
deleted file mode 100755
index 212dafb..0000000
--- a/TourDeFlex/TourDeFlex3/src/controls/SimpleImageHSlider.mxml
+++ /dev/null
@@ -1,57 +0,0 @@
-<?xml version="1.0"?>
-<!--
-  Licensed to the Apache Software Foundation (ASF) under one or more
-      contributor license agreements.  See the NOTICE file distributed with
-      this work for additional information regarding copyright ownership.
-      The ASF licenses this file to You under the Apache License, Version 2.0
-      (the "License"); you may not use this file except in compliance with
-      the License.  You may obtain a copy of the License at
-
-          http://www.apache.org/licenses/LICENSE-2.0
-
-      Unless required by applicable law or agreed to in writing, software
-      distributed under the License is distributed on an "AS IS" BASIS,
-      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-      See the License for the specific language governing permissions and
-      limitations under the License.
-  -->
-
-<!-- Simple example to demonstrate the HSlider control. -->
-<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
-
-    <fx:Script>
-        <![CDATA[
-   
-          private var imageWidth:Number=0;
-          private var imageHeight:Number=0;
-          
-          // Event handler function to change the image size.
-          private function changeSize():void
-	      {
-	         logo.width=uint(imageWidth*hSlider.value/100);
-	         logo.height=uint(imageHeight*hSlider.value/100);
-	      }
-        ]]>
-    </fx:Script>
-
-    <mx:Panel id="panel" title="HSlider Control Example" height="100%" width="95%" 
-        paddingTop="10" paddingBottom="10" paddingLeft="10" paddingRight="10">
-
-        <mx:HBox height="100%" width="100%">
-            <mx:Image id="logo" source="@Embed('assets/ApacheFlexLogo.png')" 
-                creationComplete="imageWidth=logo.width; imageHeight=logo.height;" />
-        </mx:HBox>
-
-        <mx:Label color="blue" text="Drag the slider to resize the image."/>
-
-        <mx:HSlider id="hSlider" minimum="0" maximum="100" value="100" 
-            dataTipPlacement="top" 
-            tickColor="black" 
-            snapInterval="1" tickInterval="10" 
-            labels="['0%','100%']" 
-            allowTrackClick="true" 
-            liveDragging="true"
-            change="changeSize();"/>
-    </mx:Panel>
-</mx:Application>   
-       
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/controls/SimpleImageVSlider.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/controls/SimpleImageVSlider.mxml b/TourDeFlex/TourDeFlex3/src/controls/SimpleImageVSlider.mxml
deleted file mode 100755
index c318597..0000000
--- a/TourDeFlex/TourDeFlex3/src/controls/SimpleImageVSlider.mxml
+++ /dev/null
@@ -1,63 +0,0 @@
-<?xml version="1.0"?>
-<!--
-  Licensed to the Apache Software Foundation (ASF) under one or more
-      contributor license agreements.  See the NOTICE file distributed with
-      this work for additional information regarding copyright ownership.
-      The ASF licenses this file to You under the Apache License, Version 2.0
-      (the "License"); you may not use this file except in compliance with
-      the License.  You may obtain a copy of the License at
-
-          http://www.apache.org/licenses/LICENSE-2.0
-
-      Unless required by applicable law or agreed to in writing, software
-      distributed under the License is distributed on an "AS IS" BASIS,
-      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-      See the License for the specific language governing permissions and
-      limitations under the License.
-  -->
-
-<!-- Simple example to demonstrate the VSlider control. -->
-<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
-
-    <fx:Script>
-        <![CDATA[
-   
-          private var imageWidth:Number=0;
-          private var imageHeight:Number=0;
-          
-          // Event handler function to change the image size.
-          private function changeSize():void
-	      {
-	         logo.width=uint(imageWidth*hSlider.value/100);
-	         logo.height=uint(imageHeight*hSlider.value/100);
-	      }
-        ]]>
-    </fx:Script>
-
-        <mx:Panel id="panel" title="VSlider Control Example" 
-            height="100%" width="100%" 
-            layout="horizontal"
-            paddingTop="10" paddingBottom="10" paddingLeft="10" paddingRight="10">
-        
-            <mx:HBox width="50%">
-                <mx:Image id="logo" source="@Embed('assets/ApacheFlexLogo.png')" 
-                    creationComplete="imageWidth=logo.width; imageHeight=logo.height;" />
-            </mx:HBox>
-
-            <mx:VBox horizontalAlign="center">
-                <mx:Label color="blue" text="Drag the slider to resize the image."/>
-    
-                <mx:VSlider id="hSlider" 
-                    dataTipPlacement="top" 
-                    minimum="0" maximum="100" value="100" 
-                    tickColor="black" 
-                    snapInterval="1" tickInterval="10" 
-                    labels="['0%','100%']" 
-                    allowTrackClick="true" 
-                    liveDragging="true" 
-                    change="changeSize();"/>
-            </mx:VBox>
-            
-        </mx:Panel>
-</mx:Application>   
-       
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/controls/SimpleList.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/controls/SimpleList.mxml b/TourDeFlex/TourDeFlex3/src/controls/SimpleList.mxml
deleted file mode 100755
index 7185f2a..0000000
--- a/TourDeFlex/TourDeFlex3/src/controls/SimpleList.mxml
+++ /dev/null
@@ -1,59 +0,0 @@
-<?xml version="1.0"?>
-<!--
-  Licensed to the Apache Software Foundation (ASF) under one or more
-      contributor license agreements.  See the NOTICE file distributed with
-      this work for additional information regarding copyright ownership.
-      The ASF licenses this file to You under the Apache License, Version 2.0
-      (the "License"); you may not use this file except in compliance with
-      the License.  You may obtain a copy of the License at
-
-          http://www.apache.org/licenses/LICENSE-2.0
-
-      Unless required by applicable law or agreed to in writing, software
-      distributed under the License is distributed on an "AS IS" BASIS,
-      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-      See the License for the specific language governing permissions and
-      limitations under the License.
-  -->
-
-<!-- Simple example to demonstrate the List Control -->
-<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
-
-    <fx:Script>
-        <![CDATA[
-        	[Bindable]
-            public var selectedItem:Object;
-       ]]>
-    </fx:Script>
-
-
-	<fx:Declarations>
-	    <fx:Model id="mystates">
-	      <states>
-	        <state label="Alabama" data="AL"/>
-	        <state label="Alaska" data="AK"/>
-	        <state label="Arizona" data="AZ"/>
-	        <state label="Arkansas" data="AR"/>
-	        <state label="California" data="CA"/>
-	        <state label="Colorado" data="CO"/>
-	        <state label="Connecticut" data="CT"/>
-	      </states>
-	    </fx:Model>
-	</fx:Declarations>
-	
-    <mx:Panel title="List Control Example" height="75%" width="75%" 
-        paddingTop="10" paddingBottom="10" paddingLeft="10" paddingRight="10">
-
-        <mx:Label text="Select a state to see its abbreviation."/>
-
-        <mx:List id="source" width="100%" color="blue"
-            dataProvider="{mystates.state}"
-            change="this.selectedItem=List(event.target).selectedItem"/>
-
-        <mx:VBox width="100%">
-            <mx:Label text="Selected State: {selectedItem.label}"/>
-            <mx:Label text="State abbreviation: {selectedItem.data}"/>
-        </mx:VBox>
-
-    </mx:Panel>
-</mx:Application>       
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/controls/SimpleLoader.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/controls/SimpleLoader.mxml b/TourDeFlex/TourDeFlex3/src/controls/SimpleLoader.mxml
deleted file mode 100755
index dfc26fa..0000000
--- a/TourDeFlex/TourDeFlex3/src/controls/SimpleLoader.mxml
+++ /dev/null
@@ -1,31 +0,0 @@
-<?xml version="1.0"?>
-<!--
-  Licensed to the Apache Software Foundation (ASF) under one or more
-      contributor license agreements.  See the NOTICE file distributed with
-      this work for additional information regarding copyright ownership.
-      The ASF licenses this file to You under the Apache License, Version 2.0
-      (the "License"); you may not use this file except in compliance with
-      the License.  You may obtain a copy of the License at
-
-          http://www.apache.org/licenses/LICENSE-2.0
-
-      Unless required by applicable law or agreed to in writing, software
-      distributed under the License is distributed on an "AS IS" BASIS,
-      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-      See the License for the specific language governing permissions and
-      limitations under the License.
-  -->
-
-<!-- Simple example to demonstrate the SWFLoader control. -->
-<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
-
-    <mx:Panel title="SWFLoader Control Example"  height="90%" width="90%"
-        paddingTop="10" paddingBottom="10" paddingLeft="10" paddingRight="10">
-
-        <mx:Label text="The Label control of the outer application."/>
-
-        <mx:SWFLoader id="Load" source="@Embed(source='Local.swf')" height="100" width="350"/>
-
-    </mx:Panel>
-</mx:Application>
-       
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/controls/SimpleMenuExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/controls/SimpleMenuExample.mxml b/TourDeFlex/TourDeFlex3/src/controls/SimpleMenuExample.mxml
deleted file mode 100755
index db10191..0000000
--- a/TourDeFlex/TourDeFlex3/src/controls/SimpleMenuExample.mxml
+++ /dev/null
@@ -1,72 +0,0 @@
-<?xml version="1.0"?>
-<!--
-  Licensed to the Apache Software Foundation (ASF) under one or more
-      contributor license agreements.  See the NOTICE file distributed with
-      this work for additional information regarding copyright ownership.
-      The ASF licenses this file to You under the Apache License, Version 2.0
-      (the "License"); you may not use this file except in compliance with
-      the License.  You may obtain a copy of the License at
-
-          http://www.apache.org/licenses/LICENSE-2.0
-
-      Unless required by applicable law or agreed to in writing, software
-      distributed under the License is distributed on an "AS IS" BASIS,
-      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-      See the License for the specific language governing permissions and
-      limitations under the License.
-  -->
-
-<!-- Simple example to demonstrate the Menu control. -->
-<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
-
-    <fx:Script>
-        <![CDATA[
-       
-            import mx.controls.Menu;
-            import mx.events.MenuEvent;
-            import mx.controls.Alert;           
-            import flash.geom.Point;
-
-            private var point1:Point = new Point();
-            private var myMenu:Menu;
-   
-            // Create and display the Menu control.
-            private function showMenu():void {
-                myMenu= Menu.createMenu(panel, myMenuData, false);
-                myMenu.labelField="@label"
-                myMenu.addEventListener("itemClick", menuHandler);
-                
-                // Calculate position of Menu in Application's coordinates. 
-                point1.x=mybutton.x;
-                point1.y=mybutton.y;                
-                point1=mybutton.localToGlobal(point1);
-
-                myMenu.show(point1.x + 25, point1.y + 25);
-            }
-       
-            // Event handler for the Menu control's change event.
-            private function menuHandler(event:MenuEvent):void  {
-                Alert.show("Label: " + event.item.@label, "Clicked menu item");
-            }    
-        ]]>
-    </fx:Script>
-
-	<fx:Declarations>
-	    <fx:XML id="myMenuData">
-	        <root>
-	            <menuitem label="MenuItem 1" eventName="copy"/>
-	            <menuitem label="MenuItem 2" eventName="paste"/>
-	        </root>
-	    </fx:XML>
-	</fx:Declarations>	
-
-    <mx:Panel id="panel" title="Menu Control Example" height="75%" width="75%" 
-        paddingTop="10" paddingLeft="10">
-
-        <mx:Label width="100%" color="blue"
-           text="Click the button to open the Menu control."/>
-
-        <mx:Button id="mybutton" label="Open Menu" click="showMenu();"/>
-
-    </mx:Panel>
-</mx:Application>          
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/controls/SimpleProgressBar.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/controls/SimpleProgressBar.mxml b/TourDeFlex/TourDeFlex3/src/controls/SimpleProgressBar.mxml
deleted file mode 100755
index 58a3773..0000000
--- a/TourDeFlex/TourDeFlex3/src/controls/SimpleProgressBar.mxml
+++ /dev/null
@@ -1,57 +0,0 @@
-<?xml version="1.0"?>
-<!--
-  Licensed to the Apache Software Foundation (ASF) under one or more
-      contributor license agreements.  See the NOTICE file distributed with
-      this work for additional information regarding copyright ownership.
-      The ASF licenses this file to You under the Apache License, Version 2.0
-      (the "License"); you may not use this file except in compliance with
-      the License.  You may obtain a copy of the License at
-
-          http://www.apache.org/licenses/LICENSE-2.0
-
-      Unless required by applicable law or agreed to in writing, software
-      distributed under the License is distributed on an "AS IS" BASIS,
-      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-      See the License for the specific language governing permissions and
-      limitations under the License.
-  -->
-
-<!-- Simple example to demonstrate the ProgressBar control. -->
-<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
-
-    <fx:Script>
-        <![CDATA[
-           
-          private var j:uint=10;
-          
-          // Event handler function to set the value of the 
-          // ProgressBar control.
-          private function runit():void
-          {
-    	      if(j<=100)
-    	      {
-    	         bar.setProgress(j,100);
-        		 bar.label= "CurrentProgress" + " " + j + "%";
-        		 j+=10;
-    	      }
-    	      if(j>100)
-    	      {
-        		 j=0;
-              }
-          }
-        ]]>    
-    </fx:Script>
-
-    <mx:Panel title="ProgressBar Control Example" height="75%" width="75%" 
-        paddingTop="10" paddingBottom="10" paddingLeft="10" paddingRight="10">
-
-        <mx:Label width="100%" color="blue"
-            text="Click the button to increment the progress bar." />
-        <mx:Button id="Speed" label="Run" click="runit();"/>
-            
-        <mx:ProgressBar id="bar" labelPlacement="bottom"
-            minimum="0" visible="true" maximum="100" label="CurrentProgress 0%" 
-            direction="right" mode="manual" width="100%"/>
-
-    </mx:Panel>
-</mx:Application>       
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/controls/SimpleVRule.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/controls/SimpleVRule.mxml b/TourDeFlex/TourDeFlex3/src/controls/SimpleVRule.mxml
deleted file mode 100755
index 2c00f4a..0000000
--- a/TourDeFlex/TourDeFlex3/src/controls/SimpleVRule.mxml
+++ /dev/null
@@ -1,31 +0,0 @@
-<?xml version="1.0"?>
-<!--
-  Licensed to the Apache Software Foundation (ASF) under one or more
-      contributor license agreements.  See the NOTICE file distributed with
-      this work for additional information regarding copyright ownership.
-      The ASF licenses this file to You under the Apache License, Version 2.0
-      (the "License"); you may not use this file except in compliance with
-      the License.  You may obtain a copy of the License at
-
-          http://www.apache.org/licenses/LICENSE-2.0
-
-      Unless required by applicable law or agreed to in writing, software
-      distributed under the License is distributed on an "AS IS" BASIS,
-      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-      See the License for the specific language governing permissions and
-      limitations under the License.
-  -->
-
-<!-- Simple example to demonstrate the VRule control. -->
-<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
-
-   <mx:Panel title="VRule Control Example" id="myPanel" horizontalAlign="center" 
-       paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10">
-      
-      <mx:VRule rollOverEffect="WipeUp" strokeWidth="1" strokeColor="red"/>        
-      <mx:Label width="100%" color="blue" 
-          text="Move mouse over VRule control to redraw it."/>
-    
-   </mx:Panel>
-</mx:Application>
-       
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/controls/SpacerExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/controls/SpacerExample.mxml b/TourDeFlex/TourDeFlex3/src/controls/SpacerExample.mxml
deleted file mode 100755
index bd41a15..0000000
--- a/TourDeFlex/TourDeFlex3/src/controls/SpacerExample.mxml
+++ /dev/null
@@ -1,36 +0,0 @@
-<?xml version="1.0"?>
-<!--
-  Licensed to the Apache Software Foundation (ASF) under one or more
-      contributor license agreements.  See the NOTICE file distributed with
-      this work for additional information regarding copyright ownership.
-      The ASF licenses this file to You under the Apache License, Version 2.0
-      (the "License"); you may not use this file except in compliance with
-      the License.  You may obtain a copy of the License at
-
-          http://www.apache.org/licenses/LICENSE-2.0
-
-      Unless required by applicable law or agreed to in writing, software
-      distributed under the License is distributed on an "AS IS" BASIS,
-      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-      See the License for the specific language governing permissions and
-      limitations under the License.
-  -->
-
-<!-- Simple example to demonstrate the Spacer control. -->
-<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
-
-    <mx:Panel id="panel" title="Spacer Control Example" height="75%" width="75%" 
-        paddingTop="10" paddingBottom="10" paddingLeft="10" paddingRight="10">
-        
-        <mx:Text width="100%" color="blue" 
-            text="The Spacer control pushes the second image to the right edge of the HBox container."/>
-
-        <mx:HBox width="100%">
-            <mx:Image source="@Embed('assets/ApacheFlexLogo.png')"/>
-            <mx:Spacer width="100%"/>
-            <mx:Image source="@Embed('assets/ApacheFlexLogo.png')"/>
-        </mx:HBox>
-       
-    </mx:Panel>
-</mx:Application>   
-       
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/controls/TabBarExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/controls/TabBarExample.mxml b/TourDeFlex/TourDeFlex3/src/controls/TabBarExample.mxml
deleted file mode 100755
index fdb9dd5..0000000
--- a/TourDeFlex/TourDeFlex3/src/controls/TabBarExample.mxml
+++ /dev/null
@@ -1,57 +0,0 @@
-<?xml version="1.0"?>
-<!--
-  Licensed to the Apache Software Foundation (ASF) under one or more
-      contributor license agreements.  See the NOTICE file distributed with
-      this work for additional information regarding copyright ownership.
-      The ASF licenses this file to You under the Apache License, Version 2.0
-      (the "License"); you may not use this file except in compliance with
-      the License.  You may obtain a copy of the License at
-
-          http://www.apache.org/licenses/LICENSE-2.0
-
-      Unless required by applicable law or agreed to in writing, software
-      distributed under the License is distributed on an "AS IS" BASIS,
-      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-      See the License for the specific language governing permissions and
-      limitations under the License.
-  -->
-
-<!-- Simple example to demonstrate the TabBar control. -->
-<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
-
-    <fx:Script>
-        <![CDATA[
-
-            import mx.events.ItemClickEvent;
-            import mx.controls.TabBar;
-
-            [Bindable]
-            public var STATE_ARRAY:Array = [{label:"Alabama", data:"Montgomery"},
-                {label:"Alaska", data:"Juneau"},
-                {label:"Arkansas", data:"LittleRock"}
-            ];
-            
-    		private function clickEvt(event:ItemClickEvent):void {
-    			// Access target TabBar control.
-    			var targetComp:TabBar = TabBar(event.currentTarget);
-    			forClick.text="label is: " + event.label + ", index is: " + 
-    				event.index + ", capital is: " +
-    				targetComp.dataProvider[event.index].data;
-    		}	            
-       ]]>
-    </fx:Script>
-
-    <mx:Panel title="TabBar Control Example" height="75%" width="75%" 
-        paddingTop="10" paddingBottom="10" paddingLeft="10" paddingRight="10">
-
-        <mx:Label width="100%" color="blue" 
-            text="Select a tab to change the current panel."/>
-
-        <mx:TabBar itemClick="clickEvt(event);">
-            <mx:dataProvider>{STATE_ARRAY}</mx:dataProvider>
-        </mx:TabBar>
-
-        <mx:TextArea id="forClick" height="100%" width="100%"/>
-
-    </mx:Panel>
-</mx:Application>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/controls/TextAreaExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/controls/TextAreaExample.mxml b/TourDeFlex/TourDeFlex3/src/controls/TextAreaExample.mxml
deleted file mode 100755
index 5d1729e..0000000
--- a/TourDeFlex/TourDeFlex3/src/controls/TextAreaExample.mxml
+++ /dev/null
@@ -1,37 +0,0 @@
-<?xml version="1.0"?>
-<!--
-  Licensed to the Apache Software Foundation (ASF) under one or more
-      contributor license agreements.  See the NOTICE file distributed with
-      this work for additional information regarding copyright ownership.
-      The ASF licenses this file to You under the Apache License, Version 2.0
-      (the "License"); you may not use this file except in compliance with
-      the License.  You may obtain a copy of the License at
-
-          http://www.apache.org/licenses/LICENSE-2.0
-
-      Unless required by applicable law or agreed to in writing, software
-      distributed under the License is distributed on an "AS IS" BASIS,
-      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-      See the License for the specific language governing permissions and
-      limitations under the License.
-  -->
-
-<!-- Simple example to demonstrate the TextArea control. -->
-<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
-
-    <mx:Panel title="TextArea Control Example" height="75%" width="75%" 
-        paddingTop="10" paddingBottom="10" paddingLeft="10" paddingRight="10">
-        
-        <mx:TextArea width="400" height="100">
-            <mx:text>
-                This is a multiline, editable TextArea control. If you need 
-                a non-editable multiline control, use the Text control.
-            </mx:text>
-        </mx:TextArea>
-
-        <mx:TextArea width="400" height="100">
-            <mx:htmlText><![CDATA[This is <font color="#FF0000">HTML text</font> in a <b>TextArea control</b>. Use the <u>htmlText property</u> of the <font color="#008800">TextArea control</font> to include basic HTML markup in your text.]]></mx:htmlText>
-        </mx:TextArea>
-               
-    </mx:Panel>
-</mx:Application>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/controls/TextExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/controls/TextExample.mxml b/TourDeFlex/TourDeFlex3/src/controls/TextExample.mxml
deleted file mode 100755
index 93c6df1..0000000
--- a/TourDeFlex/TourDeFlex3/src/controls/TextExample.mxml
+++ /dev/null
@@ -1,39 +0,0 @@
-<?xml version="1.0"?>
-<!--
-  Licensed to the Apache Software Foundation (ASF) under one or more
-      contributor license agreements.  See the NOTICE file distributed with
-      this work for additional information regarding copyright ownership.
-      The ASF licenses this file to You under the Apache License, Version 2.0
-      (the "License"); you may not use this file except in compliance with
-      the License.  You may obtain a copy of the License at
-
-          http://www.apache.org/licenses/LICENSE-2.0
-
-      Unless required by applicable law or agreed to in writing, software
-      distributed under the License is distributed on an "AS IS" BASIS,
-      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-      See the License for the specific language governing permissions and
-      limitations under the License.
-  -->
-
-<!-- Simple example to demonstrate the Text control. -->
-<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
-
-    <mx:Panel title="Text Control Example" height="75%" width="75%" 
-        paddingTop="10" paddingLeft="10" paddingRight="10">
-
-        <mx:Text width="100%">
-            <mx:text>
-                This is a multiline, non-editable text component. 
-                If you need an editable multiline component, use TextArea.
-            </mx:text>
-        </mx:Text>
-
-        <mx:Text width="100%">
-            <mx:htmlText>
-                <![CDATA[This is <font color="#FF0000">HTML text</font> in a <b>Text component</b>. Using the <u>htmlText attribute</u> of the <font color="#008800">Text component</font> you can use basic HTML markup.]]>
-            </mx:htmlText>
-        </mx:Text>
-
-   </mx:Panel>
-</mx:Application>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/controls/TextInputExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/controls/TextInputExample.mxml b/TourDeFlex/TourDeFlex3/src/controls/TextInputExample.mxml
deleted file mode 100755
index d881eef..0000000
--- a/TourDeFlex/TourDeFlex3/src/controls/TextInputExample.mxml
+++ /dev/null
@@ -1,32 +0,0 @@
-<?xml version="1.0"?>
-<!--
-  Licensed to the Apache Software Foundation (ASF) under one or more
-      contributor license agreements.  See the NOTICE file distributed with
-      this work for additional information regarding copyright ownership.
-      The ASF licenses this file to You under the Apache License, Version 2.0
-      (the "License"); you may not use this file except in compliance with
-      the License.  You may obtain a copy of the License at
-
-          http://www.apache.org/licenses/LICENSE-2.0
-
-      Unless required by applicable law or agreed to in writing, software
-      distributed under the License is distributed on an "AS IS" BASIS,
-      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-      See the License for the specific language governing permissions and
-      limitations under the License.
-  -->
-
-<!-- Simple example to demonstrate the TextInput control. -->
-<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
-
-    <mx:Panel title="TextInput Control Example" height="75%" width="75%" 
-        paddingTop="10" paddingLeft="10">
-        
-        <mx:TextInput id="src" text="Hello World!"/>
-
-        <mx:Button label="Copy Text" click="dest.text = src.text"/>
-
-        <mx:TextInput id="dest"/>
-
-    </mx:Panel>
-</mx:Application>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/controls/TileListExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/controls/TileListExample.mxml b/TourDeFlex/TourDeFlex3/src/controls/TileListExample.mxml
deleted file mode 100755
index 669f730..0000000
--- a/TourDeFlex/TourDeFlex3/src/controls/TileListExample.mxml
+++ /dev/null
@@ -1,68 +0,0 @@
-<?xml version="1.0"?>
-<!--
-  Licensed to the Apache Software Foundation (ASF) under one or more
-      contributor license agreements.  See the NOTICE file distributed with
-      this work for additional information regarding copyright ownership.
-      The ASF licenses this file to You under the Apache License, Version 2.0
-      (the "License"); you may not use this file except in compliance with
-      the License.  You may obtain a copy of the License at
-
-          http://www.apache.org/licenses/LICENSE-2.0
-
-      Unless required by applicable law or agreed to in writing, software
-      distributed under the License is distributed on an "AS IS" BASIS,
-      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-      See the License for the specific language governing permissions and
-      limitations under the License.
-  -->
-
-<!-- Simple example to demonstrate the TileList Control. -->
-<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
-
-    <fx:Script>
-        <![CDATA[
-             
-             [Bindable]
-             [Embed(source="assets/ApacheFlexLogo.png")]
-             public var logo1:Class;
-             
-             [Bindable]
-             [Embed(source="assets/ApacheFlexLogo.png")]
-             public var logo2:Class;
-             
-             [Bindable]
-             [Embed(source="assets/ApacheFlexLogo.png")]
-             public var logo3:Class;
-	     
-             [Bindable]
-	         [Embed(source="assets/ApacheFlexLogo.png")]
-             public var logo4:Class;
-
-             [Bindable]
-	         [Embed(source="assets/ApacheFlexLogo.png")]
-             public var logo5:Class;
-        ]]>
-    </fx:Script>
-
-    <mx:Panel title="TileList Control Example" height="100%" width="100%" 
-        paddingTop="10" paddingBottom="10" paddingLeft="10" paddingRight="10">
-
-        <mx:Label width="100%" color="blue" 
-            text="A TileList control displays items in rows and columns."/>
-
-        <mx:TileList id="CameraSelection" height="250" width="300" 
-            maxColumns="2" rowHeight="225" columnWidth="125">
-            <mx:dataProvider>
-                <fx:Array>
-                    <fx:Object label="Logo 1" icon="{logo1}"/>
-                    <fx:Object label="Logo 2" icon="{logo2}"/>
-                    <fx:Object label="Logo 3" icon="{logo3}"/>
-                    <fx:Object label="Logo 4" icon="{logo4}"/>
-                    <fx:Object label="Logo 5" icon="{logo5}"/>
-                </fx:Array>
-            </mx:dataProvider>
-        </mx:TileList>
-
-    </mx:Panel>
-</mx:Application>
-       
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/controls/ToggleButtonBarExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/controls/ToggleButtonBarExample.mxml b/TourDeFlex/TourDeFlex3/src/controls/ToggleButtonBarExample.mxml
deleted file mode 100755
index 762abee..0000000
--- a/TourDeFlex/TourDeFlex3/src/controls/ToggleButtonBarExample.mxml
+++ /dev/null
@@ -1,55 +0,0 @@
-<?xml version="1.0"?>
-<!--
-  Licensed to the Apache Software Foundation (ASF) under one or more
-      contributor license agreements.  See the NOTICE file distributed with
-      this work for additional information regarding copyright ownership.
-      The ASF licenses this file to You under the Apache License, Version 2.0
-      (the "License"); you may not use this file except in compliance with
-      the License.  You may obtain a copy of the License at
-
-          http://www.apache.org/licenses/LICENSE-2.0
-
-      Unless required by applicable law or agreed to in writing, software
-      distributed under the License is distributed on an "AS IS" BASIS,
-      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-      See the License for the specific language governing permissions and
-      limitations under the License.
-  -->
-
-<!-- Simple example to demonstrate the ToggleButtonBar control. -->
-<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
-
-    <fx:Script>
-        <![CDATA[
-
-            import mx.events.ItemClickEvent;
-
-            // Event handler function to print a message
-            // describing the selected Button control.
-    		private function clickHandler(event:ItemClickEvent):void {
-    		    myTA.text="Selected button index: " + String(event.index) +
-    		        "\n" + "Selected button label: " + event.label;
-            }
-        ]]>
-    </fx:Script>
-
-    <mx:Panel title="ToggleButtonBar Control Example" height="75%" width="75%"
-        paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10">
-
-        <mx:Label width="100%" color="blue"
-            text="Select a button in the ToggleButtonBar control."/>
-
-        <mx:TextArea id="myTA" width="100%" height="100%"/>
-
-        <mx:ToggleButtonBar itemClick="clickHandler(event);">
-            <mx:dataProvider>
-                <fx:Array>
-                    <fx:String>Flex SDK</fx:String>
-                    <fx:String>Flex JS</fx:String>
-                    <fx:String>Falcon</fx:String>
-                    <fx:String>Falcon JX</fx:String>
-                </fx:Array>
-            </mx:dataProvider>
-        </mx:ToggleButtonBar>
-    </mx:Panel>
-</mx:Application>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/controls/TreeExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/controls/TreeExample.mxml b/TourDeFlex/TourDeFlex3/src/controls/TreeExample.mxml
deleted file mode 100755
index 95aeb61..0000000
--- a/TourDeFlex/TourDeFlex3/src/controls/TreeExample.mxml
+++ /dev/null
@@ -1,67 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!--
-  Licensed to the Apache Software Foundation (ASF) under one or more
-      contributor license agreements.  See the NOTICE file distributed with
-      this work for additional information regarding copyright ownership.
-      The ASF licenses this file to You under the Apache License, Version 2.0
-      (the "License"); you may not use this file except in compliance with
-      the License.  You may obtain a copy of the License at
-
-          http://www.apache.org/licenses/LICENSE-2.0
-
-      Unless required by applicable law or agreed to in writing, software
-      distributed under the License is distributed on an "AS IS" BASIS,
-      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-      See the License for the specific language governing permissions and
-      limitations under the License.
-  -->
-
-<!-- Tree control example. -->
-<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
-
-    <fx:Script>
-        <![CDATA[
-
-            [Bindable]
-            public var selectedNode:XML;
-
-            // Event handler for the Tree control change event.
-            public function treeChanged(event:Event):void {
-                selectedNode=Tree(event.target).selectedItem as XML;
-            }
-        ]]>
-    </fx:Script>
-
-	<fx:Declarations>
-	    <fx:XMLList id="treeData">
-		    <node label="Mail Box">
-		        <node label="Inbox">
-		            <node label="Marketing"/>
-		            <node label="Product Management"/>
-		            <node label="Personal"/>
-		        </node>
-		        <node label="Outbox">
-		            <node label="Professional"/>
-		            <node label="Personal"/>
-		        </node>
-		        <node label="Spam"/>
-		        <node label="Sent"/>
-			</node>	
-	    </fx:XMLList>
-	</fx:Declarations>
-
-    <mx:Panel title="Tree Control Example" height="75%" width="75%" 
-        paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10">
-
-        <mx:Label width="100%" color="blue" 
-            text="Select a node in the Tree control."/>
-
-        <mx:HDividedBox width="100%" height="100%">
-            <mx:Tree id="myTree" width="50%" height="100%" labelField="@label"
-                showRoot="false" dataProvider="{treeData}" change="treeChanged(event)"/>
-            <mx:TextArea height="100%" width="50%"
-                text="Selected Item: {selectedNode.@label}"/>
-        </mx:HDividedBox>
-        
-    </mx:Panel>
-</mx:Application>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/controls/VScrollBarExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/controls/VScrollBarExample.mxml b/TourDeFlex/TourDeFlex3/src/controls/VScrollBarExample.mxml
deleted file mode 100755
index 05709b4..0000000
--- a/TourDeFlex/TourDeFlex3/src/controls/VScrollBarExample.mxml
+++ /dev/null
@@ -1,55 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!--
-  Licensed to the Apache Software Foundation (ASF) under one or more
-      contributor license agreements.  See the NOTICE file distributed with
-      this work for additional information regarding copyright ownership.
-      The ASF licenses this file to You under the Apache License, Version 2.0
-      (the "License"); you may not use this file except in compliance with
-      the License.  You may obtain a copy of the License at
-
-          http://www.apache.org/licenses/LICENSE-2.0
-
-      Unless required by applicable law or agreed to in writing, software
-      distributed under the License is distributed on an "AS IS" BASIS,
-      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-      See the License for the specific language governing permissions and
-      limitations under the License.
-  -->
-
-<!-- Simple example to demonstrate the VScrollBar control. -->
-<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
- 
-     <fx:Script>
-        <![CDATA[
-    
-            import mx.events.ScrollEvent;
-    
-            // Event handler function to display the scroll location
-            // as you move the scroll thumb.
-            private function myScroll(event:ScrollEvent):void
-            {
-                showPosition.text = "VScrollBar properties summary:" + '\n' +
-                    "------------------------------------" + '\n' +
-                    "Current scroll position: " + event.currentTarget.scrollPosition  + '\n' +
-                    "The maximum scroll position: " + event.currentTarget.maxScrollPosition + '\n' +
-                    "The minimum scroll position: " + event.currentTarget.minScrollPosition ;
-            }
-        ]]>
-    </fx:Script> 
-  
-    <mx:Panel id="panel" title="VScrollBar Control Example" height="75%" width="75%" 
-        paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10">
-        
-        <mx:Label width="100%" color="blue" 
-            text="Click on the scroll bar to view its properties."/>
-        
-        <mx:VScrollBar id="bar" height="100%" 
-            minScrollPosition="0" maxScrollPosition="{panel.width - 20}"
-            lineScrollSize="50" pageScrollSize="100"  
-            repeatDelay="1000" repeatInterval="500" 
-            scroll="myScroll(event);"/>
-          
-        <mx:TextArea height="100%" width="100%" id="showPosition" color="blue"/>
-  
-    </mx:Panel>  
-</mx:Application>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/controls/VideoDisplayExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/controls/VideoDisplayExample.mxml b/TourDeFlex/TourDeFlex3/src/controls/VideoDisplayExample.mxml
deleted file mode 100755
index 2aca4b0..0000000
--- a/TourDeFlex/TourDeFlex3/src/controls/VideoDisplayExample.mxml
+++ /dev/null
@@ -1,38 +0,0 @@
-<?xml version="1.0"?>
-<!--
-  Licensed to the Apache Software Foundation (ASF) under one or more
-      contributor license agreements.  See the NOTICE file distributed with
-      this work for additional information regarding copyright ownership.
-      The ASF licenses this file to You under the Apache License, Version 2.0
-      (the "License"); you may not use this file except in compliance with
-      the License.  You may obtain a copy of the License at
-
-          http://www.apache.org/licenses/LICENSE-2.0
-
-      Unless required by applicable law or agreed to in writing, software
-      distributed under the License is distributed on an "AS IS" BASIS,
-      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-      See the License for the specific language governing permissions and
-      limitations under the License.
-  -->
-
-<!-- Simple example to demonstrate the VideoDisplay control. -->
-<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
-
-    <mx:Panel title="VideoDisplay Control Example" height="75%" width="75%" 
-        horizontalAlign="center" 
-        paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10">
-
-       <mx:Text width="75%" color="blue"
-           text="Use the buttons to control the video. The Stop button resets the video to the beginning."/>
-
-		<mx:VideoDisplay id="myVid" height="158" width="211" source="assets/FlexInstaller.mp4" autoPlay="false"/>
-
-		<mx:HBox>
-		    <mx:Button label="Play" click="myVid.play();"/>
-		    <mx:Button label="Pause" click="myVid.pause();"/>
-		    <mx:Button label="Stop" click="myVid.stop();"/>
-		</mx:HBox>
-
-	</mx:Panel>
-</mx:Application>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/controls/assets/ApacheFlexIcon.png
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/controls/assets/ApacheFlexIcon.png b/TourDeFlex/TourDeFlex3/src/controls/assets/ApacheFlexIcon.png
deleted file mode 100644
index e68d831..0000000
Binary files a/TourDeFlex/TourDeFlex3/src/controls/assets/ApacheFlexIcon.png and /dev/null differ

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/controls/assets/ApacheFlexLogo.png
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/controls/assets/ApacheFlexLogo.png b/TourDeFlex/TourDeFlex3/src/controls/assets/ApacheFlexLogo.png
deleted file mode 100644
index 4ff037f..0000000
Binary files a/TourDeFlex/TourDeFlex3/src/controls/assets/ApacheFlexLogo.png and /dev/null differ

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/controls/assets/buttonDisabled.gif
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/controls/assets/buttonDisabled.gif b/TourDeFlex/TourDeFlex3/src/controls/assets/buttonDisabled.gif
deleted file mode 100755
index 9a19d26..0000000
Binary files a/TourDeFlex/TourDeFlex3/src/controls/assets/buttonDisabled.gif and /dev/null differ

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/controls/assets/buttonDown.gif
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/controls/assets/buttonDown.gif b/TourDeFlex/TourDeFlex3/src/controls/assets/buttonDown.gif
deleted file mode 100755
index 18c0ea4..0000000
Binary files a/TourDeFlex/TourDeFlex3/src/controls/assets/buttonDown.gif and /dev/null differ

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/controls/assets/buttonOver.gif
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/controls/assets/buttonOver.gif b/TourDeFlex/TourDeFlex3/src/controls/assets/buttonOver.gif
deleted file mode 100755
index 9c66b81..0000000
Binary files a/TourDeFlex/TourDeFlex3/src/controls/assets/buttonOver.gif and /dev/null differ

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/controls/assets/buttonUp.gif
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/controls/assets/buttonUp.gif b/TourDeFlex/TourDeFlex3/src/controls/assets/buttonUp.gif
deleted file mode 100755
index 36dfb34..0000000
Binary files a/TourDeFlex/TourDeFlex3/src/controls/assets/buttonUp.gif and /dev/null differ

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/controls/assets/flexinstaller.mp4
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/controls/assets/flexinstaller.mp4 b/TourDeFlex/TourDeFlex3/src/controls/assets/flexinstaller.mp4
deleted file mode 100644
index 8c877c4..0000000
Binary files a/TourDeFlex/TourDeFlex3/src/controls/assets/flexinstaller.mp4 and /dev/null differ

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/core/RepeaterExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/core/RepeaterExample.mxml b/TourDeFlex/TourDeFlex3/src/core/RepeaterExample.mxml
deleted file mode 100755
index 2649e9d..0000000
--- a/TourDeFlex/TourDeFlex3/src/core/RepeaterExample.mxml
+++ /dev/null
@@ -1,51 +0,0 @@
-<?xml version="1.0"?>
-<!--
-  Licensed to the Apache Software Foundation (ASF) under one or more
-      contributor license agreements.  See the NOTICE file distributed with
-      this work for additional information regarding copyright ownership.
-      The ASF licenses this file to You under the Apache License, Version 2.0
-      (the "License"); you may not use this file except in compliance with
-      the License.  You may obtain a copy of the License at
-
-          http://www.apache.org/licenses/LICENSE-2.0
-
-      Unless required by applicable law or agreed to in writing, software
-      distributed under the License is distributed on an "AS IS" BASIS,
-      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-      See the License for the specific language governing permissions and
-      limitations under the License.
-  -->
-
-<!-- Simple example to demonstrate the Repeater class. -->
-<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
-
-    <fx:Script>
-        <![CDATA[
-		
-		    import mx.controls.Alert;
-  
-			[Bindable]
-			private var dp:Array = [1, 2, 3, 4, 5, 6, 7, 8, 9];    
-			
-        ]]>
-    </fx:Script>
-
-    <mx:Panel title="Repeater Example" width="75%" height="75%" 
-        paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10">
-  
-        <mx:Text width="100%" color="blue" 
-            text="Use the Repeater class to create 9 Button controls in a 3 by 3 Tile container."/>
-
-        <mx:Tile direction="horizontal" borderStyle="inset" 
-            horizontalGap="10" verticalGap="15"
-            paddingLeft="10" paddingTop="10" paddingBottom="10" paddingRight="10">
-        
-            <mx:Repeater id="rp" dataProvider="{dp}">
-                <mx:Button height="49" width="50" 
-                    label="{String(rp.currentItem)}" 
-                    click="Alert.show(String(event.currentTarget.getRepeaterItem()) + ' pressed')"/>
-            </mx:Repeater>    
-        </mx:Tile>
-  
-    </mx:Panel>  
-</mx:Application>
\ No newline at end of file


[07/10] moved mx example files to mx directory

Posted by jm...@apache.org.
http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/core/SimpleApplicationExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/core/SimpleApplicationExample.mxml b/TourDeFlex/TourDeFlex3/src/core/SimpleApplicationExample.mxml
deleted file mode 100755
index ebddd36..0000000
--- a/TourDeFlex/TourDeFlex3/src/core/SimpleApplicationExample.mxml
+++ /dev/null
@@ -1,60 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!--
-  Licensed to the Apache Software Foundation (ASF) under one or more
-      contributor license agreements.  See the NOTICE file distributed with
-      this work for additional information regarding copyright ownership.
-      The ASF licenses this file to You under the Apache License, Version 2.0
-      (the "License"); you may not use this file except in compliance with
-      the License.  You may obtain a copy of the License at
-
-          http://www.apache.org/licenses/LICENSE-2.0
-
-      Unless required by applicable law or agreed to in writing, software
-      distributed under the License is distributed on an "AS IS" BASIS,
-      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-      See the License for the specific language governing permissions and
-      limitations under the License.
-  -->
-
-<!-- Simple example to demonstrate the Application container. -->
-
-<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx"
-    backgroundColor="0xCCCCCC"
-    horizontalAlign="center" verticalAlign="middle"
-    applicationComplete="appComplete();">
-
-    <fx:Script>
-        <![CDATA[
-            
-            // Event handlers for the components.
-            private function appComplete():void {
-                myTA.text+="Application creation complete" + "\n";
-            }
-
-            private function panelCreationComplete():void {
-                myTA.text+="Panel creation complete" + "\n";
-            }
-
-            private function textAreaCreationComplete():void {
-                myTA.text+="\n" + "TextArea creation complete" + "\n";
-            }
-        ]]>
-    </fx:Script>
-
-    <mx:ApplicationControlBar dock="true">
-        <mx:Button label="Set Grey Solid Fill" 
-            click="this.setStyle('backgroundColor', 0xCCCCCC);"/>
-        <mx:Button label="Set Blue Solid Fill" 
-            click="this.setStyle('backgroundColor', 0x66CCFF);"/>
-    </mx:ApplicationControlBar> 
-
-    <mx:Panel title="Application Container Example" backgroundColor="0x9CB0BA"
-        width="75%" height="75%" 
-        creationComplete="panelCreationComplete();">
-        
-        <mx:TextArea id="myTA" height="100%" width="100%" 
-            text="Event order: "
-            creationComplete="textAreaCreationComplete();"/>
-
-    </mx:Panel>
-</mx:Application>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/effects/AddItemActionEffectExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/effects/AddItemActionEffectExample.mxml b/TourDeFlex/TourDeFlex3/src/effects/AddItemActionEffectExample.mxml
deleted file mode 100755
index 38617de..0000000
--- a/TourDeFlex/TourDeFlex3/src/effects/AddItemActionEffectExample.mxml
+++ /dev/null
@@ -1,100 +0,0 @@
-<?xml version="1.0"?>
-<!--
-  Licensed to the Apache Software Foundation (ASF) under one or more
-      contributor license agreements.  See the NOTICE file distributed with
-      this work for additional information regarding copyright ownership.
-      The ASF licenses this file to You under the Apache License, Version 2.0
-      (the "License"); you may not use this file except in compliance with
-      the License.  You may obtain a copy of the License at
-
-          http://www.apache.org/licenses/LICENSE-2.0
-
-      Unless required by applicable law or agreed to in writing, software
-      distributed under the License is distributed on an "AS IS" BASIS,
-      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-      See the License for the specific language governing permissions and
-      limitations under the License.
-  -->
-
-<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
-
-    <fx:Script>
-        <![CDATA[
-            import mx.effects.easing.Elastic;
-            import mx.collections.ArrayCollection;
-            
-            [Bindable]
-            private var myDP:ArrayCollection = new ArrayCollection(
-                ['A','B','C','D','E','F','G','H','I','J','K','L','M','N','O','P']);
-            
-            private function deleteItem():void {
-                // As each item is removed, the index of the other items changes.
-                // So first get the items to delete, then determine their indices
-                // as you remove them.
-                var toRemove:Array = [];
-                for (var i:int = 0; i < tlist0.selectedItems.length; i++)
-                    toRemove.push(tlist0.selectedItems[i]);
-                for (i = 0; i < toRemove.length; i++)
-                    myDP.removeItemAt(myDP.getItemIndex(toRemove[i]));
-            }
-
-            private var zcount:int = 0;
-            private function addItem():void {
-                // Always add the new item after the third item,
-                // or after the last item if the length is less than 3.
-                myDP.addItemAt("Z"+zcount++,Math.min(3,myDP.length));
-            }                        
-        ]]>
-    </fx:Script>
-
-	<fx:Declarations>
-	    <!-- Define a custom data effect as a Sequence effect. -->
-	    <mx:Sequence id="itemsChangeEffect1">
-	        <mx:Blur 
-	            blurYTo="12" blurXTo="12" 
-	            duration="300" 
-	            perElementOffset="150"
-	            filter="removeItem"/>
-	        <mx:Parallel>
-	            <mx:Move 
-	                duration="750" 
-	                easingFunction="{Elastic.easeOut}" 
-	                perElementOffset="20"/>
-	            <mx:RemoveItemAction 
-	                startDelay="400" 
-	                filter="removeItem"/>
-	            <mx:AddItemAction  
-	                startDelay="400" 
-	                filter="addItem"/>
-	            <mx:Blur 
-	                startDelay="410" 
-	                blurXFrom="18" blurYFrom="18" blurXTo="0" blurYTo="0" 
-	                duration="300" 
-	                filter="addItem"/>
-	        </mx:Parallel>
-	    </mx:Sequence>   
-	</fx:Declarations>
-
-    <mx:Panel title="AddItemEffect/RemoveItemEffect Example" width="75%" height="75%" 
-        paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10">
-
-        <!-- This TileList uses a custom data change effect -->
-        <mx:TileList id="tlist0" 
-            height="100%" width="100%" 
-            fontSize="18" fontWeight="bold"
-            columnCount="4" rowCount="4" 
-            direction="horizontal" 
-            dataProvider="{myDP}" 
-            allowMultipleSelection="true" 
-            offscreenExtraRowsOrColumns="4" 
-            itemsChangeEffect="{itemsChangeEffect1}"/>
-    
-        <mx:Button 
-            label="Delete selected item(s)" 
-            click="deleteItem();"/>
-        <mx:Button 
-            label="Add item" 
-            click="addItem();"/>
-        
-    </mx:Panel>         
-</mx:Application>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/effects/AnimatePropertyEffectExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/effects/AnimatePropertyEffectExample.mxml b/TourDeFlex/TourDeFlex3/src/effects/AnimatePropertyEffectExample.mxml
deleted file mode 100755
index 2784460..0000000
--- a/TourDeFlex/TourDeFlex3/src/effects/AnimatePropertyEffectExample.mxml
+++ /dev/null
@@ -1,39 +0,0 @@
-<?xml version="1.0"?>
-<!--
-  Licensed to the Apache Software Foundation (ASF) under one or more
-      contributor license agreements.  See the NOTICE file distributed with
-      this work for additional information regarding copyright ownership.
-      The ASF licenses this file to You under the Apache License, Version 2.0
-      (the "License"); you may not use this file except in compliance with
-      the License.  You may obtain a copy of the License at
-
-          http://www.apache.org/licenses/LICENSE-2.0
-
-      Unless required by applicable law or agreed to in writing, software
-      distributed under the License is distributed on an "AS IS" BASIS,
-      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-      See the License for the specific language governing permissions and
-      limitations under the License.
-  -->
-
-<!-- Simple example to demonstrate the AnimateProperty effect. -->
-<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
-
-	<fx:Declarations>
-	    <mx:Sequence id="animateScaleXUpDown" >
-	        <mx:AnimateProperty property="scaleX" fromValue="1" toValue="1.5" duration="1000" />
-	        <mx:AnimateProperty property="scaleX" fromValue="1.5" toValue="1" duration="1000" />	
-	    </mx:Sequence>
-	</fx:Declarations>
-
-    <mx:Panel title="AnimateProperty Effect Example" width="75%" height="75%" 
-        paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10">
-
-        <mx:Text width="100%" color="blue" 
-            text="Click on the image to use the AnimateProperty effect with the scaleX property."/>
-
-        <mx:Image id="flex" source="@Embed(source='assets/ApacheFlexLogo.png')"
-            mouseDownEffect="{animateScaleXUpDown}"/>
-
-    </mx:Panel>
-</mx:Application>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/effects/BlurEffectExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/effects/BlurEffectExample.mxml b/TourDeFlex/TourDeFlex3/src/effects/BlurEffectExample.mxml
deleted file mode 100755
index b9bbff7..0000000
--- a/TourDeFlex/TourDeFlex3/src/effects/BlurEffectExample.mxml
+++ /dev/null
@@ -1,42 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!--
-  Licensed to the Apache Software Foundation (ASF) under one or more
-      contributor license agreements.  See the NOTICE file distributed with
-      this work for additional information regarding copyright ownership.
-      The ASF licenses this file to You under the Apache License, Version 2.0
-      (the "License"); you may not use this file except in compliance with
-      the License.  You may obtain a copy of the License at
-
-          http://www.apache.org/licenses/LICENSE-2.0
-
-      Unless required by applicable law or agreed to in writing, software
-      distributed under the License is distributed on an "AS IS" BASIS,
-      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-      See the License for the specific language governing permissions and
-      limitations under the License.
-  -->
-
-<!-- Simple example to demonstrate the Blur effect. -->
-<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
-
-	<fx:Declarations>
-	    <mx:Blur id="blurImage" duration="1000" 
-	        blurXFrom="0.0" blurXTo="10.0" 
-	        blurYFrom="0.0" blurYTo="10.0"/>
-	    <mx:Blur id="unblurImage" duration="1000" 
-	        blurXFrom="10.0" blurXTo="0.0" 
-	        blurYFrom="10.0" blurYTo="0.0"/>
-	</fx:Declarations>
-
-    <mx:Panel title="Blur Effect Example" width="75%" height="75%" 
-        paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10">
-
-        <mx:Text width="100%" color="blue" 
-            text="Click and hold the mouse on the image to see blurImage effect. Release the mouse to see the unblurImage effect."/>
-
-        <mx:Image id="flex" source="@Embed(source='assets/ApacheFlexLogo.png')"
-            mouseDownEffect="{blurImage}" 
-            mouseUpEffect="{unblurImage}"/>
-
-    </mx:Panel>
-</mx:Application>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/effects/CompositeEffectExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/effects/CompositeEffectExample.mxml b/TourDeFlex/TourDeFlex3/src/effects/CompositeEffectExample.mxml
deleted file mode 100755
index aeadeed..0000000
--- a/TourDeFlex/TourDeFlex3/src/effects/CompositeEffectExample.mxml
+++ /dev/null
@@ -1,96 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!--
-  Licensed to the Apache Software Foundation (ASF) under one or more
-      contributor license agreements.  See the NOTICE file distributed with
-      this work for additional information regarding copyright ownership.
-      The ASF licenses this file to You under the Apache License, Version 2.0
-      (the "License"); you may not use this file except in compliance with
-      the License.  You may obtain a copy of the License at
-
-          http://www.apache.org/licenses/LICENSE-2.0
-
-      Unless required by applicable law or agreed to in writing, software
-      distributed under the License is distributed on an "AS IS" BASIS,
-      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-      See the License for the specific language governing permissions and
-      limitations under the License.
-  -->
-
-<!-- Simple example to demonstrate the Composite effect. -->
-<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
-
-    <fx:Script>
-        <![CDATA[
-
-    	import mx.effects.Move;
-    	import mx.effects.Sequence;
-    	import mx.effects.Parallel;
-	
-    	private var movesequenceA:Move;
-    	private var movesequenceB:Move;
-    	private var moveparallelbutton:Move;
-    	private var sequenceAB:Sequence;
-    	private var parallelAB:Parallel;
-
-   	private function startEffect(ax:Number, ay:Number, bx:Number, by:Number):void
-   	{
-            movesequenceA= new Move(a);
-            movesequenceB= new Move(b);
-            moveparallelbutton= new Move(button);
-            sequenceAB= new Sequence();
-            parallelAB= new Parallel();
-            
-            sequenceAB.addChild(movesequenceA);
-            sequenceAB.addChild(movesequenceB);
-            
-            parallelAB.addChild(moveparallelbutton);
-        
-            moveparallelbutton.xTo=0;
-	        moveparallelbutton.xFrom= 245;
-            moveparallelbutton.yFrom=85;
-            moveparallelbutton.duration= 4000;
-
-            movesequenceA.xTo= ax;
-            movesequenceA.xBy= 200;
-            movesequenceA.yTo= ay;
-            movesequenceA.yBy= 175;
-            movesequenceA.duration= 2000;
-            movesequenceB.yFrom =175;
-            movesequenceB.xTo= bx;
-            movesequenceB.xBy= 200;
-            movesequenceB.yTo= by;
-            movesequenceB.yBy= 200;
-            movesequenceB.duration= 2000;
-
-            sequenceAB.play();
-            parallelAB.play();
-        }
-        ]]>
-    </fx:Script>
-    
-    <mx:Panel title="Composite Effect" width="75%" height="75%">
-    <mx:Canvas id="canvas" width="100%" height="100%">
-
-        <mx:Label id="a" color="#009966" text="Sequence 1" 
-            height="{(canvas.height-20)/2}" 
-            width="{(canvas.width-20)/2}"
-            effectStart=" a.text= 'sequence 1 Running';"
-            effectEnd="a.text='sequence 1 ended!!!' "/>
-
-        <mx:Label id="b" x="0" y="175" color="#00CCFF"  
-            text="Sequence 2" 
-            height="{(canvas.height-20)/2}"
-            width="{(canvas.width-20)/2}" 
-            effectStart=" b.text= 'sequence 2 Running';"
-            effectEnd="b.text='sequence 2 ended!!'" />
-
-        <mx:Button id="button"  x="245" y="85"
-            label="Start effect" 
-            click="startEffect(200,175,200,0)"
-            effectStart="button.label='parallel effect running'"
-            effectEnd="button.label='parallel effect ended!!'"/>
-
-    </mx:Canvas>
-  
-  </mx:Panel>
-</mx:Application>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/effects/DefaultListEffectExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/effects/DefaultListEffectExample.mxml b/TourDeFlex/TourDeFlex3/src/effects/DefaultListEffectExample.mxml
deleted file mode 100755
index c12a994..0000000
--- a/TourDeFlex/TourDeFlex3/src/effects/DefaultListEffectExample.mxml
+++ /dev/null
@@ -1,77 +0,0 @@
-<?xml version="1.0"?>
-<!--
-  Licensed to the Apache Software Foundation (ASF) under one or more
-      contributor license agreements.  See the NOTICE file distributed with
-      this work for additional information regarding copyright ownership.
-      The ASF licenses this file to You under the Apache License, Version 2.0
-      (the "License"); you may not use this file except in compliance with
-      the License.  You may obtain a copy of the License at
-
-          http://www.apache.org/licenses/LICENSE-2.0
-
-      Unless required by applicable law or agreed to in writing, software
-      distributed under the License is distributed on an "AS IS" BASIS,
-      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-      See the License for the specific language governing permissions and
-      limitations under the License.
-  -->
-
-<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
-
-    <fx:Script>
-        <![CDATA[
-            import mx.effects.DefaultListEffect;
-            import mx.collections.ArrayCollection;
-            
-            [Bindable]
-            private var myDP:ArrayCollection = new ArrayCollection(
-                ['A','B','C','D','E','F','G','H']);
-            
-            private function deleteItem():void {
-                // As each item is removed, the index of the other items changes.
-                // So first get the items to delete, then determine their indices
-                // as you remove them.
-                var toRemove:Array = [];
-                for (var i:int = 0; i < list0.selectedItems.length; i++)
-                    toRemove.push(list0.selectedItems[i]);
-                for (i = 0; i < toRemove.length; i++)
-                    myDP.removeItemAt(myDP.getItemIndex(toRemove[i]));
-            }
-
-            private var zcount:int = 0;
-            private function addItem():void {
-                // Always add the new item after the third item,
-                // or after the last item if the length is less than 3.
-                myDP.addItemAt("Z"+zcount++,Math.min(3,myDP.length));
-            }            
-        ]]>
-    </fx:Script>
-
-	<fx:Declarations>
-	    <!-- Define an instance of the DefaultListEffect effect, 
-	         and set its fadeOutDuration and color properties. -->
-	    <mx:DefaultListEffect id="myDLE" 
-	        fadeOutDuration="1000" 
-	        color="0x0000ff"/>
-	</fx:Declarations>
-
-    <mx:Panel title="DefaultListEffect Example" width="75%" height="75%" 
-        paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10">
-
-        <mx:List id="list0" 
-            width="150"
-            dataProvider="{myDP}" 
-            variableRowHeight="true" 
-            fontSize="18" 
-            allowMultipleSelection="true" 
-            itemsChangeEffect="{myDLE}"/>
-    
-        <mx:Button 
-            label="Delete item" 
-            click="deleteItem();"/>
-        <mx:Button 
-            label="Add item" 
-            click="addItem();"/>
-
-    </mx:Panel> 
-</mx:Application>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/effects/DefaultTileListEffectExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/effects/DefaultTileListEffectExample.mxml b/TourDeFlex/TourDeFlex3/src/effects/DefaultTileListEffectExample.mxml
deleted file mode 100755
index 1a2dc73..0000000
--- a/TourDeFlex/TourDeFlex3/src/effects/DefaultTileListEffectExample.mxml
+++ /dev/null
@@ -1,79 +0,0 @@
-<?xml version="1.0"?>
-<!--
-  Licensed to the Apache Software Foundation (ASF) under one or more
-      contributor license agreements.  See the NOTICE file distributed with
-      this work for additional information regarding copyright ownership.
-      The ASF licenses this file to You under the Apache License, Version 2.0
-      (the "License"); you may not use this file except in compliance with
-      the License.  You may obtain a copy of the License at
-
-          http://www.apache.org/licenses/LICENSE-2.0
-
-      Unless required by applicable law or agreed to in writing, software
-      distributed under the License is distributed on an "AS IS" BASIS,
-      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-      See the License for the specific language governing permissions and
-      limitations under the License.
-  -->
-
-<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
-
-    <fx:Script>
-        <![CDATA[
-            import mx.effects.DefaultTileListEffect;
-            import mx.effects.easing.Elastic;
-            import mx.collections.ArrayCollection;
-            import mx.effects.Move;
-            
-            [Bindable]
-            private var myDP:ArrayCollection = new ArrayCollection(
-                ['A','B','C','D','E','F','G','H','I','J','K','L','M','N','O','P']);
-
-            private function deleteItems():void {
-                // As each item is removed, the index of the other items changes.
-                // So first get the items to delete, then determine their indices
-                // as you remove them.
-                var toRemove:Array = [];
-                for (var i:int = 0; i < tlist0.selectedItems.length; i++)
-                    toRemove.push(tlist0.selectedItems[i]);
-                for (i = 0; i < toRemove.length; i++)
-                    myDP.removeItemAt(myDP.getItemIndex(toRemove[i]));
-            }
-
-            private var zcount:int = 0;
-            private function addItems():void {
-                myDP.addItemAt("Z"+zcount++,Math.min(2,myDP.length));
-            }            
-        ]]>
-    </fx:Script>
-    
-	<fx:Declarations>
-	    <!-- Define an instance of the DefaultTileListEffect effect, 
-	         and set its moveDuration and color properties. -->
-	    <mx:DefaultTileListEffect id="myDTLE" 
-	        moveDuration="100" 
-	        color="0x0000ff"/>
-	</fx:Declarations>
-
-    <mx:Panel title="DefaultTileListEffect Example" width="75%" height="75%" 
-        paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10">
-
-        <mx:TileList id="tlist0" 
-            height="100%" width="100%" 
-            columnCount="4" rowCount="4" 
-            fontSize="18" fontWeight="bold"
-            direction="horizontal" 
-            dataProvider="{myDP}" 
-            allowMultipleSelection="true" 
-            offscreenExtraRowsOrColumns="2" 
-            itemsChangeEffect="{myDTLE}" />
-    
-        <mx:Button 
-            label="Delete selected item(s)" 
-            click="deleteItems();"/>
-        <mx:Button 
-            label="Add item" 
-            click="addItems();"/>
-
-    </mx:Panel> 
-</mx:Application>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/effects/DissolveEffectExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/effects/DissolveEffectExample.mxml b/TourDeFlex/TourDeFlex3/src/effects/DissolveEffectExample.mxml
deleted file mode 100755
index 5e40c20..0000000
--- a/TourDeFlex/TourDeFlex3/src/effects/DissolveEffectExample.mxml
+++ /dev/null
@@ -1,57 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!--
-  Licensed to the Apache Software Foundation (ASF) under one or more
-      contributor license agreements.  See the NOTICE file distributed with
-      this work for additional information regarding copyright ownership.
-      The ASF licenses this file to You under the Apache License, Version 2.0
-      (the "License"); you may not use this file except in compliance with
-      the License.  You may obtain a copy of the License at
-
-          http://www.apache.org/licenses/LICENSE-2.0
-
-      Unless required by applicable law or agreed to in writing, software
-      distributed under the License is distributed on an "AS IS" BASIS,
-      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-      See the License for the specific language governing permissions and
-      limitations under the License.
-  -->
-
-<!-- Simple example to demonstrate the Dissolve effect. -->
-<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
-
-	<fx:Declarations>
-	    <mx:Dissolve id="dissolveOut" duration="1000" alphaFrom="1.0" alphaTo="0.0"/>
-	    <mx:Dissolve id="dissolveIn" duration="1000" alphaFrom="0.0" alphaTo="1.0"/>
-	</fx:Declarations>
-	
-    <mx:Panel title="Dissolve Effect Example" 
-        width="95%" height="95%" layout="horizontal" 
-        paddingTop="5" paddingLeft="10" paddingRight="10" paddingBottom="5">
-
-        <mx:VBox height="100%">
-            <mx:Label text="Apache Flex"  
-                fontSize="14"
-                visible="{cb1.selected}"
-                hideEffect="{dissolveOut}" showEffect="{dissolveIn}"/>
-            
-            <mx:Image source="@Embed(source='assets/ApacheFlexLogo.png')" 
-                visible="{cb1.selected}"
-                hideEffect="{dissolveOut}" showEffect="{dissolveIn}"/>
-        </mx:VBox>
-            
-        <mx:VBox height="100%" width="100%">
-            <mx:Text width="100%" color="blue" 
-                text="Use the Dissolve effect to show or hide the text, image, and button."/>
-            
-                <mx:Spacer height="100%"/>
-            
-                <mx:Button label="Purchase" 
-                    visible="{cb1.selected}"
-                    hideEffect="{dissolveOut}" showEffect="{dissolveIn}"/>            
-        </mx:VBox>
-
-        <mx:ControlBar>
-            <mx:CheckBox id="cb1" label="visible" selected="true"/>
-        </mx:ControlBar>
-    </mx:Panel>
-</mx:Application>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/effects/FadeEffectExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/effects/FadeEffectExample.mxml b/TourDeFlex/TourDeFlex3/src/effects/FadeEffectExample.mxml
deleted file mode 100755
index 7e5c5b9..0000000
--- a/TourDeFlex/TourDeFlex3/src/effects/FadeEffectExample.mxml
+++ /dev/null
@@ -1,53 +0,0 @@
-<?xml version="1.0"?>
-<!--
-  Licensed to the Apache Software Foundation (ASF) under one or more
-      contributor license agreements.  See the NOTICE file distributed with
-      this work for additional information regarding copyright ownership.
-      The ASF licenses this file to You under the Apache License, Version 2.0
-      (the "License"); you may not use this file except in compliance with
-      the License.  You may obtain a copy of the License at
-
-          http://www.apache.org/licenses/LICENSE-2.0
-
-      Unless required by applicable law or agreed to in writing, software
-      distributed under the License is distributed on an "AS IS" BASIS,
-      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-      See the License for the specific language governing permissions and
-      limitations under the License.
-  -->
-
-<!-- Simple example to demonstrate the Fade effect. -->
-<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
-	
-	<fx:Style>
-	     @font-face {
-	        src:url("./assets/OpenSans-Regular.ttf");
-	        fontFamily: OpenSans;
-			embedAsCFF: false;
-	     }    
-	</fx:Style>
-    
-	<fx:Declarations>
-    	<mx:Fade id="fadeOut" duration="1000" alphaFrom="1.0" alphaTo="0.0"/>
-    	<mx:Fade id="fadeIn" duration="1000" alphaFrom="0.0" alphaTo="1.0"/>
-	</fx:Declarations>
-
-    <mx:Panel title="Fade Effect Example" width="95%" height="95%" 
-        paddingTop="5" paddingLeft="10" paddingRight="10" paddingBottom="5">
-
-        <mx:Text width="100%" color="blue" 
-            text="Use the Fade effect to show or hide the text and image. Use an embedded font when applying the Fade effect to text."/>
-
-        <mx:Label text="Apache Flex"  
-            fontFamily="OpenSans" fontSize="14"
-            visible="{cb1.selected}"
-            hideEffect="{fadeOut}" showEffect="{fadeIn}"/>
-            
-        <mx:Image source="@Embed(source='assets/ApacheFlexLogo.png')" 
-            visible="{cb1.selected}"
-            hideEffect="{fadeOut}" showEffect="{fadeIn}"/>
-            
-        <mx:CheckBox id="cb1" label="visible" selected="true"/>
-
-    </mx:Panel>
-</mx:Application>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/effects/GlowEffectExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/effects/GlowEffectExample.mxml b/TourDeFlex/TourDeFlex3/src/effects/GlowEffectExample.mxml
deleted file mode 100755
index f35b5f9..0000000
--- a/TourDeFlex/TourDeFlex3/src/effects/GlowEffectExample.mxml
+++ /dev/null
@@ -1,46 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!--
-  Licensed to the Apache Software Foundation (ASF) under one or more
-      contributor license agreements.  See the NOTICE file distributed with
-      this work for additional information regarding copyright ownership.
-      The ASF licenses this file to You under the Apache License, Version 2.0
-      (the "License"); you may not use this file except in compliance with
-      the License.  You may obtain a copy of the License at
-
-          http://www.apache.org/licenses/LICENSE-2.0
-
-      Unless required by applicable law or agreed to in writing, software
-      distributed under the License is distributed on an "AS IS" BASIS,
-      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-      See the License for the specific language governing permissions and
-      limitations under the License.
-  -->
-
-<!-- Simple example to demonstrate the Glow effect. -->
-<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
-
-	<fx:Declarations>
-	    <mx:Glow id="glowImage" duration="1000" 
-	        alphaFrom="1.0" alphaTo="0.3" 
-	        blurXFrom="0.0" blurXTo="50.0" 
-	        blurYFrom="0.0" blurYTo="50.0" 
-	        color="0x00FF00"/>
-	    <mx:Glow id="unglowImage" duration="1000" 
-	        alphaFrom="0.3" alphaTo="1.0" 
-	        blurXFrom="50.0" blurXTo="0.0" 
-	        blurYFrom="50.0" blurYTo="0.0" 
-	        color="0x0000FF"/>
-	</fx:Declarations>
-
-    <mx:Panel title="Glow Effect Example" width="75%" height="75%" 
-        paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10">
-
-        <mx:Text width="100%" color="blue"
-            text="Click and hold the mouse on the image to see glowImage effect. Release the mouse to see unglowImage effect."/>
-            
-        <mx:Image source="@Embed(source='assets/ApacheFlexLogo.png')" 
-            mouseDownEffect="{glowImage}" 
-            mouseUpEffect="{unglowImage}"/>
-        
-    </mx:Panel>
-</mx:Application>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/effects/IrisEffectExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/effects/IrisEffectExample.mxml b/TourDeFlex/TourDeFlex3/src/effects/IrisEffectExample.mxml
deleted file mode 100755
index 4189810..0000000
--- a/TourDeFlex/TourDeFlex3/src/effects/IrisEffectExample.mxml
+++ /dev/null
@@ -1,40 +0,0 @@
-<?xml version="1.0"?>
-<!--
-  Licensed to the Apache Software Foundation (ASF) under one or more
-      contributor license agreements.  See the NOTICE file distributed with
-      this work for additional information regarding copyright ownership.
-      The ASF licenses this file to You under the Apache License, Version 2.0
-      (the "License"); you may not use this file except in compliance with
-      the License.  You may obtain a copy of the License at
-
-          http://www.apache.org/licenses/LICENSE-2.0
-
-      Unless required by applicable law or agreed to in writing, software
-      distributed under the License is distributed on an "AS IS" BASIS,
-      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-      See the License for the specific language governing permissions and
-      limitations under the License.
-  -->
-
-<!-- Simple example to demonstrate the Iris effect. -->
-<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
-
-	<fx:Declarations>
-    	<mx:Iris id="irisOut" duration="1000" showTarget="true"/>
-    	<mx:Iris id="irisIn" duration="1000" showTarget="false"/>
-	</fx:Declarations>
-
-    <mx:Panel title="Iris Effect Example" width="75%" height="75%" 
-        paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10">
-
-        <mx:Text width="100%" color="blue" 
-            text="Use the Iris effect to show or hide the logo."/>
-
-        <mx:Image id="flex" source="@Embed(source='assets/ApacheFlexLogo.png')"  
-            visible="{cb1.selected}"
-            showEffect="{irisIn}" hideEffect="{irisOut}"/>
-
-        <mx:CheckBox id="cb1" label="visible" selected="true"/>
-
-    </mx:Panel>
-</mx:Application>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/effects/MoveEffectExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/effects/MoveEffectExample.mxml b/TourDeFlex/TourDeFlex3/src/effects/MoveEffectExample.mxml
deleted file mode 100755
index 5916c10..0000000
--- a/TourDeFlex/TourDeFlex3/src/effects/MoveEffectExample.mxml
+++ /dev/null
@@ -1,50 +0,0 @@
-<?xml version="1.0"?>
-<!--
-  Licensed to the Apache Software Foundation (ASF) under one or more
-      contributor license agreements.  See the NOTICE file distributed with
-      this work for additional information regarding copyright ownership.
-      The ASF licenses this file to You under the Apache License, Version 2.0
-      (the "License"); you may not use this file except in compliance with
-      the License.  You may obtain a copy of the License at
-
-          http://www.apache.org/licenses/LICENSE-2.0
-
-      Unless required by applicable law or agreed to in writing, software
-      distributed under the License is distributed on an "AS IS" BASIS,
-      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-      See the License for the specific language governing permissions and
-      limitations under the License.
-  -->
-
-<!-- Simple example to demonstrate the Move effect. -->
-<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
-
-    <fx:Script>
-        <![CDATA[
-
-            private function moveImage():void {
-                myMove.end();
-                myMove.xTo=mouseX-60; 
-                myMove.play();
-            }
-      ]]>
-    </fx:Script>
-
-	<fx:Declarations>
-    	<mx:Move id="myMove" target="{img}"/>
-	</fx:Declarations>
-
-    <mx:Panel title="Move Effect Example" width="95%" height="95%" 
-        paddingTop="5" paddingLeft="10" paddingRight="10" paddingBottom="5">
-
-       <mx:Text width="100%" color="blue" 
-           text="Click anywhere on the canvas to move the logo horizontally to that position"/>
-
-        <mx:Canvas id="canvas" width="100%" height="100%" mouseDown="moveImage();">
-
-            <mx:Image id="img" source="@Embed(source='assets/ApacheFlexLogo.png')"/>
-
-        </mx:Canvas>
-    
-    </mx:Panel>
-</mx:Application>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/effects/ParallelEffectExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/effects/ParallelEffectExample.mxml b/TourDeFlex/TourDeFlex3/src/effects/ParallelEffectExample.mxml
deleted file mode 100755
index e27f143..0000000
--- a/TourDeFlex/TourDeFlex3/src/effects/ParallelEffectExample.mxml
+++ /dev/null
@@ -1,51 +0,0 @@
-<?xml version="1.0"?>
-<!--
-  Licensed to the Apache Software Foundation (ASF) under one or more
-      contributor license agreements.  See the NOTICE file distributed with
-      this work for additional information regarding copyright ownership.
-      The ASF licenses this file to You under the Apache License, Version 2.0
-      (the "License"); you may not use this file except in compliance with
-      the License.  You may obtain a copy of the License at
-
-          http://www.apache.org/licenses/LICENSE-2.0
-
-      Unless required by applicable law or agreed to in writing, software
-      distributed under the License is distributed on an "AS IS" BASIS,
-      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-      See the License for the specific language governing permissions and
-      limitations under the License.
-  -->
-
-<!-- Simple example to demonstrate the Parallel effect. -->
-<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
-
-	<fx:Declarations>
-	   <mx:Parallel id="expand" target="{img}">
-	        <mx:Move xTo="{canvas.width/2 - 50}" yTo="{canvas.height/2 - 100}"/>
-	        <mx:Resize widthTo="100" heightTo="200"/>
-	    </mx:Parallel>
-	
-	    <mx:Parallel id="contract" target="{img}">
-	        <mx:Move xTo="20" yTo="20"/>
-	        <mx:Resize widthTo="30" heightTo="60"/>
-	    </mx:Parallel>
-	</fx:Declarations>
-
-    <mx:Panel title="Parallel Effect Example" width="100%" height="100%" 
-        paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10">
-
-        <mx:Text width="100%" color="blue" 
-            text="Use the Button controls to move and resize the logo in parallel."/>
-
-        <mx:Canvas id="canvas" width="100%" height="100%">
-            <mx:Image id="img" x="20" y="20" width="30" height="60"
-                source="@Embed(source='assets/ApacheFlexLogo.png')"/>
-        </mx:Canvas>
-
-        <mx:ControlBar>
-            <mx:Button label="Expand" click="expand.end(); expand.play();"/>
-            <mx:Button label="Contract" click="contract.end(); contract.play();"/>
-        </mx:ControlBar>
-
-    </mx:Panel>
-</mx:Application>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/effects/PauseEffectExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/effects/PauseEffectExample.mxml b/TourDeFlex/TourDeFlex3/src/effects/PauseEffectExample.mxml
deleted file mode 100755
index ba99162..0000000
--- a/TourDeFlex/TourDeFlex3/src/effects/PauseEffectExample.mxml
+++ /dev/null
@@ -1,47 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!--
-  Licensed to the Apache Software Foundation (ASF) under one or more
-      contributor license agreements.  See the NOTICE file distributed with
-      this work for additional information regarding copyright ownership.
-      The ASF licenses this file to You under the Apache License, Version 2.0
-      (the "License"); you may not use this file except in compliance with
-      the License.  You may obtain a copy of the License at
-
-          http://www.apache.org/licenses/LICENSE-2.0
-
-      Unless required by applicable law or agreed to in writing, software
-      distributed under the License is distributed on an "AS IS" BASIS,
-      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-      See the License for the specific language governing permissions and
-      limitations under the License.
-  -->
-
-<!-- Simple example to demonstrate the Pause effect. -->
-<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
-
-    <fx:Script>
-        <![CDATA[
-            import mx.effects.easing.*;                   
-        ]]>
-    </fx:Script>
-
-	<fx:Declarations>
-	    <mx:Sequence id="movePauseMove">
-	        <mx:Move xBy="150" duration="2000" easingFunction="Bounce.easeOut"/>
-	        <mx:Pause duration="2000"/>
-	        <mx:Move xBy="-150" duration="2000" easingFunction="Bounce.easeIn"/>
-	    </mx:Sequence>
-	</fx:Declarations>
-
-    <mx:Panel title="Pause Effect Example" width="75%" height="75%" 
-        paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10">
-
-        <mx:Text width="100%" color="blue" 
-		    text="Click the logo to start the Sequence effect. The effect pauses for 2 seconds between moves."/>
-
-        <mx:Image
-            source="@Embed(source='assets/ApacheFlexLogo.png')" 
-            mouseDownEffect="{movePauseMove}"/>
-
-    </mx:Panel>
-</mx:Application>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/effects/ResizeEffectExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/effects/ResizeEffectExample.mxml b/TourDeFlex/TourDeFlex3/src/effects/ResizeEffectExample.mxml
deleted file mode 100755
index 5be967d..0000000
--- a/TourDeFlex/TourDeFlex3/src/effects/ResizeEffectExample.mxml
+++ /dev/null
@@ -1,42 +0,0 @@
-<?xml version="1.0"?>
-<!--
-  Licensed to the Apache Software Foundation (ASF) under one or more
-      contributor license agreements.  See the NOTICE file distributed with
-      this work for additional information regarding copyright ownership.
-      The ASF licenses this file to You under the Apache License, Version 2.0
-      (the "License"); you may not use this file except in compliance with
-      the License.  You may obtain a copy of the License at
-
-          http://www.apache.org/licenses/LICENSE-2.0
-
-      Unless required by applicable law or agreed to in writing, software
-      distributed under the License is distributed on an "AS IS" BASIS,
-      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-      See the License for the specific language governing permissions and
-      limitations under the License.
-  -->
-
-<!-- Simple example to demonstrate the Resize effect. -->
-<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
-
-	<fx:Declarations>
-   		<mx:Resize id="expand" target="{img}" widthTo="100" heightTo="200"/>
-    	<mx:Resize id="contract" target="{img}" widthTo="30" heightTo="60"/>
-	</fx:Declarations>
-
-    <mx:Panel title="Resize Effect Example" width="100%" height="100%" 
-        paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10">
-
-        <mx:Text width="100%" color="blue" 
-            text="Use the Button controls to resize the image."/>
-
-        <mx:Image id="img" width="30" height="60"
-            source="@Embed(source='assets/ApacheFlexLogo.png')"/>
-
-        <mx:ControlBar>
-            <mx:Button label="Expand" click="expand.end(); expand.play();"/>
-            <mx:Button label="Contract" click="contract.end(); contract.play();"/>
-        </mx:ControlBar>
-
-    </mx:Panel>
-</mx:Application>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/effects/RotateEffectExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/effects/RotateEffectExample.mxml b/TourDeFlex/TourDeFlex3/src/effects/RotateEffectExample.mxml
deleted file mode 100755
index 4f1ad6b..0000000
--- a/TourDeFlex/TourDeFlex3/src/effects/RotateEffectExample.mxml
+++ /dev/null
@@ -1,66 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!--
-  Licensed to the Apache Software Foundation (ASF) under one or more
-      contributor license agreements.  See the NOTICE file distributed with
-      this work for additional information regarding copyright ownership.
-      The ASF licenses this file to You under the Apache License, Version 2.0
-      (the "License"); you may not use this file except in compliance with
-      the License.  You may obtain a copy of the License at
-
-          http://www.apache.org/licenses/LICENSE-2.0
-
-      Unless required by applicable law or agreed to in writing, software
-      distributed under the License is distributed on an "AS IS" BASIS,
-      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-      See the License for the specific language governing permissions and
-      limitations under the License.
-  -->
-
-<!-- Simple example to demonstrate the Rotate effect. -->
-<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
-
-    <fx:Script>
-        <![CDATA[
-            [Bindable]
-            public var angle:int=0;
-
-            private function rotateImage():void {
-                rotate.end();
-                angle += 45;
-                rotate.play();
-            }
-      ]]>
-    </fx:Script>
-
-	<fx:Style>
-	     @font-face {
-	        src:url("./assets/OpenSans-Regular.ttf");
-	        fontFamily: OpenSans;
-			embedAsCFF: false;
-	     }    
-	</fx:Style>
-
-	<fx:Declarations>
-    	<mx:Rotate id="rotate" angleFrom="{angle-45}" angleTo="{angle}" target="{myVB}"/>
-	</fx:Declarations>
-
-    <mx:Panel title="Rotate Effect Example" horizontalAlign="center" 
-        width="75%" height="75%" layout="horizontal"
-        paddingTop="5" paddingLeft="10" paddingRight="10" paddingBottom="5">
-
-        <mx:VBox id="myVB" width="50%" horizontalAlign="center">
-            <mx:Label text="Apache Flex"  
-                fontFamily="OpenSans" fontSize="14"/>
-
-            <mx:Image id="img" 
-                source="@Embed(source='assets/ApacheFlexLogo.png')"/>
-        </mx:VBox>
-
-        <mx:Text width="50%" color="blue" 
-            text="Click the button to rotate the image 45 degrees. Use an embedded font when applying the Rotate effect to text."/>
-
-        <mx:ControlBar>
-            <mx:Button label="Rotate 45 Degrees" click="rotateImage();"/>
-        </mx:ControlBar>
-    </mx:Panel>
-</mx:Application>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/effects/SequenceEffectExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/effects/SequenceEffectExample.mxml b/TourDeFlex/TourDeFlex3/src/effects/SequenceEffectExample.mxml
deleted file mode 100755
index 7875edf..0000000
--- a/TourDeFlex/TourDeFlex3/src/effects/SequenceEffectExample.mxml
+++ /dev/null
@@ -1,47 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!--
-  Licensed to the Apache Software Foundation (ASF) under one or more
-      contributor license agreements.  See the NOTICE file distributed with
-      this work for additional information regarding copyright ownership.
-      The ASF licenses this file to You under the Apache License, Version 2.0
-      (the "License"); you may not use this file except in compliance with
-      the License.  You may obtain a copy of the License at
-
-          http://www.apache.org/licenses/LICENSE-2.0
-
-      Unless required by applicable law or agreed to in writing, software
-      distributed under the License is distributed on an "AS IS" BASIS,
-      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-      See the License for the specific language governing permissions and
-      limitations under the License.
-  -->
-
-<!-- Simple example to demonstrate the Sequence effect. -->
-<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
-
-    <fx:Script>
-        <![CDATA[
-            import mx.effects.easing.*;                   
-        ]]>
-    </fx:Script>
-
-	<fx:Declarations>
-	    <mx:Sequence id="movePauseMove">
-	        <mx:Move xBy="150" duration="2000" easingFunction="Bounce.easeOut"/>
-	        <mx:Pause duration="2000"/>
-	        <mx:Move xBy="-150" duration="2000" easingFunction="Bounce.easeIn"/>
-	    </mx:Sequence>
-	</fx:Declarations>
-
-    <mx:Panel title="Sequence Effect Example" width="75%" height="75%" 
-        paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10">
-
-        <mx:Text width="100%" color="blue" 
-		    text="Click the logo to start the Sequence effect. The effect pauses for 2 seconds between moves."/>
-
-        <mx:Image
-            source="@Embed(source='assets/ApacheFlexLogo.png')" 
-            mouseDownEffect="{movePauseMove}"/>
-
-    </mx:Panel>
-</mx:Application>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/effects/SimpleEffectExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/effects/SimpleEffectExample.mxml b/TourDeFlex/TourDeFlex3/src/effects/SimpleEffectExample.mxml
deleted file mode 100755
index 74dbd5e..0000000
--- a/TourDeFlex/TourDeFlex3/src/effects/SimpleEffectExample.mxml
+++ /dev/null
@@ -1,67 +0,0 @@
-<?xml version="1.0"?>
-<!--
-  Licensed to the Apache Software Foundation (ASF) under one or more
-      contributor license agreements.  See the NOTICE file distributed with
-      this work for additional information regarding copyright ownership.
-      The ASF licenses this file to You under the Apache License, Version 2.0
-      (the "License"); you may not use this file except in compliance with
-      the License.  You may obtain a copy of the License at
-
-          http://www.apache.org/licenses/LICENSE-2.0
-
-      Unless required by applicable law or agreed to in writing, software
-      distributed under the License is distributed on an "AS IS" BASIS,
-      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-      See the License for the specific language governing permissions and
-      limitations under the License.
-  -->
-
-<!-- Simple example to demonstrate the Effect class. -->
-<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
-
-    <fx:Script>
-        <![CDATA[
-
-            import mx.controls.Alert;
-
-            // Event handler for the effectEnd event.            
-            private function endEffectHandler():void {
-                Alert.show("Effect Ended!");
-            }
-
-            // Event handler for the reset button.            
-            private function resetHandler():void {
-                expand.end(); 
-                img.width=30; 
-                img.height=60; 
-                button1.enabled=true;
-            }
-        ]]>
-    </fx:Script>
-
-
-	<fx:Declarations>
-	    <mx:Resize id="expand" target="{img}" widthTo="100" heightTo="200" 
-	        duration="10000" effectEnd="endEffectHandler();"/>
-	</fx:Declarations>
-
-    <mx:Panel title="Resize Effect Example" width="100%" height="100%" 
-        paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10">
-
-        <mx:Text width="100%" color="blue" 
-            text="Use the Button controls to control the Resize effect."/>
-
-        <mx:Image id="img" width="30" height="60"
-            source="@Embed(source='assets/ApacheFlexLogo.png')"/>
-     
-        <mx:ControlBar>
-            <mx:Button id="button1" label="Start" click="expand.play(); button1.enabled=false;"/>
-            <mx:Button label="Pause" click="expand.pause();"/>
-            <mx:Button label="Resume" click="expand.resume();"/>
-            <mx:Button label="Reverse" click="expand.reverse();"/>
-            <mx:Button label="End" click="expand.end();"/>
-            <mx:Button label="Reset" click="resetHandler();"/>
-        </mx:ControlBar>
-        
-    </mx:Panel>
-</mx:Application>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/effects/SimpleTweenEffectExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/effects/SimpleTweenEffectExample.mxml b/TourDeFlex/TourDeFlex3/src/effects/SimpleTweenEffectExample.mxml
deleted file mode 100755
index 28537f6..0000000
--- a/TourDeFlex/TourDeFlex3/src/effects/SimpleTweenEffectExample.mxml
+++ /dev/null
@@ -1,73 +0,0 @@
-<?xml version="1.0"?>
-<!--
-  Licensed to the Apache Software Foundation (ASF) under one or more
-      contributor license agreements.  See the NOTICE file distributed with
-      this work for additional information regarding copyright ownership.
-      The ASF licenses this file to You under the Apache License, Version 2.0
-      (the "License"); you may not use this file except in compliance with
-      the License.  You may obtain a copy of the License at
-
-          http://www.apache.org/licenses/LICENSE-2.0
-
-      Unless required by applicable law or agreed to in writing, software
-      distributed under the License is distributed on an "AS IS" BASIS,
-      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-      See the License for the specific language governing permissions and
-      limitations under the License.
-  -->
-
-<!-- Simple example to demonstrate the TweenEffect class. -->
-<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
-
-    <fx:Script>
-        <![CDATA[
-        
-            import mx.events.TweenEvent;
-
-            // Event handler for the tweenUpdate and tweenEnd effects.            
-            private function tweenUpdateHandler(event:TweenEvent):void {
-                // Access current width of the image.
-                currentWidth.text="Current width (in pixels): " + String(event.value[0]);
-            }
-
-            // Event handler for the reset button.            
-            private function resetHandler():void {
-                expand.end(); 
-                img.width=30; 
-                currentWidth.text="Current width (in pixels): 30";                
-                img.height=60; 
-                button1.enabled=true;
-            }
-        ]]>
-    </fx:Script>
-
-	<fx:Declarations>
-	    <mx:Resize id="expand" target="{img}" widthTo="100" heightTo="200" 
-	        duration="10000" 
-	        tweenUpdate="tweenUpdateHandler(event);" 
-	        tweenEnd="tweenUpdateHandler(event);"/>
-	</fx:Declarations>
-
-    <mx:Panel title="Resize Effect Example" width="100%" height="100%" 
-        paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10">
-
-        <mx:Text width="100%" color="blue" 
-            text="Use the Button controls to resize the image."/>
-
-        <mx:HBox width="100%">
-            <mx:Image id="img" width="30" height="60"
-                source="@Embed(source='assets/ApacheFlexLogo.png')"/>
-            <mx:Text id="currentWidth" height="20" width="100%"/>     
-        </mx:HBox>
-            
-        <mx:ControlBar>
-            <mx:Button id="button1" label="Start" click="expand.play(); button1.enabled=false;"/>
-            <mx:Button label="Pause" click="expand.pause();"/>
-            <mx:Button label="Resume" click="expand.resume();"/>
-            <mx:Button label="Reverse" click="expand.reverse();"/>
-            <mx:Button label="End" click="expand.end();"/>
-            <mx:Button label="Reset" click="resetHandler();"/>
-        </mx:ControlBar>
-        
-    </mx:Panel>
-</mx:Application>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/effects/SoundEffectExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/effects/SoundEffectExample.mxml b/TourDeFlex/TourDeFlex3/src/effects/SoundEffectExample.mxml
deleted file mode 100755
index ddfbdd3..0000000
--- a/TourDeFlex/TourDeFlex3/src/effects/SoundEffectExample.mxml
+++ /dev/null
@@ -1,36 +0,0 @@
-<?xml version="1.0"?>
-<!--
-  Licensed to the Apache Software Foundation (ASF) under one or more
-      contributor license agreements.  See the NOTICE file distributed with
-      this work for additional information regarding copyright ownership.
-      The ASF licenses this file to You under the Apache License, Version 2.0
-      (the "License"); you may not use this file except in compliance with
-      the License.  You may obtain a copy of the License at
-
-          http://www.apache.org/licenses/LICENSE-2.0
-
-      Unless required by applicable law or agreed to in writing, software
-      distributed under the License is distributed on an "AS IS" BASIS,
-      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-      See the License for the specific language governing permissions and
-      limitations under the License.
-  -->
-
-<!-- Simple example to demonstrate the SoundEffect effect. -->
-<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
-
-	<fx:Declarations>
-    	<mx:SoundEffect id="mySounds" source="@Embed(source='./assets/ping.mp3')"/>
-	</fx:Declarations>
-
-    <mx:Panel title="Sound Effect Example" width="75%" height="75%" 
-        paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10">
-
-        <mx:Label width="100%" color="blue" 
-            text="Click on the logo to hear the sound effect."/>
-
-        <mx:Image id="flex" source="@Embed(source='assets/ApacheFlexLogo.png')" 
-            mouseDownEffect="{mySounds}"/>
-
-    </mx:Panel>
-</mx:Application>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/effects/WipeDownExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/effects/WipeDownExample.mxml b/TourDeFlex/TourDeFlex3/src/effects/WipeDownExample.mxml
deleted file mode 100755
index 428ab66..0000000
--- a/TourDeFlex/TourDeFlex3/src/effects/WipeDownExample.mxml
+++ /dev/null
@@ -1,45 +0,0 @@
-<?xml version="1.0"?>
-<!--
-  Licensed to the Apache Software Foundation (ASF) under one or more
-      contributor license agreements.  See the NOTICE file distributed with
-      this work for additional information regarding copyright ownership.
-      The ASF licenses this file to You under the Apache License, Version 2.0
-      (the "License"); you may not use this file except in compliance with
-      the License.  You may obtain a copy of the License at
-
-          http://www.apache.org/licenses/LICENSE-2.0
-
-      Unless required by applicable law or agreed to in writing, software
-      distributed under the License is distributed on an "AS IS" BASIS,
-      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-      See the License for the specific language governing permissions and
-      limitations under the License.
-  -->
-
-<!-- Simple example to demonstrate the WipeDown effect. -->
-<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
-
-	<fx:Declarations>
-	    <mx:WipeDown id="wipeOut" duration="1000"/>
-	    <mx:WipeDown id="wipeIn" duration="1000"/>
-	</fx:Declarations>
-
-    <mx:Panel title="WipeDown Effect Example" width="95%" height="95%" 
-        paddingTop="5" paddingLeft="10" paddingRight="10" paddingBottom="5">
-
-        <mx:Text width="100%" color="blue" 
-            text="Use the WipeDown effect to show or hide the text and image."/>
-
-        <mx:Label text="Apache Flex"  
-            fontSize="14"
-            visible="{cb1.selected}"
-            hideEffect="{wipeOut}" showEffect="{wipeIn}"/>
-			
-        <mx:Image source="@Embed(source='assets/ApacheFlexLogo.png')" 
-            visible="{cb1.selected}"
-            hideEffect="{wipeOut}" showEffect="{wipeIn}"/>
-            
-        <mx:CheckBox id="cb1" label="visible" selected="true"/>
-
-    </mx:Panel>
-</mx:Application>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/effects/WipeLeftExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/effects/WipeLeftExample.mxml b/TourDeFlex/TourDeFlex3/src/effects/WipeLeftExample.mxml
deleted file mode 100755
index 7bf2a1f..0000000
--- a/TourDeFlex/TourDeFlex3/src/effects/WipeLeftExample.mxml
+++ /dev/null
@@ -1,45 +0,0 @@
-<?xml version="1.0"?>
-<!--
-  Licensed to the Apache Software Foundation (ASF) under one or more
-      contributor license agreements.  See the NOTICE file distributed with
-      this work for additional information regarding copyright ownership.
-      The ASF licenses this file to You under the Apache License, Version 2.0
-      (the "License"); you may not use this file except in compliance with
-      the License.  You may obtain a copy of the License at
-
-          http://www.apache.org/licenses/LICENSE-2.0
-
-      Unless required by applicable law or agreed to in writing, software
-      distributed under the License is distributed on an "AS IS" BASIS,
-      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-      See the License for the specific language governing permissions and
-      limitations under the License.
-  -->
-
-<!-- Simple example to demonstrate the WipeLeft effect. -->
-<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
-
-	<fx:Declarations>
-    	<mx:WipeLeft id="wipeOut" duration="1000"/>
-    	<mx:WipeLeft id="wipeIn" duration="1000"/>
-	</fx:Declarations>
-
-    <mx:Panel title="WipeLeft Effect Example" width="95%" height="95%" 
-        paddingTop="5" paddingLeft="10" paddingRight="10" paddingBottom="5">
-
-        <mx:Text width="100%" color="blue" 
-            text="Use the WipeLeft effect to show or hide the text and image."/>
-
-        <mx:Label text="Apache Flex"  
-            fontSize="14"
-            visible="{cb1.selected}"
-            hideEffect="{wipeOut}" showEffect="{wipeIn}"/>
-			
-        <mx:Image source="@Embed(source='assets/ApacheFlexLogo.png')" 
-            visible="{cb1.selected}"
-            hideEffect="{wipeOut}" showEffect="{wipeIn}"/>
-            
-        <mx:CheckBox id="cb1" label="visible" selected="true"/>
-
-    </mx:Panel>
-</mx:Application>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/effects/WipeRightExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/effects/WipeRightExample.mxml b/TourDeFlex/TourDeFlex3/src/effects/WipeRightExample.mxml
deleted file mode 100755
index 8469791..0000000
--- a/TourDeFlex/TourDeFlex3/src/effects/WipeRightExample.mxml
+++ /dev/null
@@ -1,45 +0,0 @@
-<?xml version="1.0"?>
-<!--
-  Licensed to the Apache Software Foundation (ASF) under one or more
-      contributor license agreements.  See the NOTICE file distributed with
-      this work for additional information regarding copyright ownership.
-      The ASF licenses this file to You under the Apache License, Version 2.0
-      (the "License"); you may not use this file except in compliance with
-      the License.  You may obtain a copy of the License at
-
-          http://www.apache.org/licenses/LICENSE-2.0
-
-      Unless required by applicable law or agreed to in writing, software
-      distributed under the License is distributed on an "AS IS" BASIS,
-      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-      See the License for the specific language governing permissions and
-      limitations under the License.
-  -->
-
-<!-- Simple example to demonstrate the WipeRight effect. -->
-<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
-
-	<fx:Declarations>
-    	<mx:WipeRight id="wipeOut" duration="1000"/>
-    	<mx:WipeRight id="wipeIn" duration="1000"/>
-	</fx:Declarations>
-
-    <mx:Panel title="WipeRight Effect Example" width="95%" height="95%" 
-        paddingTop="5" paddingLeft="10" paddingRight="10" paddingBottom="5">
-
-        <mx:Text width="100%" color="blue" 
-            text="Use the WipeRight effect to show or hide the text and image."/>
-
-        <mx:Label text="Apache Flex"  
-            fontSize="14"
-            visible="{cb1.selected}"
-            hideEffect="{wipeOut}" showEffect="{wipeIn}"/>
-			
-        <mx:Image source="@Embed(source='assets/ApacheFlexLogo.png')" 
-            visible="{cb1.selected}"
-            hideEffect="{wipeOut}" showEffect="{wipeIn}"/>
-            
-        <mx:CheckBox id="cb1" label="visible" selected="true"/>
-
-    </mx:Panel>
-</mx:Application>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/effects/WipeUpExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/effects/WipeUpExample.mxml b/TourDeFlex/TourDeFlex3/src/effects/WipeUpExample.mxml
deleted file mode 100755
index 086fb1d..0000000
--- a/TourDeFlex/TourDeFlex3/src/effects/WipeUpExample.mxml
+++ /dev/null
@@ -1,45 +0,0 @@
-<?xml version="1.0"?>
-<!--
-  Licensed to the Apache Software Foundation (ASF) under one or more
-      contributor license agreements.  See the NOTICE file distributed with
-      this work for additional information regarding copyright ownership.
-      The ASF licenses this file to You under the Apache License, Version 2.0
-      (the "License"); you may not use this file except in compliance with
-      the License.  You may obtain a copy of the License at
-
-          http://www.apache.org/licenses/LICENSE-2.0
-
-      Unless required by applicable law or agreed to in writing, software
-      distributed under the License is distributed on an "AS IS" BASIS,
-      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-      See the License for the specific language governing permissions and
-      limitations under the License.
-  -->
-
-<!-- Simple example to demonstrate the WipeUp effect. -->
-<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
-
-	<fx:Declarations>
-    	<mx:WipeUp id="wipeOut" duration="1000"/>
-    	<mx:WipeUp id="wipeIn" duration="1000"/>
-	</fx:Declarations>
-
-    <mx:Panel title="WipeUp Effect Example" width="95%" height="95%" 
-        paddingTop="5" paddingLeft="10" paddingRight="10" paddingBottom="5">
-
-        <mx:Text width="100%" color="blue" 
-            text="Use the WipeUp effect to show or hide the text and image."/>
-
-        <mx:Label text="Apache Flex"  
-            fontSize="14"
-            visible="{cb1.selected}"
-            hideEffect="{wipeOut}" showEffect="{wipeIn}"/>
-			
-        <mx:Image source="@Embed(source='assets/ApacheFlexLogo.png')" 
-            visible="{cb1.selected}"
-            hideEffect="{wipeOut}" showEffect="{wipeIn}"/>
-            
-        <mx:CheckBox id="cb1" label="visible" selected="true"/>
-
-    </mx:Panel>
-</mx:Application>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/effects/ZoomEffectExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/effects/ZoomEffectExample.mxml b/TourDeFlex/TourDeFlex3/src/effects/ZoomEffectExample.mxml
deleted file mode 100755
index 5183a59..0000000
--- a/TourDeFlex/TourDeFlex3/src/effects/ZoomEffectExample.mxml
+++ /dev/null
@@ -1,56 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!--
-  Licensed to the Apache Software Foundation (ASF) under one or more
-      contributor license agreements.  See the NOTICE file distributed with
-      this work for additional information regarding copyright ownership.
-      The ASF licenses this file to You under the Apache License, Version 2.0
-      (the "License"); you may not use this file except in compliance with
-      the License.  You may obtain a copy of the License at
-
-          http://www.apache.org/licenses/LICENSE-2.0
-
-      Unless required by applicable law or agreed to in writing, software
-      distributed under the License is distributed on an "AS IS" BASIS,
-      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-      See the License for the specific language governing permissions and
-      limitations under the License.
-  -->
-
-<!-- Simple example to demonstrate the Zoom effect. -->
-<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
-
-    <fx:Script>
-        <![CDATA[		
-            import flash.events.MouseEvent;
-		
-            public function doZoom(event:MouseEvent):void {
-                if (zoomAll.isPlaying) {
-                    zoomAll.reverse();
-                }
-                else {
-                    // If this is a ROLL_OUT event, play the effect backwards. 
-                    // If this is a ROLL_OVER event, play the effect forwards.
-                    zoomAll.play([event.target], event.type == MouseEvent.ROLL_OUT ? true : false);
-                }
-            }
-        ]]>	
-    </fx:Script>
-
-	<fx:Declarations>
-   		<mx:Zoom id="zoomAll" zoomWidthTo="1" zoomHeightTo="1" zoomWidthFrom=".5" zoomHeightFrom=".5"  />
-	</fx:Declarations>
-	
-    <mx:Panel title="Zoom Effect Example" width="95%" height="95%" horizontalAlign="center"
-        paddingTop="5" paddingLeft="10" paddingRight="10" paddingBottom="5">
-
-        <mx:Text width="100%" color="blue"
-            text="Move the mouse over the image to enlarge it. Move the mouse off of the image to shrink it."/>
-
-        <mx:Image id="img"
-            source="@Embed(source='assets/ApacheFlexLogo.png')"
-            scaleX=".5" scaleY=".5"
-            rollOver="doZoom(event)"
-            rollOut="doZoom(event)"/>
-
-    </mx:Panel>
-</mx:Application>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/effects/assets/ApacheFlexLogo.png
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/effects/assets/ApacheFlexLogo.png b/TourDeFlex/TourDeFlex3/src/effects/assets/ApacheFlexLogo.png
deleted file mode 100644
index 4ff037f..0000000
Binary files a/TourDeFlex/TourDeFlex3/src/effects/assets/ApacheFlexLogo.png and /dev/null differ

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/effects/assets/OpenSans-Regular.ttf
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/effects/assets/OpenSans-Regular.ttf b/TourDeFlex/TourDeFlex3/src/effects/assets/OpenSans-Regular.ttf
deleted file mode 100644
index db43334..0000000
Binary files a/TourDeFlex/TourDeFlex3/src/effects/assets/OpenSans-Regular.ttf and /dev/null differ

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/effects/assets/ping.mp3
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/effects/assets/ping.mp3 b/TourDeFlex/TourDeFlex3/src/effects/assets/ping.mp3
deleted file mode 100644
index 2eb90ea..0000000
Binary files a/TourDeFlex/TourDeFlex3/src/effects/assets/ping.mp3 and /dev/null differ

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/formatters/CurrencyFormatterExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/formatters/CurrencyFormatterExample.mxml b/TourDeFlex/TourDeFlex3/src/formatters/CurrencyFormatterExample.mxml
deleted file mode 100755
index fc6efc3..0000000
--- a/TourDeFlex/TourDeFlex3/src/formatters/CurrencyFormatterExample.mxml
+++ /dev/null
@@ -1,73 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!--
-  Licensed to the Apache Software Foundation (ASF) under one or more
-      contributor license agreements.  See the NOTICE file distributed with
-      this work for additional information regarding copyright ownership.
-      The ASF licenses this file to You under the Apache License, Version 2.0
-      (the "License"); you may not use this file except in compliance with
-      the License.  You may obtain a copy of the License at
-
-          http://www.apache.org/licenses/LICENSE-2.0
-
-      Unless required by applicable law or agreed to in writing, software
-      distributed under the License is distributed on an "AS IS" BASIS,
-      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-      See the License for the specific language governing permissions and
-      limitations under the License.
-  -->
-
-<!-- Simple example to demonstrate the CurrencyFormatter. -->
-<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
-
-    <fx:Script>
-        <![CDATA[
-
-              import mx.events.ValidationResultEvent;			
-              private var vResult:ValidationResultEvent;
-			
-              // Event handler to validate and format input.
-              private function Format():void {
-              
-                 	vResult = numVal.validate();
-
-    				if (vResult.type==ValidationResultEvent.VALID) {
-                        var temp:Number=Number(priceUS.text); 
-                        formattedUSPrice.text= usdFormatter.format(temp);
-                    }
-                    
-                    else {
-                       formattedUSPrice.text="";
-                    }
-              }
-        ]]>
-    </fx:Script>
-
-	<fx:Declarations>
-	    <mx:CurrencyFormatter id="usdFormatter" precision="2" 
-	        currencySymbol="$" decimalSeparatorFrom="."
-	        decimalSeparatorTo="." useNegativeSign="true" 
-	        useThousandsSeparator="true" alignSymbol="left"/>
-	
-	    <mx:NumberValidator id="numVal" source="{priceUS}" property="text" 
-	        allowNegative="true" domain="real"/>	
-	</fx:Declarations>
-
-    <mx:Panel title="CurrencyFormatter Example" width="75%" height="75%" 
-        paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10">
-
-        <mx:Form>
-            <mx:FormItem label="Enter U.S. dollar amount:">
-                <mx:TextInput id="priceUS" text="" width="50%"/>
-            </mx:FormItem>
-
-            <mx:FormItem label="Formatted amount: ">
-                <mx:TextInput id="formattedUSPrice" text="" width="50%" editable="false"/>
-            </mx:FormItem>
-
-            <mx:FormItem>
-                <mx:Button label="Validate and Format" click="Format();"/>
-            </mx:FormItem>
-        </mx:Form>
-
-    </mx:Panel>
-</mx:Application>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/formatters/DateFormatterExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/formatters/DateFormatterExample.mxml b/TourDeFlex/TourDeFlex3/src/formatters/DateFormatterExample.mxml
deleted file mode 100755
index 3a9ce07..0000000
--- a/TourDeFlex/TourDeFlex3/src/formatters/DateFormatterExample.mxml
+++ /dev/null
@@ -1,67 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!--
-  Licensed to the Apache Software Foundation (ASF) under one or more
-      contributor license agreements.  See the NOTICE file distributed with
-      this work for additional information regarding copyright ownership.
-      The ASF licenses this file to You under the Apache License, Version 2.0
-      (the "License"); you may not use this file except in compliance with
-      the License.  You may obtain a copy of the License at
-
-          http://www.apache.org/licenses/LICENSE-2.0
-
-      Unless required by applicable law or agreed to in writing, software
-      distributed under the License is distributed on an "AS IS" BASIS,
-      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-      See the License for the specific language governing permissions and
-      limitations under the License.
-  -->
-
-<!-- Simple example to demonstrate the DateFormatter. -->
-<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
-
-    <fx:Script>
-        <![CDATA[
-
-            import mx.events.ValidationResultEvent;			
-            private var vResult:ValidationResultEvent;
-
-            // Event handler to validate and format input.            
-            private function Format():void
-            {
-                vResult = dateVal.validate();
-                if (vResult.type==ValidationResultEvent.VALID) {
-                    formattedDate.text=dateFormatter.format(dob.text);
-                }
-              
-                else {
-                    formattedDate.text= "";
-                }
-            }
-        ]]>
-    </fx:Script>
-
-	<fx:Declarations>
-	    <mx:DateFormatter id="dateFormatter" formatString="month: MM, day: DD, year: YYYY"/>
-	
-	    <mx:DateValidator id="dateVal" source="{dob}" property="text" inputFormat="mm/dd/yyyy"/>
-	</fx:Declarations>
-	
-    <mx:Panel title="DateFormatter Example" width="95%" height="95%" 
-            paddingTop="10" paddingLeft="5" paddingRight="5" paddingBottom="10">
-
-        <mx:Form width="100%">
-            <mx:FormItem label="Enter date (mm/dd/yyyy):" width="100%">
-                <mx:TextInput id="dob" text=""/>
-            </mx:FormItem>
-
-            <mx:FormItem label="Formatted date: " width="100%">
-                <mx:TextInput id="formattedDate" text="" editable="false"/>
-            </mx:FormItem>
-
-            <mx:FormItem>
-                <mx:Button label="Validate and Format" click="Format();"/>
-            </mx:FormItem>
-        </mx:Form>
-
-    </mx:Panel>
-</mx:Application>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/formatters/NumberFormatterExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/formatters/NumberFormatterExample.mxml b/TourDeFlex/TourDeFlex3/src/formatters/NumberFormatterExample.mxml
deleted file mode 100755
index 4b9ced1..0000000
--- a/TourDeFlex/TourDeFlex3/src/formatters/NumberFormatterExample.mxml
+++ /dev/null
@@ -1,70 +0,0 @@
-<?xml version="1.0"?>
-<!--
-  Licensed to the Apache Software Foundation (ASF) under one or more
-      contributor license agreements.  See the NOTICE file distributed with
-      this work for additional information regarding copyright ownership.
-      The ASF licenses this file to You under the Apache License, Version 2.0
-      (the "License"); you may not use this file except in compliance with
-      the License.  You may obtain a copy of the License at
-
-          http://www.apache.org/licenses/LICENSE-2.0
-
-      Unless required by applicable law or agreed to in writing, software
-      distributed under the License is distributed on an "AS IS" BASIS,
-      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-      See the License for the specific language governing permissions and
-      limitations under the License.
-  -->
-
-<!-- Simple example to demonstrate NumberFormatter. -->
-<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
-
-    <fx:Script>
-        <![CDATA[
-
-          import mx.events.ValidationResultEvent;			
-          private var vResult:ValidationResultEvent;
-
-          // Event handler to validate and format input.            
-          private function Format():void
-          {
-             vResult = numVal.validate();
-			 if (vResult.type==ValidationResultEvent.VALID) {
-			 
-                formattedNumber.text= numberFormatter.format(inputVal.text);
-             }
-             
-             else {
-                formattedNumber.text= "";
-             }
-          }
-      ]]>      
-    </fx:Script>
-
-	<fx:Declarations>
-	    <mx:NumberFormatter id="numberFormatter" precision="4" 
-	        useThousandsSeparator="true" useNegativeSign="true"/>
-	
-	    <mx:NumberValidator id="numVal" source="{inputVal}" property="text" 
-	        allowNegative="true" domain="real"/>
-	</fx:Declarations>
-
-    <mx:Panel title="NumberFormatter Example" width="75%" height="75%" 
-            paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10">
-
-        <mx:Form>
-            <mx:FormItem label="Enter number:">
-                <mx:TextInput id="inputVal" text="" width="50%"/>
-            </mx:FormItem>
-
-            <mx:FormItem label="Formatted number (precision=4): ">
-                <mx:TextInput id="formattedNumber" editable="false" width="50%"/>
-            </mx:FormItem>
-
-            <mx:FormItem>
-                <mx:Button label="Validate and Format" click="Format();"/>
-            </mx:FormItem>
-        </mx:Form>
-        
-    </mx:Panel>
-</mx:Application>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/formatters/PhoneFormatterExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/formatters/PhoneFormatterExample.mxml b/TourDeFlex/TourDeFlex3/src/formatters/PhoneFormatterExample.mxml
deleted file mode 100755
index 99c90d2..0000000
--- a/TourDeFlex/TourDeFlex3/src/formatters/PhoneFormatterExample.mxml
+++ /dev/null
@@ -1,69 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!--
-  Licensed to the Apache Software Foundation (ASF) under one or more
-      contributor license agreements.  See the NOTICE file distributed with
-      this work for additional information regarding copyright ownership.
-      The ASF licenses this file to You under the Apache License, Version 2.0
-      (the "License"); you may not use this file except in compliance with
-      the License.  You may obtain a copy of the License at
-
-          http://www.apache.org/licenses/LICENSE-2.0
-
-      Unless required by applicable law or agreed to in writing, software
-      distributed under the License is distributed on an "AS IS" BASIS,
-      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-      See the License for the specific language governing permissions and
-      limitations under the License.
-  -->
-
-<!-- Simple example to demonstrate PhoneFormatter. -->
-<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
-
-    <fx:Script>
-        <![CDATA[
-                
-            import mx.events.ValidationResultEvent;			
-            private var vResult:ValidationResultEvent;
-
-            // Event handler to validate and format input.            
-            private function Format():void
-            {
-                vResult = pnVal.validate();
-                if (vResult.type==ValidationResultEvent.VALID) {
-                    formattedPhone.text= phoneFormatter.format(phone.text);
-                }
-              
-                else {
-                    formattedPhone.text= "";
-                }
-            }
-        ]]>
-    </fx:Script>
-
-	<fx:Declarations>
-	    <mx:PhoneFormatter id="phoneFormatter" 
-	        formatString="(###) ###-####" validPatternChars="#-() "/>
-	
-	    <mx:PhoneNumberValidator id="pnVal" source="{phone}" property="text" 
-	            allowedFormatChars=""/>
-	</fx:Declarations>
-
-    <mx:Panel title="PhoneFormatter Example" width="75%" height="75%" 
-            paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10">
-
-        <mx:Form>
-            <mx:FormItem label="Enter a 10-digit phone number:">
-                <mx:TextInput id="phone" text="" width="75%"/>
-            </mx:FormItem>
-
-            <mx:FormItem label="Formatted phone number: ">
-                <mx:TextInput id="formattedPhone" text="" width="75%" editable="false"/>
-            </mx:FormItem>
-
-            <mx:FormItem>
-                <mx:Button label="Validate and Format" click="Format();"/>
-            </mx:FormItem>
-        </mx:Form>
-
-    </mx:Panel>
-</mx:Application>


[03/10] moved mx example files to mx directory

Posted by jm...@apache.org.
http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/mx/effects/DefaultTileListEffectExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/mx/effects/DefaultTileListEffectExample.mxml b/TourDeFlex/TourDeFlex3/src/mx/effects/DefaultTileListEffectExample.mxml
new file mode 100755
index 0000000..9cbc514
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/mx/effects/DefaultTileListEffectExample.mxml
@@ -0,0 +1,79 @@
+<?xml version="1.0"?>
+<!--
+  Licensed to the Apache Software Foundation (ASF) under one or more
+      contributor license agreements.  See the NOTICE file distributed with
+      this work for additional information regarding copyright ownership.
+      The ASF licenses this file to You under the Apache License, Version 2.0
+      (the "License"); you may not use this file except in compliance with
+      the License.  You may obtain a copy of the License at
+
+          http://www.apache.org/licenses/LICENSE-2.0
+
+      Unless required by applicable law or agreed to in writing, software
+      distributed under the License is distributed on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+      See the License for the specific language governing permissions and
+      limitations under the License.
+  -->
+
+<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
+
+    <fx:Script>
+        <![CDATA[
+            import mx.effects.DefaultTileListEffect;
+            import mx.effects.easing.Elastic;
+            import mx.collections.ArrayCollection;
+            import mx.effects.Move;
+            
+            [Bindable]
+            private var myDP:ArrayCollection = new ArrayCollection(
+                ['A','B','C','D','E','F','G','H','I','J','K','L','M','N','O','P']);
+
+            private function deleteItems():void {
+                // As each item is removed, the index of the other items changes.
+                // So first get the items to delete, then determine their indices
+                // as you remove them.
+                var toRemove:Array = [];
+                for (var i:int = 0; i < tlist0.selectedItems.length; i++)
+                    toRemove.push(tlist0.selectedItems[i]);
+                for (i = 0; i < toRemove.length; i++)
+                    myDP.removeItemAt(myDP.getItemIndex(toRemove[i]));
+            }
+
+            private var zcount:int = 0;
+            private function addItems():void {
+                myDP.addItemAt("Z"+zcount++,Math.min(2,myDP.length));
+            }            
+        ]]>
+    </fx:Script>
+    
+	<fx:Declarations>
+	    <!-- Define an instance of the DefaultTileListEffect effect, 
+	         and set its moveDuration and color properties. -->
+	    <mx:DefaultTileListEffect id="myDTLE" 
+	        moveDuration="100" 
+	        color="0x0000ff"/>
+	</fx:Declarations>
+
+    <mx:Panel title="DefaultTileListEffect Example" width="75%" height="75%" 
+        paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10">
+
+        <mx:TileList id="tlist0" 
+            height="100%" width="100%" 
+            columnCount="4" rowCount="4" 
+            fontSize="18" fontWeight="bold"
+            direction="horizontal" 
+            dataProvider="{myDP}" 
+            allowMultipleSelection="true" 
+            offscreenExtraRowsOrColumns="2" 
+            itemsChangeEffect="{myDTLE}" />
+    
+        <mx:Button 
+            label="Delete selected item(s)" 
+            click="deleteItems();"/>
+        <mx:Button 
+            label="Add item" 
+            click="addItems();"/>
+
+    </mx:Panel> 
+</mx:Application>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/mx/effects/DissolveEffectExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/mx/effects/DissolveEffectExample.mxml b/TourDeFlex/TourDeFlex3/src/mx/effects/DissolveEffectExample.mxml
new file mode 100755
index 0000000..958eab9
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/mx/effects/DissolveEffectExample.mxml
@@ -0,0 +1,57 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!--
+  Licensed to the Apache Software Foundation (ASF) under one or more
+      contributor license agreements.  See the NOTICE file distributed with
+      this work for additional information regarding copyright ownership.
+      The ASF licenses this file to You under the Apache License, Version 2.0
+      (the "License"); you may not use this file except in compliance with
+      the License.  You may obtain a copy of the License at
+
+          http://www.apache.org/licenses/LICENSE-2.0
+
+      Unless required by applicable law or agreed to in writing, software
+      distributed under the License is distributed on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+      See the License for the specific language governing permissions and
+      limitations under the License.
+  -->
+
+<!-- Simple example to demonstrate the Dissolve effect. -->
+<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
+
+	<fx:Declarations>
+	    <mx:Dissolve id="dissolveOut" duration="1000" alphaFrom="1.0" alphaTo="0.0"/>
+	    <mx:Dissolve id="dissolveIn" duration="1000" alphaFrom="0.0" alphaTo="1.0"/>
+	</fx:Declarations>
+	
+    <mx:Panel title="Dissolve Effect Example" 
+        width="95%" height="95%" layout="horizontal" 
+        paddingTop="5" paddingLeft="10" paddingRight="10" paddingBottom="5">
+
+        <mx:VBox height="100%">
+            <mx:Label text="Apache Flex"  
+                fontSize="14"
+                visible="{cb1.selected}"
+                hideEffect="{dissolveOut}" showEffect="{dissolveIn}"/>
+            
+            <mx:Image source="@Embed(source='assets/ApacheFlexLogo.png')" 
+                visible="{cb1.selected}"
+                hideEffect="{dissolveOut}" showEffect="{dissolveIn}"/>
+        </mx:VBox>
+            
+        <mx:VBox height="100%" width="100%">
+            <mx:Text width="100%" color="blue" 
+                text="Use the Dissolve effect to show or hide the text, image, and button."/>
+            
+                <mx:Spacer height="100%"/>
+            
+                <mx:Button label="Purchase" 
+                    visible="{cb1.selected}"
+                    hideEffect="{dissolveOut}" showEffect="{dissolveIn}"/>            
+        </mx:VBox>
+
+        <mx:ControlBar>
+            <mx:CheckBox id="cb1" label="visible" selected="true"/>
+        </mx:ControlBar>
+    </mx:Panel>
+</mx:Application>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/mx/effects/FadeEffectExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/mx/effects/FadeEffectExample.mxml b/TourDeFlex/TourDeFlex3/src/mx/effects/FadeEffectExample.mxml
new file mode 100755
index 0000000..576e5c7
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/mx/effects/FadeEffectExample.mxml
@@ -0,0 +1,53 @@
+<?xml version="1.0"?>
+<!--
+  Licensed to the Apache Software Foundation (ASF) under one or more
+      contributor license agreements.  See the NOTICE file distributed with
+      this work for additional information regarding copyright ownership.
+      The ASF licenses this file to You under the Apache License, Version 2.0
+      (the "License"); you may not use this file except in compliance with
+      the License.  You may obtain a copy of the License at
+
+          http://www.apache.org/licenses/LICENSE-2.0
+
+      Unless required by applicable law or agreed to in writing, software
+      distributed under the License is distributed on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+      See the License for the specific language governing permissions and
+      limitations under the License.
+  -->
+
+<!-- Simple example to demonstrate the Fade effect. -->
+<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
+	
+	<fx:Style>
+	     @font-face {
+	        src:url("./assets/OpenSans-Regular.ttf");
+	        fontFamily: OpenSans;
+			embedAsCFF: false;
+	     }    
+	</fx:Style>
+    
+	<fx:Declarations>
+    	<mx:Fade id="fadeOut" duration="1000" alphaFrom="1.0" alphaTo="0.0"/>
+    	<mx:Fade id="fadeIn" duration="1000" alphaFrom="0.0" alphaTo="1.0"/>
+	</fx:Declarations>
+
+    <mx:Panel title="Fade Effect Example" width="95%" height="95%" 
+        paddingTop="5" paddingLeft="10" paddingRight="10" paddingBottom="5">
+
+        <mx:Text width="100%" color="blue" 
+            text="Use the Fade effect to show or hide the text and image. Use an embedded font when applying the Fade effect to text."/>
+
+        <mx:Label text="Apache Flex"  
+            fontFamily="OpenSans" fontSize="14"
+            visible="{cb1.selected}"
+            hideEffect="{fadeOut}" showEffect="{fadeIn}"/>
+            
+        <mx:Image source="@Embed(source='assets/ApacheFlexLogo.png')" 
+            visible="{cb1.selected}"
+            hideEffect="{fadeOut}" showEffect="{fadeIn}"/>
+            
+        <mx:CheckBox id="cb1" label="visible" selected="true"/>
+
+    </mx:Panel>
+</mx:Application>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/mx/effects/GlowEffectExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/mx/effects/GlowEffectExample.mxml b/TourDeFlex/TourDeFlex3/src/mx/effects/GlowEffectExample.mxml
new file mode 100755
index 0000000..411eeda
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/mx/effects/GlowEffectExample.mxml
@@ -0,0 +1,46 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!--
+  Licensed to the Apache Software Foundation (ASF) under one or more
+      contributor license agreements.  See the NOTICE file distributed with
+      this work for additional information regarding copyright ownership.
+      The ASF licenses this file to You under the Apache License, Version 2.0
+      (the "License"); you may not use this file except in compliance with
+      the License.  You may obtain a copy of the License at
+
+          http://www.apache.org/licenses/LICENSE-2.0
+
+      Unless required by applicable law or agreed to in writing, software
+      distributed under the License is distributed on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+      See the License for the specific language governing permissions and
+      limitations under the License.
+  -->
+
+<!-- Simple example to demonstrate the Glow effect. -->
+<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
+
+	<fx:Declarations>
+	    <mx:Glow id="glowImage" duration="1000" 
+	        alphaFrom="1.0" alphaTo="0.3" 
+	        blurXFrom="0.0" blurXTo="50.0" 
+	        blurYFrom="0.0" blurYTo="50.0" 
+	        color="0x00FF00"/>
+	    <mx:Glow id="unglowImage" duration="1000" 
+	        alphaFrom="0.3" alphaTo="1.0" 
+	        blurXFrom="50.0" blurXTo="0.0" 
+	        blurYFrom="50.0" blurYTo="0.0" 
+	        color="0x0000FF"/>
+	</fx:Declarations>
+
+    <mx:Panel title="Glow Effect Example" width="75%" height="75%" 
+        paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10">
+
+        <mx:Text width="100%" color="blue"
+            text="Click and hold the mouse on the image to see glowImage effect. Release the mouse to see unglowImage effect."/>
+            
+        <mx:Image source="@Embed(source='assets/ApacheFlexLogo.png')" 
+            mouseDownEffect="{glowImage}" 
+            mouseUpEffect="{unglowImage}"/>
+        
+    </mx:Panel>
+</mx:Application>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/mx/effects/IrisEffectExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/mx/effects/IrisEffectExample.mxml b/TourDeFlex/TourDeFlex3/src/mx/effects/IrisEffectExample.mxml
new file mode 100755
index 0000000..02d317d
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/mx/effects/IrisEffectExample.mxml
@@ -0,0 +1,40 @@
+<?xml version="1.0"?>
+<!--
+  Licensed to the Apache Software Foundation (ASF) under one or more
+      contributor license agreements.  See the NOTICE file distributed with
+      this work for additional information regarding copyright ownership.
+      The ASF licenses this file to You under the Apache License, Version 2.0
+      (the "License"); you may not use this file except in compliance with
+      the License.  You may obtain a copy of the License at
+
+          http://www.apache.org/licenses/LICENSE-2.0
+
+      Unless required by applicable law or agreed to in writing, software
+      distributed under the License is distributed on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+      See the License for the specific language governing permissions and
+      limitations under the License.
+  -->
+
+<!-- Simple example to demonstrate the Iris effect. -->
+<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
+
+	<fx:Declarations>
+    	<mx:Iris id="irisOut" duration="1000" showTarget="true"/>
+    	<mx:Iris id="irisIn" duration="1000" showTarget="false"/>
+	</fx:Declarations>
+
+    <mx:Panel title="Iris Effect Example" width="75%" height="75%" 
+        paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10">
+
+        <mx:Text width="100%" color="blue" 
+            text="Use the Iris effect to show or hide the logo."/>
+
+        <mx:Image id="flex" source="@Embed(source='assets/ApacheFlexLogo.png')"  
+            visible="{cb1.selected}"
+            showEffect="{irisIn}" hideEffect="{irisOut}"/>
+
+        <mx:CheckBox id="cb1" label="visible" selected="true"/>
+
+    </mx:Panel>
+</mx:Application>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/mx/effects/MoveEffectExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/mx/effects/MoveEffectExample.mxml b/TourDeFlex/TourDeFlex3/src/mx/effects/MoveEffectExample.mxml
new file mode 100755
index 0000000..2052a1d
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/mx/effects/MoveEffectExample.mxml
@@ -0,0 +1,50 @@
+<?xml version="1.0"?>
+<!--
+  Licensed to the Apache Software Foundation (ASF) under one or more
+      contributor license agreements.  See the NOTICE file distributed with
+      this work for additional information regarding copyright ownership.
+      The ASF licenses this file to You under the Apache License, Version 2.0
+      (the "License"); you may not use this file except in compliance with
+      the License.  You may obtain a copy of the License at
+
+          http://www.apache.org/licenses/LICENSE-2.0
+
+      Unless required by applicable law or agreed to in writing, software
+      distributed under the License is distributed on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+      See the License for the specific language governing permissions and
+      limitations under the License.
+  -->
+
+<!-- Simple example to demonstrate the Move effect. -->
+<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
+
+    <fx:Script>
+        <![CDATA[
+
+            private function moveImage():void {
+                myMove.end();
+                myMove.xTo=mouseX-60; 
+                myMove.play();
+            }
+      ]]>
+    </fx:Script>
+
+	<fx:Declarations>
+    	<mx:Move id="myMove" target="{img}"/>
+	</fx:Declarations>
+
+    <mx:Panel title="Move Effect Example" width="95%" height="95%" 
+        paddingTop="5" paddingLeft="10" paddingRight="10" paddingBottom="5">
+
+       <mx:Text width="100%" color="blue" 
+           text="Click anywhere on the canvas to move the logo horizontally to that position"/>
+
+        <mx:Canvas id="canvas" width="100%" height="100%" mouseDown="moveImage();">
+
+            <mx:Image id="img" source="@Embed(source='assets/ApacheFlexLogo.png')"/>
+
+        </mx:Canvas>
+    
+    </mx:Panel>
+</mx:Application>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/mx/effects/ParallelEffectExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/mx/effects/ParallelEffectExample.mxml b/TourDeFlex/TourDeFlex3/src/mx/effects/ParallelEffectExample.mxml
new file mode 100755
index 0000000..61cfdea
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/mx/effects/ParallelEffectExample.mxml
@@ -0,0 +1,51 @@
+<?xml version="1.0"?>
+<!--
+  Licensed to the Apache Software Foundation (ASF) under one or more
+      contributor license agreements.  See the NOTICE file distributed with
+      this work for additional information regarding copyright ownership.
+      The ASF licenses this file to You under the Apache License, Version 2.0
+      (the "License"); you may not use this file except in compliance with
+      the License.  You may obtain a copy of the License at
+
+          http://www.apache.org/licenses/LICENSE-2.0
+
+      Unless required by applicable law or agreed to in writing, software
+      distributed under the License is distributed on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+      See the License for the specific language governing permissions and
+      limitations under the License.
+  -->
+
+<!-- Simple example to demonstrate the Parallel effect. -->
+<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
+
+	<fx:Declarations>
+	   <mx:Parallel id="expand" target="{img}">
+	        <mx:Move xTo="{canvas.width/2 - 50}" yTo="{canvas.height/2 - 100}"/>
+	        <mx:Resize widthTo="100" heightTo="200"/>
+	    </mx:Parallel>
+	
+	    <mx:Parallel id="contract" target="{img}">
+	        <mx:Move xTo="20" yTo="20"/>
+	        <mx:Resize widthTo="30" heightTo="60"/>
+	    </mx:Parallel>
+	</fx:Declarations>
+
+    <mx:Panel title="Parallel Effect Example" width="100%" height="100%" 
+        paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10">
+
+        <mx:Text width="100%" color="blue" 
+            text="Use the Button controls to move and resize the logo in parallel."/>
+
+        <mx:Canvas id="canvas" width="100%" height="100%">
+            <mx:Image id="img" x="20" y="20" width="30" height="60"
+                source="@Embed(source='assets/ApacheFlexLogo.png')"/>
+        </mx:Canvas>
+
+        <mx:ControlBar>
+            <mx:Button label="Expand" click="expand.end(); expand.play();"/>
+            <mx:Button label="Contract" click="contract.end(); contract.play();"/>
+        </mx:ControlBar>
+
+    </mx:Panel>
+</mx:Application>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/mx/effects/PauseEffectExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/mx/effects/PauseEffectExample.mxml b/TourDeFlex/TourDeFlex3/src/mx/effects/PauseEffectExample.mxml
new file mode 100755
index 0000000..ae508e1
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/mx/effects/PauseEffectExample.mxml
@@ -0,0 +1,47 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!--
+  Licensed to the Apache Software Foundation (ASF) under one or more
+      contributor license agreements.  See the NOTICE file distributed with
+      this work for additional information regarding copyright ownership.
+      The ASF licenses this file to You under the Apache License, Version 2.0
+      (the "License"); you may not use this file except in compliance with
+      the License.  You may obtain a copy of the License at
+
+          http://www.apache.org/licenses/LICENSE-2.0
+
+      Unless required by applicable law or agreed to in writing, software
+      distributed under the License is distributed on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+      See the License for the specific language governing permissions and
+      limitations under the License.
+  -->
+
+<!-- Simple example to demonstrate the Pause effect. -->
+<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
+
+    <fx:Script>
+        <![CDATA[
+            import mx.effects.easing.*;                   
+        ]]>
+    </fx:Script>
+
+	<fx:Declarations>
+	    <mx:Sequence id="movePauseMove">
+	        <mx:Move xBy="150" duration="2000" easingFunction="Bounce.easeOut"/>
+	        <mx:Pause duration="2000"/>
+	        <mx:Move xBy="-150" duration="2000" easingFunction="Bounce.easeIn"/>
+	    </mx:Sequence>
+	</fx:Declarations>
+
+    <mx:Panel title="Pause Effect Example" width="75%" height="75%" 
+        paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10">
+
+        <mx:Text width="100%" color="blue" 
+		    text="Click the logo to start the Sequence effect. The effect pauses for 2 seconds between moves."/>
+
+        <mx:Image
+            source="@Embed(source='assets/ApacheFlexLogo.png')" 
+            mouseDownEffect="{movePauseMove}"/>
+
+    </mx:Panel>
+</mx:Application>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/mx/effects/ResizeEffectExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/mx/effects/ResizeEffectExample.mxml b/TourDeFlex/TourDeFlex3/src/mx/effects/ResizeEffectExample.mxml
new file mode 100755
index 0000000..f73d435
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/mx/effects/ResizeEffectExample.mxml
@@ -0,0 +1,42 @@
+<?xml version="1.0"?>
+<!--
+  Licensed to the Apache Software Foundation (ASF) under one or more
+      contributor license agreements.  See the NOTICE file distributed with
+      this work for additional information regarding copyright ownership.
+      The ASF licenses this file to You under the Apache License, Version 2.0
+      (the "License"); you may not use this file except in compliance with
+      the License.  You may obtain a copy of the License at
+
+          http://www.apache.org/licenses/LICENSE-2.0
+
+      Unless required by applicable law or agreed to in writing, software
+      distributed under the License is distributed on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+      See the License for the specific language governing permissions and
+      limitations under the License.
+  -->
+
+<!-- Simple example to demonstrate the Resize effect. -->
+<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
+
+	<fx:Declarations>
+   		<mx:Resize id="expand" target="{img}" widthTo="100" heightTo="200"/>
+    	<mx:Resize id="contract" target="{img}" widthTo="30" heightTo="60"/>
+	</fx:Declarations>
+
+    <mx:Panel title="Resize Effect Example" width="100%" height="100%" 
+        paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10">
+
+        <mx:Text width="100%" color="blue" 
+            text="Use the Button controls to resize the image."/>
+
+        <mx:Image id="img" width="30" height="60"
+            source="@Embed(source='assets/ApacheFlexLogo.png')"/>
+
+        <mx:ControlBar>
+            <mx:Button label="Expand" click="expand.end(); expand.play();"/>
+            <mx:Button label="Contract" click="contract.end(); contract.play();"/>
+        </mx:ControlBar>
+
+    </mx:Panel>
+</mx:Application>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/mx/effects/RotateEffectExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/mx/effects/RotateEffectExample.mxml b/TourDeFlex/TourDeFlex3/src/mx/effects/RotateEffectExample.mxml
new file mode 100755
index 0000000..544621f
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/mx/effects/RotateEffectExample.mxml
@@ -0,0 +1,66 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!--
+  Licensed to the Apache Software Foundation (ASF) under one or more
+      contributor license agreements.  See the NOTICE file distributed with
+      this work for additional information regarding copyright ownership.
+      The ASF licenses this file to You under the Apache License, Version 2.0
+      (the "License"); you may not use this file except in compliance with
+      the License.  You may obtain a copy of the License at
+
+          http://www.apache.org/licenses/LICENSE-2.0
+
+      Unless required by applicable law or agreed to in writing, software
+      distributed under the License is distributed on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+      See the License for the specific language governing permissions and
+      limitations under the License.
+  -->
+
+<!-- Simple example to demonstrate the Rotate effect. -->
+<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
+
+    <fx:Script>
+        <![CDATA[
+            [Bindable]
+            public var angle:int=0;
+
+            private function rotateImage():void {
+                rotate.end();
+                angle += 45;
+                rotate.play();
+            }
+      ]]>
+    </fx:Script>
+
+	<fx:Style>
+	     @font-face {
+	        src:url("./assets/OpenSans-Regular.ttf");
+	        fontFamily: OpenSans;
+			embedAsCFF: false;
+	     }    
+	</fx:Style>
+
+	<fx:Declarations>
+    	<mx:Rotate id="rotate" angleFrom="{angle-45}" angleTo="{angle}" target="{myVB}"/>
+	</fx:Declarations>
+
+    <mx:Panel title="Rotate Effect Example" horizontalAlign="center" 
+        width="75%" height="75%" layout="horizontal"
+        paddingTop="5" paddingLeft="10" paddingRight="10" paddingBottom="5">
+
+        <mx:VBox id="myVB" width="50%" horizontalAlign="center">
+            <mx:Label text="Apache Flex"  
+                fontFamily="OpenSans" fontSize="14"/>
+
+            <mx:Image id="img" 
+                source="@Embed(source='assets/ApacheFlexLogo.png')"/>
+        </mx:VBox>
+
+        <mx:Text width="50%" color="blue" 
+            text="Click the button to rotate the image 45 degrees. Use an embedded font when applying the Rotate effect to text."/>
+
+        <mx:ControlBar>
+            <mx:Button label="Rotate 45 Degrees" click="rotateImage();"/>
+        </mx:ControlBar>
+    </mx:Panel>
+</mx:Application>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/mx/effects/SequenceEffectExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/mx/effects/SequenceEffectExample.mxml b/TourDeFlex/TourDeFlex3/src/mx/effects/SequenceEffectExample.mxml
new file mode 100755
index 0000000..6675b33
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/mx/effects/SequenceEffectExample.mxml
@@ -0,0 +1,47 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!--
+  Licensed to the Apache Software Foundation (ASF) under one or more
+      contributor license agreements.  See the NOTICE file distributed with
+      this work for additional information regarding copyright ownership.
+      The ASF licenses this file to You under the Apache License, Version 2.0
+      (the "License"); you may not use this file except in compliance with
+      the License.  You may obtain a copy of the License at
+
+          http://www.apache.org/licenses/LICENSE-2.0
+
+      Unless required by applicable law or agreed to in writing, software
+      distributed under the License is distributed on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+      See the License for the specific language governing permissions and
+      limitations under the License.
+  -->
+
+<!-- Simple example to demonstrate the Sequence effect. -->
+<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
+
+    <fx:Script>
+        <![CDATA[
+            import mx.effects.easing.*;                   
+        ]]>
+    </fx:Script>
+
+	<fx:Declarations>
+	    <mx:Sequence id="movePauseMove">
+	        <mx:Move xBy="150" duration="2000" easingFunction="Bounce.easeOut"/>
+	        <mx:Pause duration="2000"/>
+	        <mx:Move xBy="-150" duration="2000" easingFunction="Bounce.easeIn"/>
+	    </mx:Sequence>
+	</fx:Declarations>
+
+    <mx:Panel title="Sequence Effect Example" width="75%" height="75%" 
+        paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10">
+
+        <mx:Text width="100%" color="blue" 
+		    text="Click the logo to start the Sequence effect. The effect pauses for 2 seconds between moves."/>
+
+        <mx:Image
+            source="@Embed(source='assets/ApacheFlexLogo.png')" 
+            mouseDownEffect="{movePauseMove}"/>
+
+    </mx:Panel>
+</mx:Application>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/mx/effects/SimpleEffectExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/mx/effects/SimpleEffectExample.mxml b/TourDeFlex/TourDeFlex3/src/mx/effects/SimpleEffectExample.mxml
new file mode 100755
index 0000000..ce232d2
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/mx/effects/SimpleEffectExample.mxml
@@ -0,0 +1,67 @@
+<?xml version="1.0"?>
+<!--
+  Licensed to the Apache Software Foundation (ASF) under one or more
+      contributor license agreements.  See the NOTICE file distributed with
+      this work for additional information regarding copyright ownership.
+      The ASF licenses this file to You under the Apache License, Version 2.0
+      (the "License"); you may not use this file except in compliance with
+      the License.  You may obtain a copy of the License at
+
+          http://www.apache.org/licenses/LICENSE-2.0
+
+      Unless required by applicable law or agreed to in writing, software
+      distributed under the License is distributed on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+      See the License for the specific language governing permissions and
+      limitations under the License.
+  -->
+
+<!-- Simple example to demonstrate the Effect class. -->
+<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
+
+    <fx:Script>
+        <![CDATA[
+
+            import mx.controls.Alert;
+
+            // Event handler for the effectEnd event.            
+            private function endEffectHandler():void {
+                Alert.show("Effect Ended!");
+            }
+
+            // Event handler for the reset button.            
+            private function resetHandler():void {
+                expand.end(); 
+                img.width=30; 
+                img.height=60; 
+                button1.enabled=true;
+            }
+        ]]>
+    </fx:Script>
+
+
+	<fx:Declarations>
+	    <mx:Resize id="expand" target="{img}" widthTo="100" heightTo="200" 
+	        duration="10000" effectEnd="endEffectHandler();"/>
+	</fx:Declarations>
+
+    <mx:Panel title="Resize Effect Example" width="100%" height="100%" 
+        paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10">
+
+        <mx:Text width="100%" color="blue" 
+            text="Use the Button controls to control the Resize effect."/>
+
+        <mx:Image id="img" width="30" height="60"
+            source="@Embed(source='assets/ApacheFlexLogo.png')"/>
+     
+        <mx:ControlBar>
+            <mx:Button id="button1" label="Start" click="expand.play(); button1.enabled=false;"/>
+            <mx:Button label="Pause" click="expand.pause();"/>
+            <mx:Button label="Resume" click="expand.resume();"/>
+            <mx:Button label="Reverse" click="expand.reverse();"/>
+            <mx:Button label="End" click="expand.end();"/>
+            <mx:Button label="Reset" click="resetHandler();"/>
+        </mx:ControlBar>
+        
+    </mx:Panel>
+</mx:Application>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/mx/effects/SimpleTweenEffectExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/mx/effects/SimpleTweenEffectExample.mxml b/TourDeFlex/TourDeFlex3/src/mx/effects/SimpleTweenEffectExample.mxml
new file mode 100755
index 0000000..93e236c
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/mx/effects/SimpleTweenEffectExample.mxml
@@ -0,0 +1,73 @@
+<?xml version="1.0"?>
+<!--
+  Licensed to the Apache Software Foundation (ASF) under one or more
+      contributor license agreements.  See the NOTICE file distributed with
+      this work for additional information regarding copyright ownership.
+      The ASF licenses this file to You under the Apache License, Version 2.0
+      (the "License"); you may not use this file except in compliance with
+      the License.  You may obtain a copy of the License at
+
+          http://www.apache.org/licenses/LICENSE-2.0
+
+      Unless required by applicable law or agreed to in writing, software
+      distributed under the License is distributed on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+      See the License for the specific language governing permissions and
+      limitations under the License.
+  -->
+
+<!-- Simple example to demonstrate the TweenEffect class. -->
+<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
+
+    <fx:Script>
+        <![CDATA[
+        
+            import mx.events.TweenEvent;
+
+            // Event handler for the tweenUpdate and tweenEnd effects.            
+            private function tweenUpdateHandler(event:TweenEvent):void {
+                // Access current width of the image.
+                currentWidth.text="Current width (in pixels): " + String(event.value[0]);
+            }
+
+            // Event handler for the reset button.            
+            private function resetHandler():void {
+                expand.end(); 
+                img.width=30; 
+                currentWidth.text="Current width (in pixels): 30";                
+                img.height=60; 
+                button1.enabled=true;
+            }
+        ]]>
+    </fx:Script>
+
+	<fx:Declarations>
+	    <mx:Resize id="expand" target="{img}" widthTo="100" heightTo="200" 
+	        duration="10000" 
+	        tweenUpdate="tweenUpdateHandler(event);" 
+	        tweenEnd="tweenUpdateHandler(event);"/>
+	</fx:Declarations>
+
+    <mx:Panel title="Resize Effect Example" width="100%" height="100%" 
+        paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10">
+
+        <mx:Text width="100%" color="blue" 
+            text="Use the Button controls to resize the image."/>
+
+        <mx:HBox width="100%">
+            <mx:Image id="img" width="30" height="60"
+                source="@Embed(source='assets/ApacheFlexLogo.png')"/>
+            <mx:Text id="currentWidth" height="20" width="100%"/>     
+        </mx:HBox>
+            
+        <mx:ControlBar>
+            <mx:Button id="button1" label="Start" click="expand.play(); button1.enabled=false;"/>
+            <mx:Button label="Pause" click="expand.pause();"/>
+            <mx:Button label="Resume" click="expand.resume();"/>
+            <mx:Button label="Reverse" click="expand.reverse();"/>
+            <mx:Button label="End" click="expand.end();"/>
+            <mx:Button label="Reset" click="resetHandler();"/>
+        </mx:ControlBar>
+        
+    </mx:Panel>
+</mx:Application>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/mx/effects/SoundEffectExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/mx/effects/SoundEffectExample.mxml b/TourDeFlex/TourDeFlex3/src/mx/effects/SoundEffectExample.mxml
new file mode 100755
index 0000000..cdbf299
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/mx/effects/SoundEffectExample.mxml
@@ -0,0 +1,36 @@
+<?xml version="1.0"?>
+<!--
+  Licensed to the Apache Software Foundation (ASF) under one or more
+      contributor license agreements.  See the NOTICE file distributed with
+      this work for additional information regarding copyright ownership.
+      The ASF licenses this file to You under the Apache License, Version 2.0
+      (the "License"); you may not use this file except in compliance with
+      the License.  You may obtain a copy of the License at
+
+          http://www.apache.org/licenses/LICENSE-2.0
+
+      Unless required by applicable law or agreed to in writing, software
+      distributed under the License is distributed on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+      See the License for the specific language governing permissions and
+      limitations under the License.
+  -->
+
+<!-- Simple example to demonstrate the SoundEffect effect. -->
+<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
+
+	<fx:Declarations>
+    	<mx:SoundEffect id="mySounds" source="@Embed(source='./assets/ping.mp3')"/>
+	</fx:Declarations>
+
+    <mx:Panel title="Sound Effect Example" width="75%" height="75%" 
+        paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10">
+
+        <mx:Label width="100%" color="blue" 
+            text="Click on the logo to hear the sound effect."/>
+
+        <mx:Image id="flex" source="@Embed(source='assets/ApacheFlexLogo.png')" 
+            mouseDownEffect="{mySounds}"/>
+
+    </mx:Panel>
+</mx:Application>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/mx/effects/WipeDownExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/mx/effects/WipeDownExample.mxml b/TourDeFlex/TourDeFlex3/src/mx/effects/WipeDownExample.mxml
new file mode 100755
index 0000000..7363a7c
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/mx/effects/WipeDownExample.mxml
@@ -0,0 +1,45 @@
+<?xml version="1.0"?>
+<!--
+  Licensed to the Apache Software Foundation (ASF) under one or more
+      contributor license agreements.  See the NOTICE file distributed with
+      this work for additional information regarding copyright ownership.
+      The ASF licenses this file to You under the Apache License, Version 2.0
+      (the "License"); you may not use this file except in compliance with
+      the License.  You may obtain a copy of the License at
+
+          http://www.apache.org/licenses/LICENSE-2.0
+
+      Unless required by applicable law or agreed to in writing, software
+      distributed under the License is distributed on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+      See the License for the specific language governing permissions and
+      limitations under the License.
+  -->
+
+<!-- Simple example to demonstrate the WipeDown effect. -->
+<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
+
+	<fx:Declarations>
+	    <mx:WipeDown id="wipeOut" duration="1000"/>
+	    <mx:WipeDown id="wipeIn" duration="1000"/>
+	</fx:Declarations>
+
+    <mx:Panel title="WipeDown Effect Example" width="95%" height="95%" 
+        paddingTop="5" paddingLeft="10" paddingRight="10" paddingBottom="5">
+
+        <mx:Text width="100%" color="blue" 
+            text="Use the WipeDown effect to show or hide the text and image."/>
+
+        <mx:Label text="Apache Flex"  
+            fontSize="14"
+            visible="{cb1.selected}"
+            hideEffect="{wipeOut}" showEffect="{wipeIn}"/>
+			
+        <mx:Image source="@Embed(source='assets/ApacheFlexLogo.png')" 
+            visible="{cb1.selected}"
+            hideEffect="{wipeOut}" showEffect="{wipeIn}"/>
+            
+        <mx:CheckBox id="cb1" label="visible" selected="true"/>
+
+    </mx:Panel>
+</mx:Application>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/mx/effects/WipeLeftExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/mx/effects/WipeLeftExample.mxml b/TourDeFlex/TourDeFlex3/src/mx/effects/WipeLeftExample.mxml
new file mode 100755
index 0000000..6c3b6de
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/mx/effects/WipeLeftExample.mxml
@@ -0,0 +1,45 @@
+<?xml version="1.0"?>
+<!--
+  Licensed to the Apache Software Foundation (ASF) under one or more
+      contributor license agreements.  See the NOTICE file distributed with
+      this work for additional information regarding copyright ownership.
+      The ASF licenses this file to You under the Apache License, Version 2.0
+      (the "License"); you may not use this file except in compliance with
+      the License.  You may obtain a copy of the License at
+
+          http://www.apache.org/licenses/LICENSE-2.0
+
+      Unless required by applicable law or agreed to in writing, software
+      distributed under the License is distributed on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+      See the License for the specific language governing permissions and
+      limitations under the License.
+  -->
+
+<!-- Simple example to demonstrate the WipeLeft effect. -->
+<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
+
+	<fx:Declarations>
+    	<mx:WipeLeft id="wipeOut" duration="1000"/>
+    	<mx:WipeLeft id="wipeIn" duration="1000"/>
+	</fx:Declarations>
+
+    <mx:Panel title="WipeLeft Effect Example" width="95%" height="95%" 
+        paddingTop="5" paddingLeft="10" paddingRight="10" paddingBottom="5">
+
+        <mx:Text width="100%" color="blue" 
+            text="Use the WipeLeft effect to show or hide the text and image."/>
+
+        <mx:Label text="Apache Flex"  
+            fontSize="14"
+            visible="{cb1.selected}"
+            hideEffect="{wipeOut}" showEffect="{wipeIn}"/>
+			
+        <mx:Image source="@Embed(source='assets/ApacheFlexLogo.png')" 
+            visible="{cb1.selected}"
+            hideEffect="{wipeOut}" showEffect="{wipeIn}"/>
+            
+        <mx:CheckBox id="cb1" label="visible" selected="true"/>
+
+    </mx:Panel>
+</mx:Application>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/mx/effects/WipeRightExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/mx/effects/WipeRightExample.mxml b/TourDeFlex/TourDeFlex3/src/mx/effects/WipeRightExample.mxml
new file mode 100755
index 0000000..bd3d0fa
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/mx/effects/WipeRightExample.mxml
@@ -0,0 +1,45 @@
+<?xml version="1.0"?>
+<!--
+  Licensed to the Apache Software Foundation (ASF) under one or more
+      contributor license agreements.  See the NOTICE file distributed with
+      this work for additional information regarding copyright ownership.
+      The ASF licenses this file to You under the Apache License, Version 2.0
+      (the "License"); you may not use this file except in compliance with
+      the License.  You may obtain a copy of the License at
+
+          http://www.apache.org/licenses/LICENSE-2.0
+
+      Unless required by applicable law or agreed to in writing, software
+      distributed under the License is distributed on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+      See the License for the specific language governing permissions and
+      limitations under the License.
+  -->
+
+<!-- Simple example to demonstrate the WipeRight effect. -->
+<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
+
+	<fx:Declarations>
+    	<mx:WipeRight id="wipeOut" duration="1000"/>
+    	<mx:WipeRight id="wipeIn" duration="1000"/>
+	</fx:Declarations>
+
+    <mx:Panel title="WipeRight Effect Example" width="95%" height="95%" 
+        paddingTop="5" paddingLeft="10" paddingRight="10" paddingBottom="5">
+
+        <mx:Text width="100%" color="blue" 
+            text="Use the WipeRight effect to show or hide the text and image."/>
+
+        <mx:Label text="Apache Flex"  
+            fontSize="14"
+            visible="{cb1.selected}"
+            hideEffect="{wipeOut}" showEffect="{wipeIn}"/>
+			
+        <mx:Image source="@Embed(source='assets/ApacheFlexLogo.png')" 
+            visible="{cb1.selected}"
+            hideEffect="{wipeOut}" showEffect="{wipeIn}"/>
+            
+        <mx:CheckBox id="cb1" label="visible" selected="true"/>
+
+    </mx:Panel>
+</mx:Application>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/mx/effects/WipeUpExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/mx/effects/WipeUpExample.mxml b/TourDeFlex/TourDeFlex3/src/mx/effects/WipeUpExample.mxml
new file mode 100755
index 0000000..dce394c
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/mx/effects/WipeUpExample.mxml
@@ -0,0 +1,45 @@
+<?xml version="1.0"?>
+<!--
+  Licensed to the Apache Software Foundation (ASF) under one or more
+      contributor license agreements.  See the NOTICE file distributed with
+      this work for additional information regarding copyright ownership.
+      The ASF licenses this file to You under the Apache License, Version 2.0
+      (the "License"); you may not use this file except in compliance with
+      the License.  You may obtain a copy of the License at
+
+          http://www.apache.org/licenses/LICENSE-2.0
+
+      Unless required by applicable law or agreed to in writing, software
+      distributed under the License is distributed on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+      See the License for the specific language governing permissions and
+      limitations under the License.
+  -->
+
+<!-- Simple example to demonstrate the WipeUp effect. -->
+<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
+
+	<fx:Declarations>
+    	<mx:WipeUp id="wipeOut" duration="1000"/>
+    	<mx:WipeUp id="wipeIn" duration="1000"/>
+	</fx:Declarations>
+
+    <mx:Panel title="WipeUp Effect Example" width="95%" height="95%" 
+        paddingTop="5" paddingLeft="10" paddingRight="10" paddingBottom="5">
+
+        <mx:Text width="100%" color="blue" 
+            text="Use the WipeUp effect to show or hide the text and image."/>
+
+        <mx:Label text="Apache Flex"  
+            fontSize="14"
+            visible="{cb1.selected}"
+            hideEffect="{wipeOut}" showEffect="{wipeIn}"/>
+			
+        <mx:Image source="@Embed(source='assets/ApacheFlexLogo.png')" 
+            visible="{cb1.selected}"
+            hideEffect="{wipeOut}" showEffect="{wipeIn}"/>
+            
+        <mx:CheckBox id="cb1" label="visible" selected="true"/>
+
+    </mx:Panel>
+</mx:Application>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/mx/effects/ZoomEffectExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/mx/effects/ZoomEffectExample.mxml b/TourDeFlex/TourDeFlex3/src/mx/effects/ZoomEffectExample.mxml
new file mode 100755
index 0000000..0695d58
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/mx/effects/ZoomEffectExample.mxml
@@ -0,0 +1,56 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!--
+  Licensed to the Apache Software Foundation (ASF) under one or more
+      contributor license agreements.  See the NOTICE file distributed with
+      this work for additional information regarding copyright ownership.
+      The ASF licenses this file to You under the Apache License, Version 2.0
+      (the "License"); you may not use this file except in compliance with
+      the License.  You may obtain a copy of the License at
+
+          http://www.apache.org/licenses/LICENSE-2.0
+
+      Unless required by applicable law or agreed to in writing, software
+      distributed under the License is distributed on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+      See the License for the specific language governing permissions and
+      limitations under the License.
+  -->
+
+<!-- Simple example to demonstrate the Zoom effect. -->
+<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
+
+    <fx:Script>
+        <![CDATA[		
+            import flash.events.MouseEvent;
+		
+            public function doZoom(event:MouseEvent):void {
+                if (zoomAll.isPlaying) {
+                    zoomAll.reverse();
+                }
+                else {
+                    // If this is a ROLL_OUT event, play the effect backwards. 
+                    // If this is a ROLL_OVER event, play the effect forwards.
+                    zoomAll.play([event.target], event.type == MouseEvent.ROLL_OUT ? true : false);
+                }
+            }
+        ]]>	
+    </fx:Script>
+
+	<fx:Declarations>
+   		<mx:Zoom id="zoomAll" zoomWidthTo="1" zoomHeightTo="1" zoomWidthFrom=".5" zoomHeightFrom=".5"  />
+	</fx:Declarations>
+	
+    <mx:Panel title="Zoom Effect Example" width="95%" height="95%" horizontalAlign="center"
+        paddingTop="5" paddingLeft="10" paddingRight="10" paddingBottom="5">
+
+        <mx:Text width="100%" color="blue"
+            text="Move the mouse over the image to enlarge it. Move the mouse off of the image to shrink it."/>
+
+        <mx:Image id="img"
+            source="@Embed(source='assets/ApacheFlexLogo.png')"
+            scaleX=".5" scaleY=".5"
+            rollOver="doZoom(event)"
+            rollOut="doZoom(event)"/>
+
+    </mx:Panel>
+</mx:Application>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/mx/effects/assets/ApacheFlexLogo.png
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/mx/effects/assets/ApacheFlexLogo.png b/TourDeFlex/TourDeFlex3/src/mx/effects/assets/ApacheFlexLogo.png
new file mode 100644
index 0000000..4ff037f
Binary files /dev/null and b/TourDeFlex/TourDeFlex3/src/mx/effects/assets/ApacheFlexLogo.png differ

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/mx/effects/assets/OpenSans-Regular.ttf
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/mx/effects/assets/OpenSans-Regular.ttf b/TourDeFlex/TourDeFlex3/src/mx/effects/assets/OpenSans-Regular.ttf
new file mode 100644
index 0000000..db43334
Binary files /dev/null and b/TourDeFlex/TourDeFlex3/src/mx/effects/assets/OpenSans-Regular.ttf differ

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/mx/effects/assets/ping.mp3
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/mx/effects/assets/ping.mp3 b/TourDeFlex/TourDeFlex3/src/mx/effects/assets/ping.mp3
new file mode 100644
index 0000000..2eb90ea
Binary files /dev/null and b/TourDeFlex/TourDeFlex3/src/mx/effects/assets/ping.mp3 differ

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/mx/formatters/CurrencyFormatterExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/mx/formatters/CurrencyFormatterExample.mxml b/TourDeFlex/TourDeFlex3/src/mx/formatters/CurrencyFormatterExample.mxml
new file mode 100755
index 0000000..82ad2c0
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/mx/formatters/CurrencyFormatterExample.mxml
@@ -0,0 +1,73 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!--
+  Licensed to the Apache Software Foundation (ASF) under one or more
+      contributor license agreements.  See the NOTICE file distributed with
+      this work for additional information regarding copyright ownership.
+      The ASF licenses this file to You under the Apache License, Version 2.0
+      (the "License"); you may not use this file except in compliance with
+      the License.  You may obtain a copy of the License at
+
+          http://www.apache.org/licenses/LICENSE-2.0
+
+      Unless required by applicable law or agreed to in writing, software
+      distributed under the License is distributed on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+      See the License for the specific language governing permissions and
+      limitations under the License.
+  -->
+
+<!-- Simple example to demonstrate the CurrencyFormatter. -->
+<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
+
+    <fx:Script>
+        <![CDATA[
+
+              import mx.events.ValidationResultEvent;			
+              private var vResult:ValidationResultEvent;
+			
+              // Event handler to validate and format input.
+              private function Format():void {
+              
+                 	vResult = numVal.validate();
+
+    				if (vResult.type==ValidationResultEvent.VALID) {
+                        var temp:Number=Number(priceUS.text); 
+                        formattedUSPrice.text= usdFormatter.format(temp);
+                    }
+                    
+                    else {
+                       formattedUSPrice.text="";
+                    }
+              }
+        ]]>
+    </fx:Script>
+
+	<fx:Declarations>
+	    <mx:CurrencyFormatter id="usdFormatter" precision="2" 
+	        currencySymbol="$" decimalSeparatorFrom="."
+	        decimalSeparatorTo="." useNegativeSign="true" 
+	        useThousandsSeparator="true" alignSymbol="left"/>
+	
+	    <mx:NumberValidator id="numVal" source="{priceUS}" property="text" 
+	        allowNegative="true" domain="real"/>	
+	</fx:Declarations>
+
+    <mx:Panel title="CurrencyFormatter Example" width="75%" height="75%" 
+        paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10">
+
+        <mx:Form>
+            <mx:FormItem label="Enter U.S. dollar amount:">
+                <mx:TextInput id="priceUS" text="" width="50%"/>
+            </mx:FormItem>
+
+            <mx:FormItem label="Formatted amount: ">
+                <mx:TextInput id="formattedUSPrice" text="" width="50%" editable="false"/>
+            </mx:FormItem>
+
+            <mx:FormItem>
+                <mx:Button label="Validate and Format" click="Format();"/>
+            </mx:FormItem>
+        </mx:Form>
+
+    </mx:Panel>
+</mx:Application>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/mx/formatters/DateFormatterExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/mx/formatters/DateFormatterExample.mxml b/TourDeFlex/TourDeFlex3/src/mx/formatters/DateFormatterExample.mxml
new file mode 100755
index 0000000..9a2e875
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/mx/formatters/DateFormatterExample.mxml
@@ -0,0 +1,67 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!--
+  Licensed to the Apache Software Foundation (ASF) under one or more
+      contributor license agreements.  See the NOTICE file distributed with
+      this work for additional information regarding copyright ownership.
+      The ASF licenses this file to You under the Apache License, Version 2.0
+      (the "License"); you may not use this file except in compliance with
+      the License.  You may obtain a copy of the License at
+
+          http://www.apache.org/licenses/LICENSE-2.0
+
+      Unless required by applicable law or agreed to in writing, software
+      distributed under the License is distributed on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+      See the License for the specific language governing permissions and
+      limitations under the License.
+  -->
+
+<!-- Simple example to demonstrate the DateFormatter. -->
+<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
+
+    <fx:Script>
+        <![CDATA[
+
+            import mx.events.ValidationResultEvent;			
+            private var vResult:ValidationResultEvent;
+
+            // Event handler to validate and format input.            
+            private function Format():void
+            {
+                vResult = dateVal.validate();
+                if (vResult.type==ValidationResultEvent.VALID) {
+                    formattedDate.text=dateFormatter.format(dob.text);
+                }
+              
+                else {
+                    formattedDate.text= "";
+                }
+            }
+        ]]>
+    </fx:Script>
+
+	<fx:Declarations>
+	    <mx:DateFormatter id="dateFormatter" formatString="month: MM, day: DD, year: YYYY"/>
+	
+	    <mx:DateValidator id="dateVal" source="{dob}" property="text" inputFormat="mm/dd/yyyy"/>
+	</fx:Declarations>
+	
+    <mx:Panel title="DateFormatter Example" width="95%" height="95%" 
+            paddingTop="10" paddingLeft="5" paddingRight="5" paddingBottom="10">
+
+        <mx:Form width="100%">
+            <mx:FormItem label="Enter date (mm/dd/yyyy):" width="100%">
+                <mx:TextInput id="dob" text=""/>
+            </mx:FormItem>
+
+            <mx:FormItem label="Formatted date: " width="100%">
+                <mx:TextInput id="formattedDate" text="" editable="false"/>
+            </mx:FormItem>
+
+            <mx:FormItem>
+                <mx:Button label="Validate and Format" click="Format();"/>
+            </mx:FormItem>
+        </mx:Form>
+
+    </mx:Panel>
+</mx:Application>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/mx/formatters/NumberFormatterExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/mx/formatters/NumberFormatterExample.mxml b/TourDeFlex/TourDeFlex3/src/mx/formatters/NumberFormatterExample.mxml
new file mode 100755
index 0000000..0a990ba
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/mx/formatters/NumberFormatterExample.mxml
@@ -0,0 +1,70 @@
+<?xml version="1.0"?>
+<!--
+  Licensed to the Apache Software Foundation (ASF) under one or more
+      contributor license agreements.  See the NOTICE file distributed with
+      this work for additional information regarding copyright ownership.
+      The ASF licenses this file to You under the Apache License, Version 2.0
+      (the "License"); you may not use this file except in compliance with
+      the License.  You may obtain a copy of the License at
+
+          http://www.apache.org/licenses/LICENSE-2.0
+
+      Unless required by applicable law or agreed to in writing, software
+      distributed under the License is distributed on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+      See the License for the specific language governing permissions and
+      limitations under the License.
+  -->
+
+<!-- Simple example to demonstrate NumberFormatter. -->
+<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
+
+    <fx:Script>
+        <![CDATA[
+
+          import mx.events.ValidationResultEvent;			
+          private var vResult:ValidationResultEvent;
+
+          // Event handler to validate and format input.            
+          private function Format():void
+          {
+             vResult = numVal.validate();
+			 if (vResult.type==ValidationResultEvent.VALID) {
+			 
+                formattedNumber.text= numberFormatter.format(inputVal.text);
+             }
+             
+             else {
+                formattedNumber.text= "";
+             }
+          }
+      ]]>      
+    </fx:Script>
+
+	<fx:Declarations>
+	    <mx:NumberFormatter id="numberFormatter" precision="4" 
+	        useThousandsSeparator="true" useNegativeSign="true"/>
+	
+	    <mx:NumberValidator id="numVal" source="{inputVal}" property="text" 
+	        allowNegative="true" domain="real"/>
+	</fx:Declarations>
+
+    <mx:Panel title="NumberFormatter Example" width="75%" height="75%" 
+            paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10">
+
+        <mx:Form>
+            <mx:FormItem label="Enter number:">
+                <mx:TextInput id="inputVal" text="" width="50%"/>
+            </mx:FormItem>
+
+            <mx:FormItem label="Formatted number (precision=4): ">
+                <mx:TextInput id="formattedNumber" editable="false" width="50%"/>
+            </mx:FormItem>
+
+            <mx:FormItem>
+                <mx:Button label="Validate and Format" click="Format();"/>
+            </mx:FormItem>
+        </mx:Form>
+        
+    </mx:Panel>
+</mx:Application>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/mx/formatters/PhoneFormatterExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/mx/formatters/PhoneFormatterExample.mxml b/TourDeFlex/TourDeFlex3/src/mx/formatters/PhoneFormatterExample.mxml
new file mode 100755
index 0000000..699e0d9
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/mx/formatters/PhoneFormatterExample.mxml
@@ -0,0 +1,69 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!--
+  Licensed to the Apache Software Foundation (ASF) under one or more
+      contributor license agreements.  See the NOTICE file distributed with
+      this work for additional information regarding copyright ownership.
+      The ASF licenses this file to You under the Apache License, Version 2.0
+      (the "License"); you may not use this file except in compliance with
+      the License.  You may obtain a copy of the License at
+
+          http://www.apache.org/licenses/LICENSE-2.0
+
+      Unless required by applicable law or agreed to in writing, software
+      distributed under the License is distributed on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+      See the License for the specific language governing permissions and
+      limitations under the License.
+  -->
+
+<!-- Simple example to demonstrate PhoneFormatter. -->
+<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
+
+    <fx:Script>
+        <![CDATA[
+                
+            import mx.events.ValidationResultEvent;			
+            private var vResult:ValidationResultEvent;
+
+            // Event handler to validate and format input.            
+            private function Format():void
+            {
+                vResult = pnVal.validate();
+                if (vResult.type==ValidationResultEvent.VALID) {
+                    formattedPhone.text= phoneFormatter.format(phone.text);
+                }
+              
+                else {
+                    formattedPhone.text= "";
+                }
+            }
+        ]]>
+    </fx:Script>
+
+	<fx:Declarations>
+	    <mx:PhoneFormatter id="phoneFormatter" 
+	        formatString="(###) ###-####" validPatternChars="#-() "/>
+	
+	    <mx:PhoneNumberValidator id="pnVal" source="{phone}" property="text" 
+	            allowedFormatChars=""/>
+	</fx:Declarations>
+
+    <mx:Panel title="PhoneFormatter Example" width="75%" height="75%" 
+            paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10">
+
+        <mx:Form>
+            <mx:FormItem label="Enter a 10-digit phone number:">
+                <mx:TextInput id="phone" text="" width="75%"/>
+            </mx:FormItem>
+
+            <mx:FormItem label="Formatted phone number: ">
+                <mx:TextInput id="formattedPhone" text="" width="75%" editable="false"/>
+            </mx:FormItem>
+
+            <mx:FormItem>
+                <mx:Button label="Validate and Format" click="Format();"/>
+            </mx:FormItem>
+        </mx:Form>
+
+    </mx:Panel>
+</mx:Application>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/mx/formatters/SimpleFormatterExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/mx/formatters/SimpleFormatterExample.mxml b/TourDeFlex/TourDeFlex3/src/mx/formatters/SimpleFormatterExample.mxml
new file mode 100755
index 0000000..45787d5
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/mx/formatters/SimpleFormatterExample.mxml
@@ -0,0 +1,67 @@
+<?xml version="1.0"?>
+<!--
+  Licensed to the Apache Software Foundation (ASF) under one or more
+      contributor license agreements.  See the NOTICE file distributed with
+      this work for additional information regarding copyright ownership.
+      The ASF licenses this file to You under the Apache License, Version 2.0
+      (the "License"); you may not use this file except in compliance with
+      the License.  You may obtain a copy of the License at
+
+          http://www.apache.org/licenses/LICENSE-2.0
+
+      Unless required by applicable law or agreed to in writing, software
+      distributed under the License is distributed on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+      See the License for the specific language governing permissions and
+      limitations under the License.
+  -->
+
+<!-- Simple example to demonstrate the Formatter class. -->
+<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
+
+    <fx:Script>
+        <![CDATA[
+
+            // Event handler to format the input.            
+            private function Format():void
+            {
+                // The format() method returns the formatted String,
+                // or an empty String if there is an error.
+                var formattedVal:String = numberFormatter.format(inputVal.text);
+
+                if (formattedVal.length==0) {
+                    // If there is an error, the Format.error property 
+                    // contains the reason.
+                	formattedNumber.text=numberFormatter.error;
+                }
+                
+                else {
+                    formattedNumber.text=formattedVal;
+                }
+            }
+        ]]>
+    </fx:Script>
+
+	<fx:Declarations>
+    	<mx:NumberFormatter id="numberFormatter"/>
+	</fx:Declarations>
+
+    <mx:Panel title="NumberFormatter Example" width="75%" height="75%" 
+            paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10">
+
+        <mx:Form>
+            <mx:FormItem label="Enter number - a letter is invalid:">
+                <mx:TextInput id="inputVal" text="" width="75%"/>
+            </mx:FormItem>
+
+            <mx:FormItem label="Formatted number: ">
+                <mx:TextInput id="formattedNumber" editable="false" width="75%"/>
+            </mx:FormItem>
+
+            <mx:FormItem>
+                <mx:Button label="Validate and Format" click="Format();"/>
+            </mx:FormItem>
+        </mx:Form>
+  
+    </mx:Panel>
+</mx:Application>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/mx/formatters/SwitchSymbolFormatterExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/mx/formatters/SwitchSymbolFormatterExample.mxml b/TourDeFlex/TourDeFlex3/src/mx/formatters/SwitchSymbolFormatterExample.mxml
new file mode 100755
index 0000000..4bc47a0
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/mx/formatters/SwitchSymbolFormatterExample.mxml
@@ -0,0 +1,63 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!--
+  Licensed to the Apache Software Foundation (ASF) under one or more
+      contributor license agreements.  See the NOTICE file distributed with
+      this work for additional information regarding copyright ownership.
+      The ASF licenses this file to You under the Apache License, Version 2.0
+      (the "License"); you may not use this file except in compliance with
+      the License.  You may obtain a copy of the License at
+
+          http://www.apache.org/licenses/LICENSE-2.0
+
+      Unless required by applicable law or agreed to in writing, software
+      distributed under the License is distributed on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+      See the License for the specific language governing permissions and
+      limitations under the License.
+  -->
+
+<!-- Simple example to demonstrate SwitchSymbolFormatter. -->
+<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
+
+    <fx:Script>
+        <![CDATA[
+        
+            import mx.formatters.SwitchSymbolFormatter;                
+            import mx.events.ValidationResultEvent;			
+            
+            private var vResult:ValidationResultEvent;
+
+            // Event handler to validate and format input.            
+            private function Format():void
+            {
+                vResult = scVal.validate();
+
+                if (vResult.type==ValidationResultEvent.VALID) {
+                    var switcher:SwitchSymbolFormatter=new SwitchSymbolFormatter('#');
+
+                    formattedSCNumber.text = 
+                        switcher.formatValue("Formatted Social Securty number: ###-##-#### ", scNum.text);
+                }
+
+                else {
+                    formattedSCNumber.text= "";
+                }
+            }
+        ]]>
+    </fx:Script>
+
+	<fx:Declarations>
+    	<mx:SocialSecurityValidator id="scVal" source="{scNum}" property="text"/>
+	</fx:Declarations>
+
+    <mx:Panel title="SwitchSymbolFormatter Example" width="75%" height="75%" 
+            paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10">
+
+        <mx:Label text="Enter a 9 digit Social Security number with no separator characters:"/>
+        <mx:TextInput id="scNum" text="" maxChars="9" width="50%"/>
+
+        <mx:Button label="Validate and Format" click="Format();"/>
+        <mx:TextInput id="formattedSCNumber" editable="false" width="75%"/>
+
+    </mx:Panel>
+</mx:Application>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/mx/formatters/ZipCodeFormatterExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/mx/formatters/ZipCodeFormatterExample.mxml b/TourDeFlex/TourDeFlex3/src/mx/formatters/ZipCodeFormatterExample.mxml
new file mode 100755
index 0000000..92fa718
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/mx/formatters/ZipCodeFormatterExample.mxml
@@ -0,0 +1,68 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!--
+  Licensed to the Apache Software Foundation (ASF) under one or more
+      contributor license agreements.  See the NOTICE file distributed with
+      this work for additional information regarding copyright ownership.
+      The ASF licenses this file to You under the Apache License, Version 2.0
+      (the "License"); you may not use this file except in compliance with
+      the License.  You may obtain a copy of the License at
+
+          http://www.apache.org/licenses/LICENSE-2.0
+
+      Unless required by applicable law or agreed to in writing, software
+      distributed under the License is distributed on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+      See the License for the specific language governing permissions and
+      limitations under the License.
+  -->
+
+<!-- Simple example to demonstrate ZipCodeFormatter. -->
+<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
+
+    <fx:Script>
+        <![CDATA[
+
+            import mx.events.ValidationResultEvent;			
+            private var vResult:ValidationResultEvent;
+
+            // Event handler to validate and format input.
+            private function Format():void 
+            {
+                vResult = zcVal.validate();
+                
+                if (vResult.type==ValidationResultEvent.VALID) {
+                    formattedZipcode.text= zipFormatter.format(zip.text);
+                }
+                
+                else {
+                    formattedZipcode.text= "";
+                }
+            }
+        ]]>      
+    </fx:Script>
+
+	<fx:Declarations>
+    	<mx:ZipCodeFormatter id="zipFormatter" formatString="#####-####"/>
+
+    	<mx:ZipCodeValidator id="zcVal" source="{zip}" property="text" allowedFormatChars=""/>
+	</fx:Declarations>
+	
+    <mx:Panel title="ZipCodeFormatter Example" width="75%" height="75%" 
+            paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10">
+
+        <mx:Form width="100%">
+            <mx:FormItem label="Enter a 5 or 9 digit U.S. ZIP code:" width="100%">
+                <mx:TextInput id="zip" text=""/>
+            </mx:FormItem>
+
+            <mx:FormItem label="Formatted ZIP code: " width="100%">
+                <mx:TextInput id="formattedZipcode" text="" editable="false"/>
+            </mx:FormItem>
+
+            <mx:FormItem>
+                <mx:Button label="Validate and Format" click="Format();"/>
+            </mx:FormItem>
+        </mx:Form>
+
+    </mx:Panel>
+</mx:Application>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/mx/printing/AdvancedPrintDataGridExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/mx/printing/AdvancedPrintDataGridExample.mxml b/TourDeFlex/TourDeFlex3/src/mx/printing/AdvancedPrintDataGridExample.mxml
new file mode 100755
index 0000000..38f0244
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/mx/printing/AdvancedPrintDataGridExample.mxml
@@ -0,0 +1,105 @@
+<?xml version="1.0"?>
+<!--
+  Licensed to the Apache Software Foundation (ASF) under one or more
+      contributor license agreements.  See the NOTICE file distributed with
+      this work for additional information regarding copyright ownership.
+      The ASF licenses this file to You under the Apache License, Version 2.0
+      (the "License"); you may not use this file except in compliance with
+      the License.  You may obtain a copy of the License at
+
+          http://www.apache.org/licenses/LICENSE-2.0
+
+      Unless required by applicable law or agreed to in writing, software
+      distributed under the License is distributed on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+      See the License for the specific language governing permissions and
+      limitations under the License.
+  -->
+
+<!-- printing\ADGPrint.mxml -->
+<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
+
+    <fx:Script>
+        <![CDATA[
+            import mx.printing.*;
+            import mx.collections.ArrayCollection;
+            import mx.printing.PrintAdvancedDataGrid;
+                    
+            // Create a PrintJob instance.
+            private function doPrint():void {
+                // Create an instance of the FlexPrintJob class.
+                var printJob:FlexPrintJob = new FlexPrintJob();
+                
+                // Initialize the PrintAdvancedDataGrid control.
+                var printADG:PrintAdvancedDataGrid = 
+                    new PrintAdvancedDataGrid();
+                // Exclude the PrintAdvancedDataGrid control from layout.
+                printADG.includeInLayout = false;
+                printADG.source = adg;
+
+                // Add the print-specific control to the application.                
+                addChild(printADG);
+                
+                // Start the print job.
+                if (printJob.start() == false) {                
+                    // User cancelled print job.
+                    // Remove the print-specific control to free memory.                
+                    removeChild(printADG);
+                    return;
+                }
+
+                // Add the object to print. Do not scale it.
+                printJob.addObject(printADG, FlexPrintJobScaleType.NONE);
+
+                // Send the job to the printer.
+                printJob.send();
+
+                // Remove the print-specific control to free memory.                
+                removeChild(printADG);
+            }
+            
+            [Bindable]
+            private var dpHierarchy:ArrayCollection = new ArrayCollection([
+              {Region:"Southwest", children: [
+                 {Region:"Arizona", children: [ 
+                    {Territory_Rep:"Barbara Jennings", Actual:38865, Estimate:40000}, 
+                    {Territory_Rep:"Dana Binn", Actual:29885, Estimate:30000}]},  
+                 {Region:"Central California", children: [ 
+                    {Territory_Rep:"Joe Smith", Actual:29134, Estimate:30000}]},  
+                 {Region:"Nevada", children: [ 
+                    {Territory_Rep:"Bethany Pittman", Actual:52888, Estimate:45000}]},  
+                 {Region:"Northern California", children: [ 
+                    {Territory_Rep:"Lauren Ipsum", Actual:38805, Estimate:40000}, 
+                    {Territory_Rep:"T.R. Smith", Actual:55498, Estimate:40000}]},  
+                 {Region:"Southern California", children: [ 
+                    {Territory_Rep:"Alice Treu", Actual:44985, Estimate:45000}, 
+                    {Territory_Rep:"Jane Grove", Actual:44913, Estimate:45000}]}
+              ]}
+            ]);
+            
+        ]]>
+    </fx:Script>
+
+    <mx:Panel title="PrintAdvancedDataGrid Control Example"
+        height="75%" width="75%" layout="horizontal"
+        paddingTop="10" paddingBottom="10" paddingLeft="10" paddingRight="10">
+
+        <mx:AdvancedDataGrid id="adg"
+            width="100%" height="100%">
+            <mx:dataProvider>
+                <mx:HierarchicalData source="{dpHierarchy}"/>
+            </mx:dataProvider>
+            <mx:columns>
+                <mx:AdvancedDataGridColumn dataField="Region"/>
+                <mx:AdvancedDataGridColumn dataField="Territory_Rep"
+                    headerText="Territory Rep"/>
+                <mx:AdvancedDataGridColumn dataField="Actual"/>
+                <mx:AdvancedDataGridColumn dataField="Estimate"/>
+            </mx:columns>
+        </mx:AdvancedDataGrid>    
+
+        <mx:Button id="myButton" 
+            label="Print" 
+            click="doPrint();"/>
+    </mx:Panel>    
+</mx:Application>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/mx/printing/FormPrintFooter.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/mx/printing/FormPrintFooter.mxml b/TourDeFlex/TourDeFlex3/src/mx/printing/FormPrintFooter.mxml
new file mode 100755
index 0000000..20e500b
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/mx/printing/FormPrintFooter.mxml
@@ -0,0 +1,32 @@
+<?xml version="1.0"?>
+<!--
+  Licensed to the Apache Software Foundation (ASF) under one or more
+      contributor license agreements.  See the NOTICE file distributed with
+      this work for additional information regarding copyright ownership.
+      The ASF licenses this file to You under the Apache License, Version 2.0
+      (the "License"); you may not use this file except in compliance with
+      the License.  You may obtain a copy of the License at
+
+          http://www.apache.org/licenses/LICENSE-2.0
+
+      Unless required by applicable law or agreed to in writing, software
+      distributed under the License is distributed on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+      See the License for the specific language governing permissions and
+      limitations under the License.
+  -->
+
+<!-- Custom control for the footer area of the printed page. -->
+
+<mx:VBox xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx"
+	width="60%" horizontalAlign="right" >
+    <!-- Declare and initialize the product total variable. -->
+
+    <fx:Script>
+        <![CDATA[
+            [Bindable]
+            public var pTotal:Number = 0;
+        ]]>
+    </fx:Script>
+    <mx:Label text="Product Total: {pTotal}"/>
+</mx:VBox>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/mx/printing/FormPrintHeader.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/mx/printing/FormPrintHeader.mxml b/TourDeFlex/TourDeFlex3/src/mx/printing/FormPrintHeader.mxml
new file mode 100755
index 0000000..b2283fd
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/mx/printing/FormPrintHeader.mxml
@@ -0,0 +1,25 @@
+<?xml version="1.0"?>
+<!--
+  Licensed to the Apache Software Foundation (ASF) under one or more
+      contributor license agreements.  See the NOTICE file distributed with
+      this work for additional information regarding copyright ownership.
+      The ASF licenses this file to You under the Apache License, Version 2.0
+      (the "License"); you may not use this file except in compliance with
+      the License.  You may obtain a copy of the License at
+
+          http://www.apache.org/licenses/LICENSE-2.0
+
+      Unless required by applicable law or agreed to in writing, software
+      distributed under the License is distributed on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+      See the License for the specific language governing permissions and
+      limitations under the License.
+  -->
+
+<!-- Custom control for the header area of the printed page. -->
+
+<mx:VBox xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx"
+	width="60%" horizontalAlign="right" >
+
+    <mx:Label text="This is a placeholder for first page contents"/>
+</mx:VBox>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/mx/printing/FormPrintView.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/mx/printing/FormPrintView.mxml b/TourDeFlex/TourDeFlex3/src/mx/printing/FormPrintView.mxml
new file mode 100755
index 0000000..dabe443
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/mx/printing/FormPrintView.mxml
@@ -0,0 +1,77 @@
+<?xml version="1.0"?>
+<!--
+  Licensed to the Apache Software Foundation (ASF) under one or more
+      contributor license agreements.  See the NOTICE file distributed with
+      this work for additional information regarding copyright ownership.
+      The ASF licenses this file to You under the Apache License, Version 2.0
+      (the "License"); you may not use this file except in compliance with
+      the License.  You may obtain a copy of the License at
+
+          http://www.apache.org/licenses/LICENSE-2.0
+
+      Unless required by applicable law or agreed to in writing, software
+      distributed under the License is distributed on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+      See the License for the specific language governing permissions and
+      limitations under the License.
+  -->
+
+<!-- Custom control to print the DataGrid control on multiple pages. -->
+
+<mx:VBox xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx"
+	xmlns="*" backgroundColor="#FFFFFF" paddingTop="50" paddingBottom="50" paddingLeft="50">
+
+    <fx:Script>
+        <![CDATA[
+            import mx.core.*
+            // Declare and initialize the variables used in the component.
+            // The application sets the actual prodTotal value.
+            [Bindable]
+            public var pageNumber:Number = 1;
+            [Bindable]
+            public var prodTotal:Number = 0;
+
+            // Control the page contents by selectively hiding the header and
+            // footer based on the page type.
+            public function showPage(pageType:String):void {
+                if(pageType == "first" || pageType == "middle") {
+                    // Hide the footer.
+                    footer.includeInLayout=false;
+                    footer.visible = false;
+                }
+                if(pageType == "middle" || pageType == "last") {
+                    // The header won't be used again; hide it.
+                    header.includeInLayout=false;
+                    header.visible = false;
+                }
+                if(pageType == "last") {
+                    // Show the footer.
+                    footer.includeInLayout=true;
+                    footer.visible = true;
+                }
+                //Update the DataGrid layout to reflect the results.
+                validateNow();
+            }        
+        ]]>
+    </fx:Script>
+
+    <!-- The template for the printed page, with the contents for all pages. -->
+    <mx:VBox width="80%" horizontalAlign="left">
+        <mx:Label text="Page {pageNumber}"/>
+    </mx:VBox>
+
+    <FormPrintHeader id="header" />
+    <!-- The data grid. The sizeToPage property is true by default, so the last
+        page has only as many grid rows as are needed for the data. -->
+    <mx:PrintDataGrid id="myDataGrid" width="60%" height="100%">
+    <!-- Specify the columns to ensure that their order is correct. -->
+        <mx:columns>
+            <mx:DataGridColumn dataField="Index" />
+            <mx:DataGridColumn dataField="Qty" />
+        </mx:columns>
+    </mx:PrintDataGrid>
+
+    <!-- Create a FormPrintFooter control and set its prodTotal variable. -->
+    <FormPrintFooter id="footer" pTotal="{prodTotal}" />
+
+</mx:VBox>
\ No newline at end of file


[09/10] moved mx example files to mx directory

Posted by jm...@apache.org.
http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/containers/HDividedBoxExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/containers/HDividedBoxExample.mxml b/TourDeFlex/TourDeFlex3/src/containers/HDividedBoxExample.mxml
deleted file mode 100755
index cc87bcb..0000000
--- a/TourDeFlex/TourDeFlex3/src/containers/HDividedBoxExample.mxml
+++ /dev/null
@@ -1,41 +0,0 @@
-<?xml version="1.0"?>
-<!--
-  Licensed to the Apache Software Foundation (ASF) under one or more
-      contributor license agreements.  See the NOTICE file distributed with
-      this work for additional information regarding copyright ownership.
-      The ASF licenses this file to You under the Apache License, Version 2.0
-      (the "License"); you may not use this file except in compliance with
-      the License.  You may obtain a copy of the License at
-
-          http://www.apache.org/licenses/LICENSE-2.0
-
-      Unless required by applicable law or agreed to in writing, software
-      distributed under the License is distributed on an "AS IS" BASIS,
-      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-      See the License for the specific language governing permissions and
-      limitations under the License.
-  -->
-
-<!-- Simple example to demonstrate the HDividedBox layout -->
-<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
-
-    <mx:Panel title="HDividedBox Container Example" width="90%" height="90%" 
-        paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10">
-
-        <mx:Text width="100%" color="blue"
-            text="Drag the divider side to side to resize the children."/>
-
-        <mx:HDividedBox width="100%" height="100%">
-
-            <mx:Canvas label="Canvas 1" width="100%" height="100%" backgroundColor="#FFFFCC">
-                <mx:Label text="Add components here" fontWeight="bold"/>
-            </mx:Canvas>
-
-            <mx:Canvas label="Canvas 2" width="100%" height="100%" backgroundColor="#99CCFF">
-                <mx:Label text="Add components here" fontWeight="bold"/>
-            </mx:Canvas>
-
-        </mx:HDividedBox>
-
-    </mx:Panel>
-</mx:Application>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/containers/SimpleApplicationControlBarExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/containers/SimpleApplicationControlBarExample.mxml b/TourDeFlex/TourDeFlex3/src/containers/SimpleApplicationControlBarExample.mxml
deleted file mode 100755
index a7eaaa2..0000000
--- a/TourDeFlex/TourDeFlex3/src/containers/SimpleApplicationControlBarExample.mxml
+++ /dev/null
@@ -1,57 +0,0 @@
-<?xml version="1.0"?>
-<!--
-  Licensed to the Apache Software Foundation (ASF) under one or more
-      contributor license agreements.  See the NOTICE file distributed with
-      this work for additional information regarding copyright ownership.
-      The ASF licenses this file to You under the Apache License, Version 2.0
-      (the "License"); you may not use this file except in compliance with
-      the License.  You may obtain a copy of the License at
-
-          http://www.apache.org/licenses/LICENSE-2.0
-
-      Unless required by applicable law or agreed to in writing, software
-      distributed under the License is distributed on an "AS IS" BASIS,
-      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-      See the License for the specific language governing permissions and
-      limitations under the License.
-  -->
-
-<!-- Simple example to demonstrate the ApplicationControlBar container. -->
-<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx"
-    paddingLeft="10" paddingRight="10" paddingBottom="10" 
-    backgroundColor="0xCCCCCC">
-
-    <mx:ApplicationControlBar dock="true" paddingTop="0" paddingBottom="0">
-        <mx:Label text="Docked" color="blue"/>
-
-        <mx:MenuBar id="myMenuBar" labelField="@label">
-            <fx:XMLList>
-                <menuitem label="MenuItem A" >
-                    <menuitem label="SubMenuItem A-1" type="check"/>
-                    <menuitem label="SubMenuItem A-2" type="check"/>
-                </menuitem>
-                <menuitem label="MenuItem B"/>
-                <menuitem label="MenuItem C"/>
-                <menuitem label="MenuItem D" >
-                    <menuitem label="SubMenuItem D-1" type="radio" groupName="one"/>
-                    <menuitem label="SubMenuItem D-2" type="radio" groupName="one"/>
-                    <menuitem label="SubMenuItem D-3" type="radio" groupName="one"/>
-                </menuitem>
-            </fx:XMLList>
-        </mx:MenuBar>
-    </mx:ApplicationControlBar>
-	
-    <mx:Label text="A docked ApplicationControlBar appears at the top of the application window."/>
-    <mx:Spacer height="100%" />
-
-    <mx:ApplicationControlBar width="80%">
-        <mx:Label text="Normal" color="blue"/>
-        <mx:Label text="Search:" />
-        <mx:TextInput width="100%" maxWidth="200" />
-        <mx:Spacer width="100%" />
-        <mx:Button label="Go flex.apache.org" />
-    </mx:ApplicationControlBar>
-
-    <mx:Label text="A normal ApplicationControlBar can appear anywhere in the application."/>
-
-</mx:Application>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/containers/SimpleBoxExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/containers/SimpleBoxExample.mxml b/TourDeFlex/TourDeFlex3/src/containers/SimpleBoxExample.mxml
deleted file mode 100755
index 2382b9a..0000000
--- a/TourDeFlex/TourDeFlex3/src/containers/SimpleBoxExample.mxml
+++ /dev/null
@@ -1,46 +0,0 @@
-<?xml version="1.0"?>
-<!--
-  Licensed to the Apache Software Foundation (ASF) under one or more
-      contributor license agreements.  See the NOTICE file distributed with
-      this work for additional information regarding copyright ownership.
-      The ASF licenses this file to You under the Apache License, Version 2.0
-      (the "License"); you may not use this file except in compliance with
-      the License.  You may obtain a copy of the License at
-
-          http://www.apache.org/licenses/LICENSE-2.0
-
-      Unless required by applicable law or agreed to in writing, software
-      distributed under the License is distributed on an "AS IS" BASIS,
-      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-      See the License for the specific language governing permissions and
-      limitations under the License.
-  -->
-
-<!-- Simple example to demonstrate the Box layout container. -->
-<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
-
-    <mx:Panel title="Box Container Example" height="75%" width="75%" 
-        paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10">
-
-        <mx:Label width="100%" color="blue"
-            text="A Box container with vertically aligned children."/>
-        <mx:Box direction="vertical" borderStyle="solid" 
-                paddingTop="10" paddingBottom="10" paddingLeft="10" paddingRight="10">
-            <mx:Button label="Button 1"/>
-            <mx:Button label="Button 2"/>
-            <mx:Button label="Button 3"/>
-            <mx:ComboBox/>
-        </mx:Box>
-
-        <mx:Label width="100%" color="blue"
-            text="A Box container with horizontally aligned children."/>
-        <mx:Box direction="horizontal" borderStyle="solid" 
-                paddingTop="10" paddingBottom="10" paddingLeft="10" paddingRight="10">
-            <mx:Button label="Button 1"/>
-            <mx:Button label="Button 2"/>
-            <mx:Button label="Button 3"/>
-            <mx:ComboBox/>
-        </mx:Box>
-
-    </mx:Panel>
-</mx:Application>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/containers/SimpleCanvasExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/containers/SimpleCanvasExample.mxml b/TourDeFlex/TourDeFlex3/src/containers/SimpleCanvasExample.mxml
deleted file mode 100755
index 4273d60..0000000
--- a/TourDeFlex/TourDeFlex3/src/containers/SimpleCanvasExample.mxml
+++ /dev/null
@@ -1,45 +0,0 @@
-<?xml version="1.0"?>
-<!--
-  Licensed to the Apache Software Foundation (ASF) under one or more
-      contributor license agreements.  See the NOTICE file distributed with
-      this work for additional information regarding copyright ownership.
-      The ASF licenses this file to You under the Apache License, Version 2.0
-      (the "License"); you may not use this file except in compliance with
-      the License.  You may obtain a copy of the License at
-
-          http://www.apache.org/licenses/LICENSE-2.0
-
-      Unless required by applicable law or agreed to in writing, software
-      distributed under the License is distributed on an "AS IS" BASIS,
-      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-      See the License for the specific language governing permissions and
-      limitations under the License.
-  -->
-
-<!-- Simple example to demonstrate the Canvas layout container.-->
-<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
-
-    <mx:Panel title="Canvas Container Example" height="95%" width="95%" 
-        paddingTop="5" paddingLeft="5" paddingRight="5" paddingBottom="5">
-
-        <mx:Label width="100%" color="blue" 
-            text="Use absolute positioning to place the children of a Canvas container."/>
-
-        <mx:Canvas borderStyle="solid" height="200" width="100%">
-
-            <!-- Stagger the position of the TextInput controls using absolute positioning.-->
-            <mx:TextInput width="100" x="50" y="5"/>
-            <mx:TextInput width="100" x="100" y="30"/>
-            <mx:TextInput width="100" x="150" y="55"/>
-
-            <!-- Overlap the VBox containers using layout constraints.-->
-            <mx:VBox right="115" bottom="50" width="75" height="75" backgroundColor="#0080C0"/>
-            <mx:VBox right="70" bottom="30" width="75" height="75" backgroundColor="#FFFF80"/>
-            <mx:VBox right="25" bottom="10" width="75" height="75" backgroundColor="#8080C0" alpha="0.8"/>
-
-            <mx:Text right="25" y="110"
-                text="The Canvas container lets you place components on top of each other."/>
-        </mx:Canvas>
-    
-    </mx:Panel>
-</mx:Application>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/containers/SimpleControlBarExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/containers/SimpleControlBarExample.mxml b/TourDeFlex/TourDeFlex3/src/containers/SimpleControlBarExample.mxml
deleted file mode 100755
index a60819f..0000000
--- a/TourDeFlex/TourDeFlex3/src/containers/SimpleControlBarExample.mxml
+++ /dev/null
@@ -1,41 +0,0 @@
-<?xml version="1.0"?>
-<!--
-  Licensed to the Apache Software Foundation (ASF) under one or more
-      contributor license agreements.  See the NOTICE file distributed with
-      this work for additional information regarding copyright ownership.
-      The ASF licenses this file to You under the Apache License, Version 2.0
-      (the "License"); you may not use this file except in compliance with
-      the License.  You may obtain a copy of the License at
-
-          http://www.apache.org/licenses/LICENSE-2.0
-
-      Unless required by applicable law or agreed to in writing, software
-      distributed under the License is distributed on an "AS IS" BASIS,
-      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-      See the License for the specific language governing permissions and
-      limitations under the License.
-  -->
-
-<!-- Simple example to demonstrate the ControlBar container. -->
-<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
-
-    <mx:Panel title="ControlBar Container Example"  width="75%" height="75%" 
-        paddingTop="10" paddingBottom="10" paddingLeft="10" paddingRight="10">
-
-        <mx:HBox width="100%" height="100%">
-            <!-- Area for your catalog. -->
-            <mx:Image source="@Embed(source='assets/ApacheFlexLogo.png')" width="50%" height="100%"/>
-			<mx:Text width="50%" color="blue"
-                text="The ControlBar container in this example adds a Label, NumericStepper, Spacer, and Button control to the bottom of the Panel container."/>
-        </mx:HBox>
-
-        <mx:ControlBar>
-            <mx:Label text="Quantity"/>
-            <mx:NumericStepper/>
-            <!-- Use Spacer to push Button control to the right. -->
-            <mx:Spacer width="100%"/>
-            <mx:Button label="Add to Cart"/>
-        </mx:ControlBar>
-
-    </mx:Panel>
-</mx:Application>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/containers/SimplePanelExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/containers/SimplePanelExample.mxml b/TourDeFlex/TourDeFlex3/src/containers/SimplePanelExample.mxml
deleted file mode 100755
index adcaa17..0000000
--- a/TourDeFlex/TourDeFlex3/src/containers/SimplePanelExample.mxml
+++ /dev/null
@@ -1,45 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!--
-  Licensed to the Apache Software Foundation (ASF) under one or more
-      contributor license agreements.  See the NOTICE file distributed with
-      this work for additional information regarding copyright ownership.
-      The ASF licenses this file to You under the Apache License, Version 2.0
-      (the "License"); you may not use this file except in compliance with
-      the License.  You may obtain a copy of the License at
-
-          http://www.apache.org/licenses/LICENSE-2.0
-
-      Unless required by applicable law or agreed to in writing, software
-      distributed under the License is distributed on an "AS IS" BASIS,
-      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-      See the License for the specific language governing permissions and
-      limitations under the License.
-  -->
-
-<!-- Simple example to demonstrate Panel layout container. -->
-<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
-
-    <fx:Script>
-        <![CDATA[
-       
-            private function showProperties():void  {
-	            panelPropertyArea.text= "Status: " + panel.status + '\n' +
-				  "Title: " + panel.title + '\n' +
-				  "Width: " + panel.width + '\n' +
-				  "Height: " + panel.height ;
-	        }
-        ]]>
-    </fx:Script>
-
-    <mx:Panel id="panel" title="Panel Container Example" status="Active" 
-            height="75%" width="75%" 
-            paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10">
-
-        <mx:Label width="100%" color="blue"
-            text="Click the Button control to see panel properties."/>
-
-        <mx:TextArea id="panelPropertyArea" width="100%" height="100%"/>
-        <mx:Button label="Click to view Panel properties" click="showProperties();"/>
-
-    </mx:Panel>
-</mx:Application>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/containers/SimpleTitleWindowExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/containers/SimpleTitleWindowExample.mxml b/TourDeFlex/TourDeFlex3/src/containers/SimpleTitleWindowExample.mxml
deleted file mode 100755
index 58d1467..0000000
--- a/TourDeFlex/TourDeFlex3/src/containers/SimpleTitleWindowExample.mxml
+++ /dev/null
@@ -1,52 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!--
-  Licensed to the Apache Software Foundation (ASF) under one or more
-      contributor license agreements.  See the NOTICE file distributed with
-      this work for additional information regarding copyright ownership.
-      The ASF licenses this file to You under the Apache License, Version 2.0
-      (the "License"); you may not use this file except in compliance with
-      the License.  You may obtain a copy of the License at
-
-          http://www.apache.org/licenses/LICENSE-2.0
-
-      Unless required by applicable law or agreed to in writing, software
-      distributed under the License is distributed on an "AS IS" BASIS,
-      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-      See the License for the specific language governing permissions and
-      limitations under the License.
-  -->
-
-<!-- Simple custom MXML TitleWindow component.
-     The TitleWindowApp application displays this component. 
-     You cannot run it independently. -->
-     
-<mx:TitleWindow xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx"
-    title="Title Window" x="168" y="86">
-
-    <fx:Script>
-        <![CDATA[       
-            import mx.managers.PopUpManager;
-            import mx.controls.Text;
-	       
-            // A reference to the TextInput control in which to put the result.
-            public var loginName:Text;
-		   
-            // Event handler for the OK button.
-            private function returnName():void {
-                loginName.text="Name entered: " + userName.text; 
-                PopUpManager.removePopUp(this);
-            }
-        ]]>
-    </fx:Script>
-
-    <mx:HBox>
-        <mx:Label text="Enter Name: "/>
-        <mx:TextInput id="userName" width="100%"/>
-    </mx:HBox>
-
-    <mx:HBox>
-        <mx:Button label="OK" click="returnName();"/>
-        <mx:Button label="Cancel" click="PopUpManager.removePopUp(this);"/>
-    </mx:HBox>
-
-</mx:TitleWindow>  

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/containers/TabNavigatorExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/containers/TabNavigatorExample.mxml b/TourDeFlex/TourDeFlex3/src/containers/TabNavigatorExample.mxml
deleted file mode 100755
index 49ee2d9..0000000
--- a/TourDeFlex/TourDeFlex3/src/containers/TabNavigatorExample.mxml
+++ /dev/null
@@ -1,54 +0,0 @@
-<?xml version="1.0"?>
-<!--
-  Licensed to the Apache Software Foundation (ASF) under one or more
-      contributor license agreements.  See the NOTICE file distributed with
-      this work for additional information regarding copyright ownership.
-      The ASF licenses this file to You under the Apache License, Version 2.0
-      (the "License"); you may not use this file except in compliance with
-      the License.  You may obtain a copy of the License at
-
-          http://www.apache.org/licenses/LICENSE-2.0
-
-      Unless required by applicable law or agreed to in writing, software
-      distributed under the License is distributed on an "AS IS" BASIS,
-      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-      See the License for the specific language governing permissions and
-      limitations under the License.
-  -->
-
-<!-- Simple example to demonstrate the TabNavigator layout container. -->
-<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
-
-    <mx:Panel title="TabNavigator Container Example" height="90%" width="90%" 
-        paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10">
-
-        <mx:Label width="100%" color="blue"
-            text="Select the tabs to change the panel."/>
-
-        <mx:TabNavigator id="tn"  width="100%" height="100%">
-            <!-- Define each panel using a VBox container. -->
-
-            <mx:VBox label="Panel 1">
-                <mx:Label text="TabNavigator container panel 1"/>
-            </mx:VBox>
-
-            <mx:VBox label="Panel 2">
-                <mx:Label text="TabNavigator container panel 2"/>
-            </mx:VBox>
-
-            <mx:VBox label="Panel 3">
-                <mx:Label text="TabNavigator container panel 3"/>
-            </mx:VBox>
-        </mx:TabNavigator>
-
-        <mx:Label width="100%" color="blue"
-            text="Programmatically select the panel using a Button control."/>
-
-        <mx:HBox>
-            <mx:Button label="Select Tab 1" click="tn.selectedIndex=0"/>
-            <mx:Button label="Select Tab 2" click="tn.selectedIndex=1"/>
-            <mx:Button label="Select Tab 3" click="tn.selectedIndex=2"/>
-        </mx:HBox>
-    
-    </mx:Panel>
-</mx:Application>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/containers/TileLayoutExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/containers/TileLayoutExample.mxml b/TourDeFlex/TourDeFlex3/src/containers/TileLayoutExample.mxml
deleted file mode 100755
index b71b823..0000000
--- a/TourDeFlex/TourDeFlex3/src/containers/TileLayoutExample.mxml
+++ /dev/null
@@ -1,42 +0,0 @@
-<?xml version="1.0"?>
-<!--
-  Licensed to the Apache Software Foundation (ASF) under one or more
-      contributor license agreements.  See the NOTICE file distributed with
-      this work for additional information regarding copyright ownership.
-      The ASF licenses this file to You under the Apache License, Version 2.0
-      (the "License"); you may not use this file except in compliance with
-      the License.  You may obtain a copy of the License at
-
-          http://www.apache.org/licenses/LICENSE-2.0
-
-      Unless required by applicable law or agreed to in writing, software
-      distributed under the License is distributed on an "AS IS" BASIS,
-      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-      See the License for the specific language governing permissions and
-      limitations under the License.
-  -->
-
-<!-- Simple example to demonstrate the Tile layout container. -->
-<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
-
-    <mx:Panel title="Tile Container Example" height="75%" width="75%" 
-        paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10">
-
-        <mx:Label width="100%" color="blue"
-            text="A Tile container lays out its children in a grid of equal-sized cells."/>
-
-        <mx:Tile direction="horizontal" borderStyle="inset" 
-                horizontalGap="10" verticalGap="15" 
-                paddingTop="10" paddingBottom="10" paddingLeft="10" paddingRight="10">
-
-            <mx:Button label="1" height="50" width="75"/>
-            <mx:Button label="2" height="50" width="75"/>
-            <mx:Button label="3" height="50" width="75"/>
-            <mx:Button label="4" height="50" width="75"/>
-            <mx:Button label="5" height="50" width="75"/>
-            <mx:Button label="6" height="50" width="75"/>
-
-        </mx:Tile>
-
-    </mx:Panel>
-</mx:Application>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/containers/TitleWindowApp.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/containers/TitleWindowApp.mxml b/TourDeFlex/TourDeFlex3/src/containers/TitleWindowApp.mxml
deleted file mode 100755
index fd0e43c..0000000
--- a/TourDeFlex/TourDeFlex3/src/containers/TitleWindowApp.mxml
+++ /dev/null
@@ -1,63 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!--
-  Licensed to the Apache Software Foundation (ASF) under one or more
-      contributor license agreements.  See the NOTICE file distributed with
-      this work for additional information regarding copyright ownership.
-      The ASF licenses this file to You under the Apache License, Version 2.0
-      (the "License"); you may not use this file except in compliance with
-      the License.  You may obtain a copy of the License at
-
-          http://www.apache.org/licenses/LICENSE-2.0
-
-      Unless required by applicable law or agreed to in writing, software
-      distributed under the License is distributed on an "AS IS" BASIS,
-      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-      See the License for the specific language governing permissions and
-      limitations under the License.
-  -->
-
-<!-- Main application to demonstrate TitleWindow layout container. -->
-<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
-
-    <fx:Script>
-        <![CDATA[
-       
-            import mx.managers.PopUpManager;
-            import mx.containers.TitleWindow;
-             import flash.geom.Point;
-
-            private var point1:Point = new Point();
-      
-            // Open the TitleWindow container.
-            // Cast the return value of the createPopUp() method
-            // to SimpleTitleWindowExample, the name of the 
-            // component containing the TitleWindow container.
-            private function showWindow():void {
-                var login:SimpleTitleWindowExample=SimpleTitleWindowExample(PopUpManager.createPopUp( this, SimpleTitleWindowExample , true));
-
-                // Calculate position of TitleWindow in Application's coordinates.
-                // Position it 25 pixels down and to the right of the Button control.
-                point1.x=0;
-                point1.y=0;                
-                point1=myButton.localToGlobal(point1);
-                login.x=point1.x+25;
-                login.y=point1.y+25;
-             
-                // Pass a reference to the TextInput control
-                // to the TitleWindow container so that the 
-                // TitleWindow container can return data to the main application.
-                login.loginName=returnedName;
-            }
-        ]]>
-    </fx:Script>
-
-    <mx:Panel title="TitleWindow Container Example" height="75%" width="75%" 
-        paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10">
-
-        <mx:Button id="myButton" label="Click to open the TitleWindow container" 
-            click="showWindow();"/>
-        
-        <mx:Text id="returnedName" text="" width="100%"/>
-
-    </mx:Panel>
-</mx:Application>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/containers/VBoxExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/containers/VBoxExample.mxml b/TourDeFlex/TourDeFlex3/src/containers/VBoxExample.mxml
deleted file mode 100755
index 8441e94..0000000
--- a/TourDeFlex/TourDeFlex3/src/containers/VBoxExample.mxml
+++ /dev/null
@@ -1,39 +0,0 @@
-<?xml version="1.0"?>
-<!--
-  Licensed to the Apache Software Foundation (ASF) under one or more
-      contributor license agreements.  See the NOTICE file distributed with
-      this work for additional information regarding copyright ownership.
-      The ASF licenses this file to You under the Apache License, Version 2.0
-      (the "License"); you may not use this file except in compliance with
-      the License.  You may obtain a copy of the License at
-
-          http://www.apache.org/licenses/LICENSE-2.0
-
-      Unless required by applicable law or agreed to in writing, software
-      distributed under the License is distributed on an "AS IS" BASIS,
-      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-      See the License for the specific language governing permissions and
-      limitations under the License.
-  -->
-
-<!-- Simple example to demonstrate the VBox layout container. -->
-<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
-
-    <mx:Panel title="VBox Container Example" height="75%" width="75%" 
-        paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10">
-
-       <mx:Label width="100%" color="blue" 
-           text="A VBox container with vertically aligned children."/>
-           
-       <mx:VBox borderStyle="solid" paddingTop="10" paddingBottom="10" 
-               paddingLeft="10" paddingRight="10">
-
-            <mx:Button label="Button 1"/>
-            <mx:Button label="Button 2"/>
-            <mx:Button label="Button 3"/>
-            <mx:ComboBox/>
-
-        </mx:VBox>
-
-    </mx:Panel>
-</mx:Application>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/containers/VDividedBoxExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/containers/VDividedBoxExample.mxml b/TourDeFlex/TourDeFlex3/src/containers/VDividedBoxExample.mxml
deleted file mode 100755
index 4b7ea88..0000000
--- a/TourDeFlex/TourDeFlex3/src/containers/VDividedBoxExample.mxml
+++ /dev/null
@@ -1,41 +0,0 @@
-<?xml version="1.0"?>
-<!--
-  Licensed to the Apache Software Foundation (ASF) under one or more
-      contributor license agreements.  See the NOTICE file distributed with
-      this work for additional information regarding copyright ownership.
-      The ASF licenses this file to You under the Apache License, Version 2.0
-      (the "License"); you may not use this file except in compliance with
-      the License.  You may obtain a copy of the License at
-
-          http://www.apache.org/licenses/LICENSE-2.0
-
-      Unless required by applicable law or agreed to in writing, software
-      distributed under the License is distributed on an "AS IS" BASIS,
-      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-      See the License for the specific language governing permissions and
-      limitations under the License.
-  -->
-
-<!-- Simple example to demonstrate the VDividedBox layout -->
-<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
-
-    <mx:Panel title="VDividedBox Container Example" width="90%" height="90%" 
-        paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10">
-
-        <mx:Text width="100%" color="blue"
-            text="Drag the divider up and down to resize the children."/>
-
-        <mx:VDividedBox width="100%" height="100%">
-
-            <mx:Canvas label="Canvas 1" width="100%" height="100%" backgroundColor="#FFFFCC">
-                <mx:Label text="Add components here" fontWeight="bold"/>
-            </mx:Canvas>
-
-            <mx:Canvas label="Canvas 2" width="100%" height="100%" backgroundColor="#99CCFF">
-                <mx:Label text="Add components here" fontWeight="bold"/>
-            </mx:Canvas>
-
-        </mx:VDividedBox>
-
-    </mx:Panel>
-</mx:Application>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/containers/ViewStackExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/containers/ViewStackExample.mxml b/TourDeFlex/TourDeFlex3/src/containers/ViewStackExample.mxml
deleted file mode 100755
index 0e87625..0000000
--- a/TourDeFlex/TourDeFlex3/src/containers/ViewStackExample.mxml
+++ /dev/null
@@ -1,57 +0,0 @@
-<?xml version="1.0"?>
-<!--
-  Licensed to the Apache Software Foundation (ASF) under one or more
-      contributor license agreements.  See the NOTICE file distributed with
-      this work for additional information regarding copyright ownership.
-      The ASF licenses this file to You under the Apache License, Version 2.0
-      (the "License"); you may not use this file except in compliance with
-      the License.  You may obtain a copy of the License at
-
-          http://www.apache.org/licenses/LICENSE-2.0
-
-      Unless required by applicable law or agreed to in writing, software
-      distributed under the License is distributed on an "AS IS" BASIS,
-      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-      See the License for the specific language governing permissions and
-      limitations under the License.
-  -->
-
-<!-- Simple example to demonstrate the ViewStack layout container. -->
-<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
-
-     <mx:Panel title="ViewStack Container Example" height="95%" width="95%" 
-         paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10">
-
-        <mx:Text width="100%" color="blue"
-            text="Use the Button controls to change panels of the ViewStack container."/>
-
-        <mx:HBox borderStyle="solid" width="100%"
-            paddingTop="5" paddingLeft="5" paddingRight="5" paddingBottom="5">
-            
-            <mx:Button id="searchButton" label="Search Panel"
-                click="myViewStack.selectedChild=search;"/>
-            <mx:Button id="cInfoButton" label="Customer Info Panel"
-                click="myViewStack.selectedChild=custInfo;"/>
-            <mx:Button id="aInfoButton" label="Account Panel"
-                click="myViewStack.selectedChild=accountInfo;"/>
-        </mx:HBox>
-
-        <!-- Define the ViewStack and the three child containers and have it
-        resize up to the size of the container for the buttons. -->
-        <mx:ViewStack id="myViewStack" borderStyle="solid" width="100%" height="80%">
-
-            <mx:Canvas id="search" backgroundColor="#FFFFCC" label="Search" width="100%" height="100%">
-                <mx:Label text="Search Screen" color="#000000"/>
-            </mx:Canvas>
-
-            <mx:Canvas id="custInfo" backgroundColor="#CCFFFF" label="Customer Info" width="100%" height="100%">
-                <mx:Label text="Customer Info" color="#000000"/>
-            </mx:Canvas>
-
-            <mx:Canvas id="accountInfo" backgroundColor="#FFCCFF" label="Account Info" width="100%" height="100%">
-                <mx:Label text="Account Info" color="#000000"/>
-            </mx:Canvas>
-        </mx:ViewStack>
-
-    </mx:Panel>
-</mx:Application>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/containers/assets/ApacheFlexLogo.png
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/containers/assets/ApacheFlexLogo.png b/TourDeFlex/TourDeFlex3/src/containers/assets/ApacheFlexLogo.png
deleted file mode 100644
index 4ff037f..0000000
Binary files a/TourDeFlex/TourDeFlex3/src/containers/assets/ApacheFlexLogo.png and /dev/null differ

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/controls/AdvancedDataGridExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/controls/AdvancedDataGridExample.mxml b/TourDeFlex/TourDeFlex3/src/controls/AdvancedDataGridExample.mxml
deleted file mode 100755
index e262695..0000000
--- a/TourDeFlex/TourDeFlex3/src/controls/AdvancedDataGridExample.mxml
+++ /dev/null
@@ -1,76 +0,0 @@
-<?xml version="1.0"?>
-<!--
-  Licensed to the Apache Software Foundation (ASF) under one or more
-      contributor license agreements.  See the NOTICE file distributed with
-      this work for additional information regarding copyright ownership.
-      The ASF licenses this file to You under the Apache License, Version 2.0
-      (the "License"); you may not use this file except in compliance with
-      the License.  You may obtain a copy of the License at
-
-          http://www.apache.org/licenses/LICENSE-2.0
-
-      Unless required by applicable law or agreed to in writing, software
-      distributed under the License is distributed on an "AS IS" BASIS,
-      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-      See the License for the specific language governing permissions and
-      limitations under the License.
-  -->
-
-<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
-
-    <fx:Script>
-        <![CDATA[
-            import mx.collections.ArrayCollection;
-                  
-            [Bindable]
-            private var dpFlat:ArrayCollection = new ArrayCollection([
-              {Region:"Southwest", Territory:"Arizona", 
-                  Territory_Rep:"Barbara Jennings", Actual:38865, Estimate:40000}, 
-              {Region:"Southwest", Territory:"Arizona", 
-                  Territory_Rep:"Dana Binn", Actual:29885, Estimate:30000},  
-              {Region:"Southwest", Territory:"Central California", 
-                  Territory_Rep:"Joe Smith", Actual:29134, Estimate:30000},  
-              {Region:"Southwest", Territory:"Nevada", 
-                  Territory_Rep:"Bethany Pittman", Actual:52888, Estimate:45000},  
-              {Region:"Southwest", Territory:"Northern California", 
-                  Territory_Rep:"Lauren Ipsum", Actual:38805, Estimate:40000}, 
-              {Region:"Southwest", Territory:"Northern California", 
-                  Territory_Rep:"T.R. Smith", Actual:55498, Estimate:40000},  
-              {Region:"Southwest", Territory:"Southern California", 
-                  Territory_Rep:"Alice Treu", Actual:44985, Estimate:45000}, 
-              {Region:"Southwest", Territory:"Southern California", 
-                  Territory_Rep:"Jane Grove", Actual:44913, Estimate:45000}
-            ]);
-        ]]>
-    </fx:Script>
-
-    <mx:Panel title="AdvancedDataGrid Control Example"
-        height="75%" width="75%" layout="horizontal"
-        paddingTop="10" paddingBottom="10" paddingLeft="10" paddingRight="10">
-
-        <mx:AdvancedDataGrid id="myADG" 
-            width="100%" height="100%" 
-            initialize="gc.refresh();">        
-            <mx:dataProvider>
-                <mx:GroupingCollection2 id="gc" source="{dpFlat}">
-                    <mx:grouping>
-                        <mx:Grouping>
-                            <mx:GroupingField name="Region"/>
-                            <mx:GroupingField name="Territory"/>
-                        </mx:Grouping>
-                    </mx:grouping>
-                </mx:GroupingCollection2>
-            </mx:dataProvider>        
-            
-            <mx:columns>
-                <mx:AdvancedDataGridColumn dataField="Region"/>
-                <mx:AdvancedDataGridColumn dataField="Territory"/>
-                <mx:AdvancedDataGridColumn dataField="Territory_Rep"
-                    headerText="Territory Rep"/>
-                <mx:AdvancedDataGridColumn dataField="Actual"/>
-                <mx:AdvancedDataGridColumn dataField="Estimate"/>
-            </mx:columns>
-       </mx:AdvancedDataGrid>
-    </mx:Panel>
-    
-</mx:Application>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/controls/ButtonBarExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/controls/ButtonBarExample.mxml b/TourDeFlex/TourDeFlex3/src/controls/ButtonBarExample.mxml
deleted file mode 100755
index 1af7ca5..0000000
--- a/TourDeFlex/TourDeFlex3/src/controls/ButtonBarExample.mxml
+++ /dev/null
@@ -1,55 +0,0 @@
-<?xml version="1.0"?>
-<!--
-  Licensed to the Apache Software Foundation (ASF) under one or more
-      contributor license agreements.  See the NOTICE file distributed with
-      this work for additional information regarding copyright ownership.
-      The ASF licenses this file to You under the Apache License, Version 2.0
-      (the "License"); you may not use this file except in compliance with
-      the License.  You may obtain a copy of the License at
-
-          http://www.apache.org/licenses/LICENSE-2.0
-
-      Unless required by applicable law or agreed to in writing, software
-      distributed under the License is distributed on an "AS IS" BASIS,
-      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-      See the License for the specific language governing permissions and
-      limitations under the License.
-  -->
-
-<!-- Simple example to demonstrate the ButtonBar control. -->
-<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
-
-    <fx:Script>
-        <![CDATA[
-
-            import mx.events.ItemClickEvent;
-
-            // Event handler function to print a message
-            // describing the selected Button control.
-    		private function clickHandler(event:ItemClickEvent):void {
-    		    myTA.text="Selected button index: " + String(event.index) +
-    		        "\n" + "Selected button label: " + event.label;
-            }
-        ]]>
-    </fx:Script>
-
-    <mx:Panel title="ButtonBar Control Example" height="75%" width="75%"
-        paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10">
-
-       <mx:Label width="100%" color="blue"
-           text="Select a button in the ButtonBar control."/>
-
-        <mx:TextArea id="myTA" width="100%" height="100%"/>
-
-        <mx:ButtonBar itemClick="clickHandler(event);">
-            <mx:dataProvider>
-                <fx:Array>
-                    <fx:String>Flex SDK</fx:String>
-                    <fx:String>Flex JS</fx:String>
-                    <fx:String>Falcon</fx:String>
-                    <fx:String>Falcon JX</fx:String>
-                </fx:Array>
-            </mx:dataProvider>
-        </mx:ButtonBar>
-    </mx:Panel>
-</mx:Application>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/controls/ButtonExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/controls/ButtonExample.mxml b/TourDeFlex/TourDeFlex3/src/controls/ButtonExample.mxml
deleted file mode 100755
index 87927ae..0000000
--- a/TourDeFlex/TourDeFlex3/src/controls/ButtonExample.mxml
+++ /dev/null
@@ -1,63 +0,0 @@
-<?xml version="1.0"?>
-<!--
-  Licensed to the Apache Software Foundation (ASF) under one or more
-      contributor license agreements.  See the NOTICE file distributed with
-      this work for additional information regarding copyright ownership.
-      The ASF licenses this file to You under the Apache License, Version 2.0
-      (the "License"); you may not use this file except in compliance with
-      the License.  You may obtain a copy of the License at
-
-          http://www.apache.org/licenses/LICENSE-2.0
-
-      Unless required by applicable law or agreed to in writing, software
-      distributed under the License is distributed on an "AS IS" BASIS,
-      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-      See the License for the specific language governing permissions and
-      limitations under the License.
-  -->
-
-<!-- Simple example to demonstrate the Button control. -->
-<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
-
-    <fx:Script>
-        <![CDATA[
-
-            import flash.events.Event;
-
-            // Event handler function to print a message
-            // describing the selected Button control.
-            private function printMessage(event:Event):void  {
-              message.text += event.target.label + " pressed" + "\n";
-            }
-
-      ]]>
-    </fx:Script>
-
-    <mx:Panel title="Button Control Example"
-        height="75%" width="75%" layout="horizontal"
-        paddingTop="10" paddingBottom="10" paddingLeft="10" paddingRight="10">
-
-        <mx:VBox>
-            <mx:Label width="100%" color="blue"
-                text="Select a Button control."/>
-
-             <!-- The button can contain an image, as in the "Button with Icon" button -->
-             <!-- The button can contain an image, as in the "Button with Icon" button -->
-			 <mx:Button id="iconButton" icon="@Embed('assets/ApacheFlexIcon.png')" label="Button with Icon"
-			     paddingLeft="12" paddingRight="18" labelPlacement="right" color="#993300" click="printMessage(event);"/>
-
-             <!-- The size of the button and the label attributes can be customized -->
-             <mx:Button label="Customized Button" color="#993300" toggle="true" selected="true"
-                 textAlign="left" fontStyle="italic" fontSize="13" width="{iconButton.width}"
-                 click="printMessage(event);"/>
-
-             <!-- By default, the look and feel of the customized button is
-                 similar to the Default Button.  -->
-             <mx:Button label="Default Button" click="printMessage(event);"/>
-        </mx:VBox>
-
-         <mx:TextArea id="message" text="" editable="false" height="100%" width="100%"
-             color="#0000FF"/>
-
-    </mx:Panel>
-</mx:Application>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/controls/CheckBoxExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/controls/CheckBoxExample.mxml b/TourDeFlex/TourDeFlex3/src/controls/CheckBoxExample.mxml
deleted file mode 100755
index 6e864bb..0000000
--- a/TourDeFlex/TourDeFlex3/src/controls/CheckBoxExample.mxml
+++ /dev/null
@@ -1,76 +0,0 @@
-<?xml version="1.0"?>
-<!--
-  Licensed to the Apache Software Foundation (ASF) under one or more
-      contributor license agreements.  See the NOTICE file distributed with
-      this work for additional information regarding copyright ownership.
-      The ASF licenses this file to You under the Apache License, Version 2.0
-      (the "License"); you may not use this file except in compliance with
-      the License.  You may obtain a copy of the License at
-
-          http://www.apache.org/licenses/LICENSE-2.0
-
-      Unless required by applicable law or agreed to in writing, software
-      distributed under the License is distributed on an "AS IS" BASIS,
-      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-      See the License for the specific language governing permissions and
-      limitations under the License.
-  -->
-
-<!-- Simple example to demonstrate the CheckBox control -->
-<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
-
-    <fx:Script>
-        <![CDATA[
-
-           import mx.controls.Alert;         
-         
-           // This event handler adds and deletes items from the shopping cart.
-           private function modifyCart():void 
-           {
-                cartItems.text = "";
-	    	
-    	    	if(milkCB.selected == true) {	    	  
-    	    	    cartItems.text += "milk" + '\n' ;
-	    	    }
-	   	
-	   	        if(eggsCB.selected == true) {
-    	    	    cartItems.text += "eggs" + '\n';
-	    	    }
-	    	
-	    	    if(breadCB.selected == true) { 
-    	    	    cartItems.text +="bread" + '\n';
-	    	    }
-      	    }
-      	   
-           // This event handler opens the Alert control.
-	       private function sendMessage():void 
-	       {
-                if(couponCB.selected == true) {
-		          Alert.show('You will receive coupons.');
-		        }
-		        else {
-		            Alert.show('You will not receive any coupons.');
-		        }
-	       }    
-        ]]>
-    </fx:Script>
-
-    <mx:Panel title="CheckBox Control Example" 
-        height="75%" width="75%" layout="horizontal"
-        paddingTop="10" paddingBottom="10" paddingLeft="10" paddingRight="10">
-
-        <mx:VBox>
-            <mx:CheckBox id="milkCB" label="milk" click="modifyCart()"/>
-            <mx:CheckBox id="eggsCB" label="eggs" click="modifyCart()"/>
-            <mx:CheckBox id="breadCB" label="bread" click="modifyCart()"/>
-        </mx:VBox>
-
-        <mx:VBox>
-            <mx:Label text="Items in my cart "/>
-            <mx:TextArea id="cartItems" width="300" height="50" verticalScrollPolicy="off"/>
-            <!-- Event handler sendMessages() is used to handle event click -->
-            <mx:CheckBox id="couponCB" label="Send me coupons for items in my cart"
-                click="sendMessage()" selected="true" color="blue"/>
-        </mx:VBox>
-    </mx:Panel>
-</mx:Application>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/controls/ColorPickerExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/controls/ColorPickerExample.mxml b/TourDeFlex/TourDeFlex3/src/controls/ColorPickerExample.mxml
deleted file mode 100755
index db6e034..0000000
--- a/TourDeFlex/TourDeFlex3/src/controls/ColorPickerExample.mxml
+++ /dev/null
@@ -1,32 +0,0 @@
-<?xml version="1.0"?>
-<!--
-  Licensed to the Apache Software Foundation (ASF) under one or more
-      contributor license agreements.  See the NOTICE file distributed with
-      this work for additional information regarding copyright ownership.
-      The ASF licenses this file to You under the Apache License, Version 2.0
-      (the "License"); you may not use this file except in compliance with
-      the License.  You may obtain a copy of the License at
-
-          http://www.apache.org/licenses/LICENSE-2.0
-
-      Unless required by applicable law or agreed to in writing, software
-      distributed under the License is distributed on an "AS IS" BASIS,
-      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-      See the License for the specific language governing permissions and
-      limitations under the License.
-  -->
-
-<!-- Simple example to demonstrate the ColorPicker control. -->
-<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
-
-    <mx:Panel title="ColorPicker Control Example" height="75%" width="75%" 
-        paddingTop="10" paddingBottom="10" paddingLeft="10" paddingRight="10">
-        
-        <mx:Label width="100%" color="blue"
-           text="Select the background color of the VBox container."/>
-        <mx:ColorPicker id="cp" showTextField="true" selectedColor="0xFFFFFF"/>
-    
-        <mx:VBox width="100%" height="100%" backgroundColor="{cp.selectedColor}" borderStyle="solid"/>
-        <mx:Label color="blue" text="selectedColor: 0x{cp.selectedColor.toString(16)}"/> 
-    </mx:Panel>
-</mx:Application>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/controls/DateChooserExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/controls/DateChooserExample.mxml b/TourDeFlex/TourDeFlex3/src/controls/DateChooserExample.mxml
deleted file mode 100755
index d8f4bce..0000000
--- a/TourDeFlex/TourDeFlex3/src/controls/DateChooserExample.mxml
+++ /dev/null
@@ -1,67 +0,0 @@
-<?xml version="1.0"?>
-<!--
-  Licensed to the Apache Software Foundation (ASF) under one or more
-      contributor license agreements.  See the NOTICE file distributed with
-      this work for additional information regarding copyright ownership.
-      The ASF licenses this file to You under the Apache License, Version 2.0
-      (the "License"); you may not use this file except in compliance with
-      the License.  You may obtain a copy of the License at
-
-          http://www.apache.org/licenses/LICENSE-2.0
-
-      Unless required by applicable law or agreed to in writing, software
-      distributed under the License is distributed on an "AS IS" BASIS,
-      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-      See the License for the specific language governing permissions and
-      limitations under the License.
-  -->
-
-<!-- Simple example to demonstrate DateChooser control. -->
-<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
-
-    <fx:Script>
-        <![CDATA[
-
-            // Event handler function to write the selected
-            // date to the Label control.        
-            private function displayDate(date:Date):void {
-                if (date == null)
-                    selection.text = "Date selected: ";
-                else
-                    selection.text = "Date selected: " + date.getFullYear().toString() +
-                        '/' + (date.getMonth()+1).toString() + '/' + date.getDate();
-            }
-        ]]>
-    </fx:Script>
-
-	<fx:Declarations>
-    	<mx:DateFormatter id="df"/>
-	</fx:Declarations>
-    
-    <mx:Panel title="DateChooser Control Example" height="75%" width="75%" 
-        paddingTop="10" paddingLeft="10" paddingRight="10">
-
-        <mx:Label width="100%" color="blue"
-            text="Select a date in the DateChooser control."/>
-        <mx:Label width="100%" color="blue"
-            text="Select it again while holding down the Control key to clear it."/>
-            
-        <mx:HBox horizontalGap="25">
-          <mx:VBox>
-              <mx:Label text="Simple DateChooser control."/>
-              <mx:DateChooser id="dateChooser1" yearNavigationEnabled="true"    
-                  change="displayDate(DateChooser(event.target).selectedDate)"/>
-              <mx:Label id="selection"  color="blue" text="Date selected:"/>
-          </mx:VBox>
-
-          <mx:VBox>
-              <mx:Label text="Disable dates before June 1, 2006."/>
-              <mx:DateChooser id="dateChooser2" yearNavigationEnabled="true"
-                  disabledRanges="{[ {rangeEnd: new Date(2006, 5, 1)} ]}"/>
-              <mx:Label  color="blue" text="Date selected: {df.format(dateChooser2.selectedDate)}"/>
-          </mx:VBox>
-        </mx:HBox>
-        
-    </mx:Panel>    
-</mx:Application>
-

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/controls/DateFieldExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/controls/DateFieldExample.mxml b/TourDeFlex/TourDeFlex3/src/controls/DateFieldExample.mxml
deleted file mode 100755
index 3113e05..0000000
--- a/TourDeFlex/TourDeFlex3/src/controls/DateFieldExample.mxml
+++ /dev/null
@@ -1,57 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!--
-  Licensed to the Apache Software Foundation (ASF) under one or more
-      contributor license agreements.  See the NOTICE file distributed with
-      this work for additional information regarding copyright ownership.
-      The ASF licenses this file to You under the Apache License, Version 2.0
-      (the "License"); you may not use this file except in compliance with
-      the License.  You may obtain a copy of the License at
-
-          http://www.apache.org/licenses/LICENSE-2.0
-
-      Unless required by applicable law or agreed to in writing, software
-      distributed under the License is distributed on an "AS IS" BASIS,
-      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-      See the License for the specific language governing permissions and
-      limitations under the License.
-  -->
-
-<!-- Simple example to demonstrate the DateField control. -->
-<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
-
-    <fx:Script>
-      <![CDATA[
-
-         // Event handler for the DateField change event.
-         private function dateChanged(date:Date):void {
-            if (date == null)
-                selection.text = "Date selected: ";                
-            else
-                selection.text = "Date selected: " + date.getFullYear().toString() + 
-                    '/' + (date.getMonth()+1).toString() + '/' + date.getDate();
-         }
-      ]]>
-    </fx:Script>
- 
-	<fx:Declarations>
- 		<mx:DateFormatter id="df"/>
-	</fx:Declarations>
-
-    <mx:Panel title="DateField Control Example" height="75%" width="75%" 
-        paddingTop="10" paddingLeft="10" paddingRight="10">
-
-        <mx:Label width="100%"  color="blue"
-            text="Select a date in the DateField control. Select it again to clear it."/>
-
-        <mx:Label text="Basic DateField:"/>
-        <mx:DateField id="dateField1" yearNavigationEnabled="true" 
-            change="dateChanged(DateField(event.target).selectedDate)" />
-        <mx:Label id="selection"  color="blue" text="Date selected:" />
-
-        <mx:Label text="Disable dates on or before June 1, 2006."/>
-        <mx:DateField id="dateField2" yearNavigationEnabled="true" 
-            disabledRanges="{[ {rangeEnd: new Date(2006, 5, 1)} ]}" />
-        <mx:Label  color="blue" text="Date selected: {df.format(dateField2.selectedDate)}"/>
-
-    </mx:Panel>
-</mx:Application>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/controls/HScrollBarExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/controls/HScrollBarExample.mxml b/TourDeFlex/TourDeFlex3/src/controls/HScrollBarExample.mxml
deleted file mode 100755
index faf2d86..0000000
--- a/TourDeFlex/TourDeFlex3/src/controls/HScrollBarExample.mxml
+++ /dev/null
@@ -1,55 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!--
-  Licensed to the Apache Software Foundation (ASF) under one or more
-      contributor license agreements.  See the NOTICE file distributed with
-      this work for additional information regarding copyright ownership.
-      The ASF licenses this file to You under the Apache License, Version 2.0
-      (the "License"); you may not use this file except in compliance with
-      the License.  You may obtain a copy of the License at
-
-          http://www.apache.org/licenses/LICENSE-2.0
-
-      Unless required by applicable law or agreed to in writing, software
-      distributed under the License is distributed on an "AS IS" BASIS,
-      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-      See the License for the specific language governing permissions and
-      limitations under the License.
-  -->
-
-<!-- Simple example to demonstrate the HScrollBar control. -->
-<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
- 
-     <fx:Script>
-        <![CDATA[
-    
-            import mx.events.ScrollEvent;
-    
-            // Event handler function to display the scroll location
-            // as you move the scroll thumb.
-            private function myScroll(event:ScrollEvent):void
-            {
-                showPosition.text = "HScrollBar properties summary:" + '\n' +
-                    "------------------------------------" + '\n' +
-                    "Current scroll position: " + event.currentTarget.scrollPosition  + '\n' +
-                    "The maximum scroll position: " + event.currentTarget.maxScrollPosition + '\n' +
-                    "The minimum scroll position: " + event.currentTarget.minScrollPosition ;
-            }
-        ]]>
-    </fx:Script> 
-  
-    <mx:Panel id="panel" title="HScrollBar Control Example" height="75%" width="75%" 
-        paddingTop="10" paddingBottom="10" paddingLeft="10" paddingRight="10">
-        
-        <mx:Label width="100%" color="blue"
-           text="Click on the scroll bar to view its properties."/> 
-        
-        <mx:HScrollBar id="bar" width="100%" 
-            minScrollPosition="0" maxScrollPosition="{panel.width - 20}" 
-            lineScrollSize="50" pageScrollSize="100" 
-            scroll="myScroll(event);" 
-            repeatDelay="1000" repeatInterval="500" />
-          
-        <mx:TextArea height="100%" width="100%" id="showPosition" color="blue" />
-  
-    </mx:Panel>  
-</mx:Application>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/controls/HorizontalListExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/controls/HorizontalListExample.mxml b/TourDeFlex/TourDeFlex3/src/controls/HorizontalListExample.mxml
deleted file mode 100755
index ce2452c..0000000
--- a/TourDeFlex/TourDeFlex3/src/controls/HorizontalListExample.mxml
+++ /dev/null
@@ -1,67 +0,0 @@
-<?xml version="1.0"?>
-<!--
-  Licensed to the Apache Software Foundation (ASF) under one or more
-      contributor license agreements.  See the NOTICE file distributed with
-      this work for additional information regarding copyright ownership.
-      The ASF licenses this file to You under the Apache License, Version 2.0
-      (the "License"); you may not use this file except in compliance with
-      the License.  You may obtain a copy of the License at
-
-          http://www.apache.org/licenses/LICENSE-2.0
-
-      Unless required by applicable law or agreed to in writing, software
-      distributed under the License is distributed on an "AS IS" BASIS,
-      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-      See the License for the specific language governing permissions and
-      limitations under the License.
-  -->
-
-<!-- Simple example to demonstrate the HorizontalList Control. -->
-<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
-
-    <fx:Script>
-        <![CDATA[
-             
-             [Bindable]
-             [Embed(source="assets/ApacheFlexLogo.png")]
-             public var logo1:Class;
-             
-             [Bindable]
-             [Embed(source="assets/ApacheFlexLogo.png")]
-             public var logo2:Class;
-             
-             [Bindable]
-             [Embed(source="assets/ApacheFlexLogo.png")]
-             public var logo3:Class;
-	     
-             [Bindable]
-	         [Embed(source="assets/ApacheFlexLogo.png")]
-             public var logo4:Class;
-
-             [Bindable]
-	         [Embed(source="assets/ApacheFlexLogo.png")]
-             public var logo5:Class;
-        ]]>
-    </fx:Script>
-
-    <mx:Panel title="HorizontalList Control Example" height="75%" width="75%" 
-        paddingTop="10" paddingBottom="10" paddingLeft="10" paddingRight="10">
-
-        <mx:Label width="100%" color="blue"
-           text="A HorizontalList control displays items in a single row."/>
-
-        <mx:HorizontalList id="CameraSelection" height="250" columnCount="3" columnWidth="125">
-            <mx:dataProvider>
-                <fx:Array>
-                    <fx:Object label="Logo 1" icon="{logo1}"/>
-                    <fx:Object label="Logo 2" icon="{logo2}"/>
-                    <fx:Object label="Logo 3" icon="{logo3}"/>
-                    <fx:Object label="Logo 4" icon="{logo4}"/>
-                    <fx:Object label="Logo 5" icon="{logo5}"/>
-                </fx:Array>
-            </mx:dataProvider>
-        </mx:HorizontalList>
-        
-    </mx:Panel>
-</mx:Application>
-       
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/controls/LabelExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/controls/LabelExample.mxml b/TourDeFlex/TourDeFlex3/src/controls/LabelExample.mxml
deleted file mode 100755
index cf637f1..0000000
--- a/TourDeFlex/TourDeFlex3/src/controls/LabelExample.mxml
+++ /dev/null
@@ -1,47 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!--
-  Licensed to the Apache Software Foundation (ASF) under one or more
-      contributor license agreements.  See the NOTICE file distributed with
-      this work for additional information regarding copyright ownership.
-      The ASF licenses this file to You under the Apache License, Version 2.0
-      (the "License"); you may not use this file except in compliance with
-      the License.  You may obtain a copy of the License at
-
-          http://www.apache.org/licenses/LICENSE-2.0
-
-      Unless required by applicable law or agreed to in writing, software
-      distributed under the License is distributed on an "AS IS" BASIS,
-      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-      See the License for the specific language governing permissions and
-      limitations under the License.
-  -->
-
-<!-- Simple example to demonstrate the Label control -->
-<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
-
-    <fx:Script>
-        <![CDATA[
-      
-            private var htmlData:String="<br>This label displays <b>bold</b> and <i>italic</i> HTML-formatted text.";
-                                         
-            // Event handler function to change the image size.
-            private function displayHTML():void {
-                simpleLabel.htmlText= htmlData;
-            }
-          
-            // Event handler function to change the image size.
-            private function displayText():void {
-                simpleLabel.text="This Label displays plain text.";
-            }         
-        ]]>
-    </fx:Script>
-
-  <mx:Panel title="Label Control Example" height="75%" width="75%" 
-      paddingTop="10" paddingLeft="10">
-    
-      <mx:Label id="simpleLabel" text="This Label displays plain text."/>
-      <mx:Button id="Display" label="Click to display HTML Text" click="displayHTML();"/>
-      <mx:Button id="Clear" label="Click to display plain text" click="displayText();"/>
-  
-  </mx:Panel>
-</mx:Application>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/controls/LinkBarExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/controls/LinkBarExample.mxml b/TourDeFlex/TourDeFlex3/src/controls/LinkBarExample.mxml
deleted file mode 100755
index 14ae256..0000000
--- a/TourDeFlex/TourDeFlex3/src/controls/LinkBarExample.mxml
+++ /dev/null
@@ -1,48 +0,0 @@
-<?xml version="1.0"?>
-<!--
-  Licensed to the Apache Software Foundation (ASF) under one or more
-      contributor license agreements.  See the NOTICE file distributed with
-      this work for additional information regarding copyright ownership.
-      The ASF licenses this file to You under the Apache License, Version 2.0
-      (the "License"); you may not use this file except in compliance with
-      the License.  You may obtain a copy of the License at
-
-          http://www.apache.org/licenses/LICENSE-2.0
-
-      Unless required by applicable law or agreed to in writing, software
-      distributed under the License is distributed on an "AS IS" BASIS,
-      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-      See the License for the specific language governing permissions and
-      limitations under the License.
-  -->
-
-<!-- Simple example to demonstrate the LinkBar control. -->
-<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
- 
-    <mx:Panel title="LinkBar Control Example" 
-        height="75%" width="75%" horizontalAlign="center"
-        paddingTop="10" paddingBottom="10" paddingLeft="10" paddingRight="10">
-   
-        <mx:Text width="100%" 
-            text="Select a link in the LinkBar control to set the active child of the ViewStack container."/>
-
-        <mx:LinkBar color="#0000FF" fontWeight="bold" dataProvider="{myViewStack}"/>        
-        
-        <!-- Define the ViewStack and the three child containers. -->
-        <mx:ViewStack id="myViewStack" borderStyle="solid" width="100%" height="80%">
-
-            <mx:Canvas id="search" backgroundColor="#FFFFCC" label="Search" width="100%" height="100%">
-                <mx:Label text="Search Screen" color="#000000"/>
-            </mx:Canvas>
-
-            <mx:Canvas id="custInfo" backgroundColor="#CCFFFF" label="Customer Info" width="100%" height="100%">
-                <mx:Label text="Customer Info" color="#000000"/>
-            </mx:Canvas>
-
-            <mx:Canvas id="accountInfo" backgroundColor="#FFCCFF" label="Account Info" width="100%" height="100%">
-                <mx:Label text="Account Info" color="#000000"/>
-            </mx:Canvas>
-        </mx:ViewStack>
-        
-    </mx:Panel>
-</mx:Application>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/controls/LinkButtonExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/controls/LinkButtonExample.mxml b/TourDeFlex/TourDeFlex3/src/controls/LinkButtonExample.mxml
deleted file mode 100755
index 333b866..0000000
--- a/TourDeFlex/TourDeFlex3/src/controls/LinkButtonExample.mxml
+++ /dev/null
@@ -1,38 +0,0 @@
-<?xml version="1.0"?>
-<!--
-  Licensed to the Apache Software Foundation (ASF) under one or more
-      contributor license agreements.  See the NOTICE file distributed with
-      this work for additional information regarding copyright ownership.
-      The ASF licenses this file to You under the Apache License, Version 2.0
-      (the "License"); you may not use this file except in compliance with
-      the License.  You may obtain a copy of the License at
-
-          http://www.apache.org/licenses/LICENSE-2.0
-
-      Unless required by applicable law or agreed to in writing, software
-      distributed under the License is distributed on an "AS IS" BASIS,
-      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-      See the License for the specific language governing permissions and
-      limitations under the License.
-  -->
-
-<!-- Simple example to demonstrate the LinkButton control. -->
-<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
-
-    <fx:Script>
-        import mx.controls.Alert;
-    </fx:Script>
-
-    <mx:Panel title="LinkButton Control Example" 
-        height="75%" width="75%" horizontalAlign="center"
-        paddingTop="10" paddingBottom="10" paddingLeft="10" paddingRight="10">
-       
-        <mx:Label width="100%" 
-            text="Select the LinkButton control to open the Alert control."/>
-
-        <mx:LinkButton label="LinkButton control" color="#0000FF" fontWeight="bold" 
-            click="Alert.show('LinkButton selected!');"/>
-
-    </mx:Panel>
-</mx:Application>   
-       
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/controls/Local.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/controls/Local.mxml b/TourDeFlex/TourDeFlex3/src/controls/Local.mxml
deleted file mode 100755
index b721148..0000000
--- a/TourDeFlex/TourDeFlex3/src/controls/Local.mxml
+++ /dev/null
@@ -1,25 +0,0 @@
-<?xml version="1.0"?>
-<!--
-  Licensed to the Apache Software Foundation (ASF) under one or more
-      contributor license agreements.  See the NOTICE file distributed with
-      this work for additional information regarding copyright ownership.
-      The ASF licenses this file to You under the Apache License, Version 2.0
-      (the "License"); you may not use this file except in compliance with
-      the License.  You may obtain a copy of the License at
-
-          http://www.apache.org/licenses/LICENSE-2.0
-
-      Unless required by applicable law or agreed to in writing, software
-      distributed under the License is distributed on an "AS IS" BASIS,
-      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-      See the License for the specific language governing permissions and
-      limitations under the License.
-  -->
-
-<!-- Flex application loaded by the SWFLoader control. -->
-<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx" height="75" width="350">
-
-    <mx:Label color="blue" text="The Label control of the embedded application."/>
-
-</mx:Application>
-       
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/controls/MenuBarExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/controls/MenuBarExample.mxml b/TourDeFlex/TourDeFlex3/src/controls/MenuBarExample.mxml
deleted file mode 100755
index 5970681..0000000
--- a/TourDeFlex/TourDeFlex3/src/controls/MenuBarExample.mxml
+++ /dev/null
@@ -1,77 +0,0 @@
-<?xml version="1.0"?>
-<!--
-  Licensed to the Apache Software Foundation (ASF) under one or more
-      contributor license agreements.  See the NOTICE file distributed with
-      this work for additional information regarding copyright ownership.
-      The ASF licenses this file to You under the Apache License, Version 2.0
-      (the "License"); you may not use this file except in compliance with
-      the License.  You may obtain a copy of the License at
-
-          http://www.apache.org/licenses/LICENSE-2.0
-
-      Unless required by applicable law or agreed to in writing, software
-      distributed under the License is distributed on an "AS IS" BASIS,
-      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-      See the License for the specific language governing permissions and
-      limitations under the License.
-  -->
-
-<!-- Simple example to demonstrate the MenuBar control. -->
-<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx" creationComplete="initCollections();" >
-
-    <fx:Script>
-        <![CDATA[
-
-            import mx.events.MenuEvent;
-            import mx.controls.Alert;
-            import mx.collections.*;
-
-            [Bindable]
-            public var menuBarCollection:XMLListCollection;
-    
-            private var menubarXML:XMLList =
-                <>
-                    <menuitem label="Menu1" data="top">
-                        <menuitem label="MenuItem 1-A" data="1A"/>
-                        <menuitem label="MenuItem 1-B" data="1B"/>
-                    </menuitem>
-                    <menuitem label="Menu2" data="top">
-                        <menuitem label="MenuItem 2-A" type="check"  data="2A"/>
-                        <menuitem type="separator"/>
-                        <menuitem label="MenuItem 2-B" >
-                            <menuitem label="SubMenuItem 3-A" type="radio"
-                                groupName="one" data="3A"/>
-                            <menuitem label="SubMenuItem 3-B" type="radio"
-                                groupName="one" data="3B"/>
-                        </menuitem>
-                    </menuitem>
-                </>;
-
-            // Event handler to initialize the MenuBar control.
-            private function initCollections():void {
-                menuBarCollection = new XMLListCollection(menubarXML);
-            }
-
-            // Event handler for the MenuBar control's itemClick event.
-            private function menuHandler(event:MenuEvent):void  {
-                // Don't open the Alert for a menu bar item that 
-                // opens a popup submenu.
-                if (event.item.@data != "top") {
-                    Alert.show("Label: " + event.item.@label + "\n" + 
-                        "Data: " + event.item.@data, "Clicked menu item");
-                }        
-            }
-         ]]>
-    </fx:Script>
-
-    <mx:Panel title="MenuBar Control Example" height="75%" width="75%" 
-        paddingTop="10" paddingLeft="10">
-
-        <mx:Label width="100%" color="blue"
-           text="Select a menu item."/>
-
-        <mx:MenuBar labelField="@label" itemClick="menuHandler(event);" 
-            dataProvider="{menuBarCollection}" />
-            
-    </mx:Panel>
-</mx:Application>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/controls/NumericStepperExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/controls/NumericStepperExample.mxml b/TourDeFlex/TourDeFlex3/src/controls/NumericStepperExample.mxml
deleted file mode 100755
index ccdfe5b..0000000
--- a/TourDeFlex/TourDeFlex3/src/controls/NumericStepperExample.mxml
+++ /dev/null
@@ -1,42 +0,0 @@
-<?xml version="1.0"?>
-<!--
-  Licensed to the Apache Software Foundation (ASF) under one or more
-      contributor license agreements.  See the NOTICE file distributed with
-      this work for additional information regarding copyright ownership.
-      The ASF licenses this file to You under the Apache License, Version 2.0
-      (the "License"); you may not use this file except in compliance with
-      the License.  You may obtain a copy of the License at
-
-          http://www.apache.org/licenses/LICENSE-2.0
-
-      Unless required by applicable law or agreed to in writing, software
-      distributed under the License is distributed on an "AS IS" BASIS,
-      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-      See the License for the specific language governing permissions and
-      limitations under the License.
-  -->
-
-<!-- Simple example to demonstrate the NumericStepper control. -->
-<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
-
-    <mx:Panel title="NumericStepper Control Example" height="75%" width="75%" 
-        paddingTop="10" paddingLeft="10">
-
-        <mx:Text width="100%" color="blue"
-            text="Default NumericStepper control with a minimum=0, maximum=10, and stepSize=1."/>
-        <mx:NumericStepper/>
-
-        <mx:Text width="100%"  color="blue"
-            text="NumericStepper control with a minimum=10, maximum=40, stepSize=0.01, and starting value of 20."/>
-
-        <mx:NumericStepper id="ns" 
-            minimum="10.00" maximum="40.00" 
-            stepSize="0.01" 
-            value="20.00" 
-            width="65"/>
-
-        <mx:Label  color="blue" text="You selected {ns.value}"/>
-
-    </mx:Panel>
-</mx:Application>
-       
\ No newline at end of file


[02/10] moved mx example files to mx directory

Posted by jm...@apache.org.
http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/mx/printing/PrintDataGridExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/mx/printing/PrintDataGridExample.mxml b/TourDeFlex/TourDeFlex3/src/mx/printing/PrintDataGridExample.mxml
new file mode 100755
index 0000000..d3ef7e9
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/mx/printing/PrintDataGridExample.mxml
@@ -0,0 +1,143 @@
+<?xml version="1.0"?>
+<!--
+  Licensed to the Apache Software Foundation (ASF) under one or more
+      contributor license agreements.  See the NOTICE file distributed with
+      this work for additional information regarding copyright ownership.
+      The ASF licenses this file to You under the Apache License, Version 2.0
+      (the "License"); you may not use this file except in compliance with
+      the License.  You may obtain a copy of the License at
+
+          http://www.apache.org/licenses/LICENSE-2.0
+
+      Unless required by applicable law or agreed to in writing, software
+      distributed under the License is distributed on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+      See the License for the specific language governing permissions and
+      limitations under the License.
+  -->
+
+<!-- Main application to print a DataGrid control on multiple pages. -->
+
+<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx" initialize="initData();">
+
+    <fx:Script>
+        <![CDATA[
+
+		import mx.core.FlexGlobals;
+        import mx.printing.*;
+        import mx.collections.ArrayCollection;
+        import FormPrintView;
+
+        // Declare variables and initialize simple variables.
+        [Bindable]
+        public var dgProvider:ArrayCollection;
+        public var footerHeight:Number = 20;
+        public var prodIndex:Number;
+        public var prodTotal:Number = 0;
+
+        // Data initialization.
+        public function initData():void {
+            // Create the data provider for the DataGrid control.
+            dgProvider = new ArrayCollection;
+        }
+
+        // Fill the dgProvider ArrayCollection with the specified items.
+        public function setdgProvider(items:int):void {
+
+            prodIndex=1;
+            dgProvider.removeAll();
+            for (var z:int=0; z<items; z++)
+            {
+                var prod1:Object = {};
+                prod1.Qty = prodIndex * 7;
+                prod1.Index = prodIndex++;
+                prodTotal += prod1.Qty;
+                dgProvider.addItem(prod1);
+            }
+        }
+
+        // The function to print the output.
+        public function doPrint():void {
+
+            var printJob:FlexPrintJob = new FlexPrintJob();
+            if (printJob.start()) {
+                // Create a FormPrintView control as a child of the current view.
+                var thePrintView:FormPrintView = new FormPrintView();
+               FlexGlobals.topLevelApplication.addChild(thePrintView);
+
+                //Set the print view properties.
+                thePrintView.width=printJob.pageWidth;
+                thePrintView.height=printJob.pageHeight;
+                thePrintView.prodTotal = prodTotal;
+                // Set the data provider of the FormPrintView component's data grid
+                // to be the data provider of the displayed data grid.
+                thePrintView.myDataGrid.dataProvider = myDataGrid.dataProvider;
+                // Create a single-page image.
+                thePrintView.showPage("single");
+                // If the print image's data grid can hold all the provider's rows,
+                // add the page to the print job.
+                if(!thePrintView.myDataGrid.validNextPage)
+                {
+                    printJob.addObject(thePrintView);
+                }
+                // Otherwise, the job requires multiple pages.
+                else
+                {
+                    // Create the first page and add it to the print job.
+                    thePrintView.showPage("first");
+                    printJob.addObject(thePrintView);
+                    thePrintView.pageNumber++;
+                    // Loop through the following code until all pages are queued.
+                    while(true)
+                    {
+                        // Move the next page of data to the top of the print grid.
+                        thePrintView.myDataGrid.nextPage();
+                        thePrintView.showPage("last");
+                        // If the page holds the remaining data, or if the last page
+                        // was completely filled by the last grid data, queue it for printing.
+                        // Test if there is data for another PrintDataGrid page.
+                        if(!thePrintView.myDataGrid.validNextPage)
+                        {
+                            // This is the last page; queue it and exit the print loop.
+                            printJob.addObject(thePrintView);
+                            break;
+                        }
+                        else
+                        // This is not the last page. Queue a middle page.
+                        {
+                            thePrintView.showPage("middle");
+                            printJob.addObject(thePrintView);
+                            thePrintView.pageNumber++;
+                        }
+                    }
+                }
+                // All pages are queued; remove the FormPrintView control to free memory.
+                FlexGlobals.topLevelApplication.removeChild(thePrintView);
+            }
+            // Send the job to the printer.
+            printJob.send();
+        }
+        ]]>
+    </fx:Script>
+
+    <mx:Panel title="DataGrid Printing Example" height="75%" width="75%"
+        paddingTop="10" paddingBottom="10" paddingLeft="10" paddingRight="10">
+
+        <mx:DataGrid id="myDataGrid" dataProvider="{dgProvider}">
+            <mx:columns>
+                <mx:DataGridColumn dataField="Index"/>
+                <mx:DataGridColumn dataField="Qty"/>
+            </mx:columns>
+        </mx:DataGrid>
+
+        <mx:Text width="100%" color="blue"
+            text="Specify the number of lines and click Fill Grid first. Then you can click Print."/>
+
+        <mx:TextInput id="dataItems" text="35"/>
+
+        <mx:HBox>
+            <mx:Button id="setDP" label="Fill Grid" click="setdgProvider(int(dataItems.text));"/>
+            <mx:Button id="printDG" label="Print" click="doPrint();"/>
+        </mx:HBox>
+    </mx:Panel>
+</mx:Application>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/mx/states/StatesExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/mx/states/StatesExample.mxml b/TourDeFlex/TourDeFlex3/src/mx/states/StatesExample.mxml
new file mode 100755
index 0000000..d0f70b1
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/mx/states/StatesExample.mxml
@@ -0,0 +1,56 @@
+<?xml version="1.0" ?>
+<!--
+  Licensed to the Apache Software Foundation (ASF) under one or more
+      contributor license agreements.  See the NOTICE file distributed with
+      this work for additional information regarding copyright ownership.
+      The ASF licenses this file to You under the Apache License, Version 2.0
+      (the "License"); you may not use this file except in compliance with
+      the License.  You may obtain a copy of the License at
+
+          http://www.apache.org/licenses/LICENSE-2.0
+
+      Unless required by applicable law or agreed to in writing, software
+      distributed under the License is distributed on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+      See the License for the specific language governing permissions and
+      limitations under the License.
+  -->
+
+<!-- Simple example to demonstrate the States class. -->
+<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
+
+    <!-- Define one view state, in addition to the base state.-->
+    <mx:states>
+		<mx:State name="default" />
+        <mx:State name="register" />
+    </mx:states>
+
+    <!-- Define a Panel container that defines the login form.-->
+    <mx:Panel title="Login" title.register="Register" id="loginPanel" 
+        horizontalScrollPolicy="off" verticalScrollPolicy="off"
+        paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10">
+
+        <mx:Text width="100%" color="blue"
+            text="Click the 'Need to Register?' link to change state. Click the 'Return to Login' link to return to the base state."/>
+
+        <mx:Form id="loginForm">
+            <mx:FormItem label="Username:">
+                <mx:TextInput/>
+            </mx:FormItem>
+            <mx:FormItem label="Password:">
+                <mx:TextInput/>
+            </mx:FormItem>
+			<mx:FormItem id="confirm" label="Confirm:" includeIn="register">
+            	<mx:TextInput/>
+             </mx:FormItem>
+        </mx:Form>
+        <mx:ControlBar>
+            <mx:LinkButton id="registerLink"  label="Need to Register?"
+                click="currentState='register'" excludeFrom="register"/>
+			<mx:LinkButton id="loginLink" label="Return to Login" click="currentState='default'"
+				includeIn="register" />
+            <mx:Spacer width="100%" id="spacer1"/>
+            <mx:Button label="Login" label.register="register" color.register="blue" id="loginButton" />
+        </mx:ControlBar>
+    </mx:Panel>
+</mx:Application>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/mx/states/TransitionExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/mx/states/TransitionExample.mxml b/TourDeFlex/TourDeFlex3/src/mx/states/TransitionExample.mxml
new file mode 100755
index 0000000..a246307
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/mx/states/TransitionExample.mxml
@@ -0,0 +1,82 @@
+<?xml version="1.0" ?>
+<!--
+  Licensed to the Apache Software Foundation (ASF) under one or more
+      contributor license agreements.  See the NOTICE file distributed with
+      this work for additional information regarding copyright ownership.
+      The ASF licenses this file to You under the Apache License, Version 2.0
+      (the "License"); you may not use this file except in compliance with
+      the License.  You may obtain a copy of the License at
+
+          http://www.apache.org/licenses/LICENSE-2.0
+
+      Unless required by applicable law or agreed to in writing, software
+      distributed under the License is distributed on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+      See the License for the specific language governing permissions and
+      limitations under the License.
+  -->
+
+<!-- Simple example to demonstrate the Transition class. -->
+<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
+
+    <!-- Define one view state, in addition to the base state.-->
+    <mx:states>
+		<mx:State name="default" />
+        <mx:State name="register" />
+    </mx:states>
+
+    <mx:transitions>
+        <!-- Define the transition from the base state to the Register state.-->
+        <mx:Transition id="toRegister" fromState="default" toState="register">
+            <mx:Sequence targets="{[loginPanel, registerLink, confirm, loginLink, spacer1]}">
+                <mx:RemoveChildAction/>
+                <mx:SetPropertyAction target="{loginPanel}" name="title"/>
+                <mx:SetPropertyAction target="{loginButton}" name="label"/>
+                <mx:SetStyleAction target="{loginButton}" name="color"/>
+                <mx:Resize target="{loginPanel}"/>
+                <mx:AddChildAction/>
+            </mx:Sequence>
+        </mx:Transition>
+
+        <!-- Define the transition from the Register state to the base state.-->
+        <mx:Transition id="toDefault" fromState="register" toState="default">
+            <mx:Sequence targets="{[loginPanel, registerLink, confirm, loginLink, spacer1]}">
+                <mx:RemoveChildAction/>
+                <mx:SetPropertyAction target="{loginPanel}" name="title"/>
+                <mx:SetPropertyAction  target="{loginButton}" name="label"/>
+                <mx:SetStyleAction target="{loginButton}" name="color"/>
+                <mx:Resize target="{loginPanel}"/>
+                <mx:AddChildAction/>
+            </mx:Sequence>
+        </mx:Transition>
+	</mx:transitions>
+
+    <!-- Define a Panel container that defines the login form.-->
+    <mx:Panel title="Login" title.register="Register" id="loginPanel" 
+        horizontalScrollPolicy="off" verticalScrollPolicy="off"
+        paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10">
+	
+        <mx:Text width="100%" color="blue"
+            text="Click the 'Need to Register?' link to change state. Click the 'Return to Login' link to return to the base state."/>
+
+        <mx:Form id="loginForm">
+            <mx:FormItem label="Username:">
+                <mx:TextInput/>
+            </mx:FormItem>
+            <mx:FormItem label="Password:">
+                <mx:TextInput/>
+            </mx:FormItem>
+			<mx:FormItem id="confirm" label="Confirm:" includeIn="register">
+            	<mx:TextInput/>
+             </mx:FormItem>
+        </mx:Form>
+        <mx:ControlBar>
+            <mx:LinkButton id="registerLink"  label="Need to Register?"
+                click="currentState='register'" excludeFrom="register"/>
+			<mx:LinkButton id="loginLink" label="Return to Login" click="currentState='default'"
+				includeIn="register" />
+            <mx:Spacer width="100%" id="spacer1"/>
+            <mx:Button label="Login" label.register="register" color.register="blue" id="loginButton" />
+        </mx:ControlBar>
+    </mx:Panel>
+</mx:Application>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/mx/validators/CreditCardValidatorExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/mx/validators/CreditCardValidatorExample.mxml b/TourDeFlex/TourDeFlex3/src/mx/validators/CreditCardValidatorExample.mxml
new file mode 100755
index 0000000..cbf97a5
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/mx/validators/CreditCardValidatorExample.mxml
@@ -0,0 +1,68 @@
+<?xml version="1.0"?>
+<!--
+  Licensed to the Apache Software Foundation (ASF) under one or more
+      contributor license agreements.  See the NOTICE file distributed with
+      this work for additional information regarding copyright ownership.
+      The ASF licenses this file to You under the Apache License, Version 2.0
+      (the "License"); you may not use this file except in compliance with
+      the License.  You may obtain a copy of the License at
+
+          http://www.apache.org/licenses/LICENSE-2.0
+
+      Unless required by applicable law or agreed to in writing, software
+      distributed under the License is distributed on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+      See the License for the specific language governing permissions and
+      limitations under the License.
+  -->
+
+<!-- Simple example to demonstrate the CreditCardValidator. -->
+<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
+
+    <fx:Script>
+        import mx.controls.Alert;
+    </fx:Script>
+
+	<fx:Declarations>	
+		<!-- Define model for the credit card data. -->
+	    <fx:Model id="creditcard">
+	        <card>	
+	            <cardType>{cardTypeCombo.selectedItem.data}</cardType>
+	            <cardNumber>{cardNumberInput.text}</cardNumber>
+	        </card>
+	    </fx:Model>
+		
+	    <mx:CreditCardValidator id="ccV" 
+	        cardTypeSource="{creditcard}" cardTypeProperty="cardType"
+	        cardNumberSource="{creditcard}" cardNumberProperty="cardNumber"
+	        trigger="{myButton}" triggerEvent="click"
+	        cardTypeListener="{cardTypeCombo}"
+	        cardNumberListener="{cardNumberInput}"
+	        valid="Alert.show('Validation Succeeded!');"/>
+	</fx:Declarations>
+  
+    <mx:Panel title="CreditCardValidator Example" width="75%" height="75%" 
+        paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10">
+
+        <mx:Form id="creditCardForm">
+            <mx:FormItem label="Card Type">    
+                <mx:ComboBox id="cardTypeCombo">
+                    <mx:dataProvider>
+                        <fx:Object label="American Express" data="American Express"/>
+                        <fx:Object label="Diners Club" data="Diners Club"/>
+                        <fx:Object label="Discover" data="Discover"/>
+                        <fx:Object label="MasterCard" data="MasterCard"/>
+                        <fx:Object label="Visa" data="Visa"/>
+                    </mx:dataProvider>
+                </mx:ComboBox>
+            </mx:FormItem>
+            <mx:FormItem label="Credit Card Number">
+                <mx:TextInput id="cardNumberInput"/>
+            </mx:FormItem>
+            <mx:FormItem>
+                <mx:Button id="myButton" label="Check Credit"/>
+            </mx:FormItem>
+        </mx:Form> 	
+		
+    </mx:Panel>	
+</mx:Application>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/mx/validators/CurrencyValidatorExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/mx/validators/CurrencyValidatorExample.mxml b/TourDeFlex/TourDeFlex3/src/mx/validators/CurrencyValidatorExample.mxml
new file mode 100755
index 0000000..d937c34
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/mx/validators/CurrencyValidatorExample.mxml
@@ -0,0 +1,45 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!--
+  Licensed to the Apache Software Foundation (ASF) under one or more
+      contributor license agreements.  See the NOTICE file distributed with
+      this work for additional information regarding copyright ownership.
+      The ASF licenses this file to You under the Apache License, Version 2.0
+      (the "License"); you may not use this file except in compliance with
+      the License.  You may obtain a copy of the License at
+
+          http://www.apache.org/licenses/LICENSE-2.0
+
+      Unless required by applicable law or agreed to in writing, software
+      distributed under the License is distributed on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+      See the License for the specific language governing permissions and
+      limitations under the License.
+  -->
+
+<!-- Simple example to demonstrate the CurrencyValidator. -->
+<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
+
+    <fx:Script>
+        import mx.controls.Alert;
+    </fx:Script>
+
+	<fx:Declarations>
+	    <mx:CurrencyValidator source="{priceUS}" property="text" precision="2" 
+	        trigger="{myButton}" triggerEvent="click" 
+	        valid="Alert.show('Validation Succeeded!');"/>
+	</fx:Declarations>
+
+    <mx:Panel title="CurrencyValidator Example" width="75%" height="75%" 
+        paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10">
+        
+        <mx:Form>
+            <mx:FormItem label="Enter a U.S. dollar amount: ">
+                 <mx:TextInput id="priceUS" width="100%"/>
+            </mx:FormItem>
+
+            <mx:FormItem >
+                <mx:Button id="myButton" label="Validate"/>
+            </mx:FormItem>
+        </mx:Form>            
+    </mx:Panel>
+</mx:Application>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/mx/validators/DateValidatorExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/mx/validators/DateValidatorExample.mxml b/TourDeFlex/TourDeFlex3/src/mx/validators/DateValidatorExample.mxml
new file mode 100755
index 0000000..17293a9
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/mx/validators/DateValidatorExample.mxml
@@ -0,0 +1,52 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!--
+  Licensed to the Apache Software Foundation (ASF) under one or more
+      contributor license agreements.  See the NOTICE file distributed with
+      this work for additional information regarding copyright ownership.
+      The ASF licenses this file to You under the Apache License, Version 2.0
+      (the "License"); you may not use this file except in compliance with
+      the License.  You may obtain a copy of the License at
+
+          http://www.apache.org/licenses/LICENSE-2.0
+
+      Unless required by applicable law or agreed to in writing, software
+      distributed under the License is distributed on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+      See the License for the specific language governing permissions and
+      limitations under the License.
+  -->
+
+<!-- Simple example to demonstrate the DateValidator. -->
+<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
+
+    <fx:Script>
+        import mx.controls.Alert;
+    </fx:Script>
+
+	<fx:Declarations>
+	    <fx:Model id="CheckModel">
+	        <dateInfo>
+	            <DOB>{dob.text}</DOB>
+	        </dateInfo>
+	    </fx:Model>
+	
+	    <mx:DateValidator source="{dob}" property="text" allowedFormatChars="/" 
+	        trigger="{myButton}" triggerEvent="click" 
+	        valid="Alert.show('Validation Succeeded!');"/>
+	</fx:Declarations>
+	
+    <mx:Panel title="DateValidator Example" width="75%" height="75%" 
+        paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10">
+
+        <mx:Form>
+            <mx:FormItem label="Enter date of birth (mm/dd/yyyy): ">
+                <mx:TextInput id="dob" width="100%"/>
+            </mx:FormItem>
+
+            <mx:FormItem >
+                <mx:Button id="myButton" label="Validate" />
+            </mx:FormItem>
+        </mx:Form>
+
+    </mx:Panel>
+</mx:Application>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/mx/validators/EmailValidatorExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/mx/validators/EmailValidatorExample.mxml b/TourDeFlex/TourDeFlex3/src/mx/validators/EmailValidatorExample.mxml
new file mode 100755
index 0000000..558971f
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/mx/validators/EmailValidatorExample.mxml
@@ -0,0 +1,45 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!--
+  Licensed to the Apache Software Foundation (ASF) under one or more
+      contributor license agreements.  See the NOTICE file distributed with
+      this work for additional information regarding copyright ownership.
+      The ASF licenses this file to You under the Apache License, Version 2.0
+      (the "License"); you may not use this file except in compliance with
+      the License.  You may obtain a copy of the License at
+
+          http://www.apache.org/licenses/LICENSE-2.0
+
+      Unless required by applicable law or agreed to in writing, software
+      distributed under the License is distributed on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+      See the License for the specific language governing permissions and
+      limitations under the License.
+  -->
+
+<!-- Simple example to demonstrate the EmailValidator. -->
+<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
+
+    <fx:Script>
+        import mx.controls.Alert;
+    </fx:Script>
+
+	<fx:Declarations>
+	   <mx:EmailValidator source="{email}" property="text" 
+	       trigger="{myButton}" triggerEvent="click"
+	       valid="Alert.show('Validation Succeeded!');"/>
+	</fx:Declarations>
+
+   <mx:Panel title="EmailValidator Example" width="75%" height="75%" 
+        paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10">
+
+        <mx:Form>
+            <mx:FormItem label="Enter an e-mail address: ">
+                <mx:TextInput id="email" width="100%"/>
+            </mx:FormItem>
+
+            <mx:FormItem >
+                <mx:Button id="myButton" label="Validate" />
+            </mx:FormItem>
+        </mx:Form>
+    </mx:Panel>
+ </mx:Application>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/mx/validators/NumberValidatorExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/mx/validators/NumberValidatorExample.mxml b/TourDeFlex/TourDeFlex3/src/mx/validators/NumberValidatorExample.mxml
new file mode 100755
index 0000000..979ce17
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/mx/validators/NumberValidatorExample.mxml
@@ -0,0 +1,46 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!--
+  Licensed to the Apache Software Foundation (ASF) under one or more
+      contributor license agreements.  See the NOTICE file distributed with
+      this work for additional information regarding copyright ownership.
+      The ASF licenses this file to You under the Apache License, Version 2.0
+      (the "License"); you may not use this file except in compliance with
+      the License.  You may obtain a copy of the License at
+
+          http://www.apache.org/licenses/LICENSE-2.0
+
+      Unless required by applicable law or agreed to in writing, software
+      distributed under the License is distributed on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+      See the License for the specific language governing permissions and
+      limitations under the License.
+  -->
+
+<!-- Simple example to demonstrate the NumberValidator. -->
+<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
+
+    <fx:Script>
+        import mx.controls.Alert;
+    </fx:Script>
+
+	<fx:Declarations>
+	    <mx:NumberValidator source="{age}" property="text" integerError="Enter Integer value"
+	        minValue="18" maxValue="50" domain="int" 
+	        trigger="{myButton}" triggerEvent="click"
+	        valid="Alert.show('Validation Succeeded!');"/>
+	</fx:Declarations>
+
+    <mx:Panel title="NumberValidator Example" width="75%" height="75%" 
+        paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10">
+
+        <mx:Form>
+            <mx:FormItem label="Enter an age between 18 and 50: ">
+                <mx:TextInput id="age" width="100%"/>
+            </mx:FormItem>
+
+            <mx:FormItem >
+                <mx:Button id="myButton" label="Validate" />
+            </mx:FormItem>
+        </mx:Form>
+    </mx:Panel>
+</mx:Application>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/mx/validators/PhoneNumberValidatorExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/mx/validators/PhoneNumberValidatorExample.mxml b/TourDeFlex/TourDeFlex3/src/mx/validators/PhoneNumberValidatorExample.mxml
new file mode 100755
index 0000000..309802b
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/mx/validators/PhoneNumberValidatorExample.mxml
@@ -0,0 +1,45 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!--
+  Licensed to the Apache Software Foundation (ASF) under one or more
+      contributor license agreements.  See the NOTICE file distributed with
+      this work for additional information regarding copyright ownership.
+      The ASF licenses this file to You under the Apache License, Version 2.0
+      (the "License"); you may not use this file except in compliance with
+      the License.  You may obtain a copy of the License at
+
+          http://www.apache.org/licenses/LICENSE-2.0
+
+      Unless required by applicable law or agreed to in writing, software
+      distributed under the License is distributed on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+      See the License for the specific language governing permissions and
+      limitations under the License.
+  -->
+
+<!-- Simple example to demonstrate the PhoneNumberValidator. -->
+<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
+
+    <fx:Script>
+        import mx.controls.Alert;
+    </fx:Script>
+
+	<fx:Declarations>
+	    <mx:PhoneNumberValidator source="{phone}" property="text" 
+	        trigger="{myButton}" triggerEvent="click"
+	        valid="Alert.show('Validation Succeeded!');"/>
+	</fx:Declarations>
+
+    <mx:Panel title="Phone Number Validator Panel" width="75%" height="75%" 
+        paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10">
+
+        <mx:Form>
+            <mx:FormItem label="Enter 10-digit phone number: ">
+                <mx:TextInput id="phone" width="100%"/>
+            </mx:FormItem>
+
+            <mx:FormItem >
+                <mx:Button id="myButton" label="Validate" />
+            </mx:FormItem>
+        </mx:Form>
+     </mx:Panel>
+</mx:Application>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/mx/validators/RegExValidatorExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/mx/validators/RegExValidatorExample.mxml b/TourDeFlex/TourDeFlex3/src/mx/validators/RegExValidatorExample.mxml
new file mode 100755
index 0000000..8ee9cf9
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/mx/validators/RegExValidatorExample.mxml
@@ -0,0 +1,85 @@
+<?xml version="1.0"?> 
+<!--
+  Licensed to the Apache Software Foundation (ASF) under one or more
+      contributor license agreements.  See the NOTICE file distributed with
+      this work for additional information regarding copyright ownership.
+      The ASF licenses this file to You under the Apache License, Version 2.0
+      (the "License"); you may not use this file except in compliance with
+      the License.  You may obtain a copy of the License at
+
+          http://www.apache.org/licenses/LICENSE-2.0
+
+      Unless required by applicable law or agreed to in writing, software
+      distributed under the License is distributed on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+      See the License for the specific language governing permissions and
+      limitations under the License.
+  -->
+
+<!-- Simple example to demonstrate the RegExpValidator. -->
+<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
+
+	<fx:Script>
+		<![CDATA[
+			import mx.events.ValidationResultEvent;
+			import mx.validators.*;
+	
+            // Write the results to the 
+			private function handleResult(eventObj:ValidationResultEvent):void {
+				if (eventObj.type == ValidationResultEvent.VALID)
+				{
+					// For valid events, the results Array contains
+					// RegExpValidationResult objects.
+					var xResult:RegExpValidationResult;
+					reResults.text="";
+					for (var i:uint = 0; i < eventObj.results.length; i++)
+					{
+						xResult = eventObj.results[i];
+						reResults.text=reResults.text + xResult.matchedIndex + " " +
+							xResult.matchedString + "\n";
+					}
+				}
+				else
+				{
+					reResults.text="";			
+				}		
+			}
+		]]>
+	</fx:Script>
+
+	<fx:Declarations>
+		<mx:RegExpValidator id="regExpV" 
+			source="{regex_text}" property="text" 
+			flags="g" expression="{regex.text}" 
+			valid="handleResult(event)" invalid="handleResult(event)"
+			trigger="{myButton}" triggerEvent="click"/>
+	</fx:Declarations>
+	
+   <mx:Panel title="RegExpValidator Example" width="95%" height="95%" 
+        paddingTop="5" paddingLeft="5" paddingRight="5" paddingBottom="5">
+   
+        <mx:Text width="100%" text="Instructions:"/>
+        <mx:Text width="100%" text="1. Enter text to search. By default, enter  a string containing the letters ABC in sequence followed by any digit."/>
+        <mx:Text width="100%" text="2. Enter the regular expression. By default, enter ABC\d."/>
+        <mx:Text width="100%" text="3. Click the Button control to trigger the validation."/>
+        <mx:Text width="100%" text="4. The results show the index in the text where the matching pattern begins, and the matching pattern. "/>
+   
+        <mx:Form>
+            <mx:FormItem label="Enter text: ">
+                <mx:TextInput id="regex_text" text="xxxxABC4xxx" width="100%"/>
+            </mx:FormItem>
+
+            <mx:FormItem label="Enter regular expression: ">
+                <mx:TextInput id="regex" text="ABC\d" width="100%"/>
+            </mx:FormItem>
+
+            <mx:FormItem label="Results: ">
+                <mx:TextInput id="reResults" width="100%"/>
+            </mx:FormItem>
+
+            <mx:FormItem >
+                <mx:Button id="myButton" label="Validate"/>
+            </mx:FormItem>
+        </mx:Form>
+	</mx:Panel>
+</mx:Application>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/mx/validators/SimpleValidatorExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/mx/validators/SimpleValidatorExample.mxml b/TourDeFlex/TourDeFlex3/src/mx/validators/SimpleValidatorExample.mxml
new file mode 100755
index 0000000..120574e
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/mx/validators/SimpleValidatorExample.mxml
@@ -0,0 +1,76 @@
+<?xml version="1.0"?>
+<!--
+  Licensed to the Apache Software Foundation (ASF) under one or more
+      contributor license agreements.  See the NOTICE file distributed with
+      this work for additional information regarding copyright ownership.
+      The ASF licenses this file to You under the Apache License, Version 2.0
+      (the "License"); you may not use this file except in compliance with
+      the License.  You may obtain a copy of the License at
+
+          http://www.apache.org/licenses/LICENSE-2.0
+
+      Unless required by applicable law or agreed to in writing, software
+      distributed under the License is distributed on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+      See the License for the specific language governing permissions and
+      limitations under the License.
+  -->
+
+<!-- Simple example to demonstrate the Validator class. -->
+<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
+
+    <fx:Script>
+        <![CDATA[
+
+			// Import necessary classes.
+            import mx.controls.Alert;
+			import mx.events.ValidationResultEvent;
+			
+			// Event listener for the valid and invalid events.
+			private function handleValid(eventObj:ValidationResultEvent):void {
+				if(eventObj.type==ValidationResultEvent.VALID)	
+				    // Enable Submit button.
+					submitButton.enabled = true;
+				else
+					submitButton.enabled = false;
+			}
+
+			// Submit form is everything is valid. 
+			private function submitForm():void {
+				Alert.show("Form Submitted!");
+			}
+
+        ]]>
+    </fx:Script>
+
+    <!-- The Validator class defines the required property and the validator events
+         used by all validator subclasses. -->
+	<fx:Declarations>
+	    <mx:Validator id="reqValid" required="true"
+	        source="{fname}" property="text" 
+	        valid="handleValid(event)" invalid="handleValid(event)"/>
+	</fx:Declarations>
+        
+    <mx:Panel title="Validator Example" width="100%" height="100%" 
+            paddingTop="5" paddingLeft="5" paddingRight="5" paddingBottom="5">
+
+        <mx:Form>
+            <mx:Text width="100%" color="blue"
+                text="Enter a value in the Name field before you can submit. The E-mail field is optional."/>
+
+            <mx:FormItem label="Name: " required="true">
+                <mx:TextInput id="fname" width="100%"/>
+            </mx:FormItem>
+
+            <mx:FormItem label="E-mail address: " required="false">
+                <mx:TextInput id="email" width="100%"/>
+            </mx:FormItem>
+            
+            <mx:FormItem>
+                <mx:Button id="submitButton" enabled="false" 
+                    label="Submit" click="submitForm();"/>
+            </mx:FormItem>
+        </mx:Form>
+
+    </mx:Panel>
+</mx:Application>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/mx/validators/SocialSecurityValidatorExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/mx/validators/SocialSecurityValidatorExample.mxml b/TourDeFlex/TourDeFlex3/src/mx/validators/SocialSecurityValidatorExample.mxml
new file mode 100755
index 0000000..92cd7cf
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/mx/validators/SocialSecurityValidatorExample.mxml
@@ -0,0 +1,45 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!--
+  Licensed to the Apache Software Foundation (ASF) under one or more
+      contributor license agreements.  See the NOTICE file distributed with
+      this work for additional information regarding copyright ownership.
+      The ASF licenses this file to You under the Apache License, Version 2.0
+      (the "License"); you may not use this file except in compliance with
+      the License.  You may obtain a copy of the License at
+
+          http://www.apache.org/licenses/LICENSE-2.0
+
+      Unless required by applicable law or agreed to in writing, software
+      distributed under the License is distributed on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+      See the License for the specific language governing permissions and
+      limitations under the License.
+  -->
+
+<!-- Simple example to demonstrate SocialSecurityValidator. -->
+<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
+
+    <fx:Script>
+        import mx.controls.Alert;
+    </fx:Script>
+
+	<fx:Declarations>
+	    <mx:SocialSecurityValidator source="{ssn}" property="text" 
+	        trigger="{myButton}" triggerEvent="click"
+	        valid="Alert.show('Validation Succeeded!');"/>
+	</fx:Declarations>
+
+    <mx:Panel title="Social Security Validator Panel" width="75%" height="75%" 
+        paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10">
+        
+        <mx:Form>
+            <mx:FormItem label="Enter Social Security number: ">
+                <mx:TextInput id="ssn" width="100%"/>
+            </mx:FormItem>
+
+            <mx:FormItem >
+                <mx:Button id="myButton" label="Validate" />
+            </mx:FormItem>
+        </mx:Form>
+    </mx:Panel>
+</mx:Application>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/mx/validators/StringValidatorExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/mx/validators/StringValidatorExample.mxml b/TourDeFlex/TourDeFlex3/src/mx/validators/StringValidatorExample.mxml
new file mode 100755
index 0000000..6e0e655
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/mx/validators/StringValidatorExample.mxml
@@ -0,0 +1,48 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!--
+  Licensed to the Apache Software Foundation (ASF) under one or more
+      contributor license agreements.  See the NOTICE file distributed with
+      this work for additional information regarding copyright ownership.
+      The ASF licenses this file to You under the Apache License, Version 2.0
+      (the "License"); you may not use this file except in compliance with
+      the License.  You may obtain a copy of the License at
+
+          http://www.apache.org/licenses/LICENSE-2.0
+
+      Unless required by applicable law or agreed to in writing, software
+      distributed under the License is distributed on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+      See the License for the specific language governing permissions and
+      limitations under the License.
+  -->
+
+<!-- Simple example to demonstrate StringValidator. -->
+<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
+
+    <fx:Script>
+        import mx.controls.Alert;
+    </fx:Script>
+
+	<fx:Declarations>
+	    <mx:StringValidator source="{fname}" property="text" 
+	    	tooShortError="This string is shorter than the minimum allowed length of 4. " 
+	    	tooLongError="This string is longer than the maximum allowed length of 20." 
+	    	minLength="4" maxLength="20"  
+	    	trigger="{myButton}" triggerEvent="click" 
+	    	valid="Alert.show('Validation Succeeded!');"/>
+	</fx:Declarations>
+
+    <mx:Panel title="StringValidator Example" width="75%" height="75%" 
+        paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10">
+
+            <mx:Form>               
+			    <mx:FormItem label="Enter a name between 4 and 20 characters: ">
+                    <mx:TextInput id="fname" width="100%"/>
+                </mx:FormItem>
+
+                <mx:FormItem >
+                    <mx:Button id="myButton" label="Validate" />
+                </mx:FormItem>
+            </mx:Form>	
+    </mx:Panel>
+</mx:Application>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/mx/validators/ZipCodeValidatorExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/mx/validators/ZipCodeValidatorExample.mxml b/TourDeFlex/TourDeFlex3/src/mx/validators/ZipCodeValidatorExample.mxml
new file mode 100755
index 0000000..b5375ef
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/mx/validators/ZipCodeValidatorExample.mxml
@@ -0,0 +1,45 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!--
+  Licensed to the Apache Software Foundation (ASF) under one or more
+      contributor license agreements.  See the NOTICE file distributed with
+      this work for additional information regarding copyright ownership.
+      The ASF licenses this file to You under the Apache License, Version 2.0
+      (the "License"); you may not use this file except in compliance with
+      the License.  You may obtain a copy of the License at
+
+          http://www.apache.org/licenses/LICENSE-2.0
+
+      Unless required by applicable law or agreed to in writing, software
+      distributed under the License is distributed on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+      See the License for the specific language governing permissions and
+      limitations under the License.
+  -->
+
+<!-- Simple example to demonstrate the ZipCodeValidator. -->
+<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
+
+    <fx:Script>
+        import mx.controls.Alert;
+    </fx:Script>
+
+	<fx:Declarations>
+	    <mx:ZipCodeValidator source="{zip}" property="text" 
+	        trigger="{myButton}" triggerEvent="click"  
+	        valid="Alert.show('Validation Succeeded!');"/>
+	</fx:Declarations>
+
+    <mx:Panel title="ZipcodeValidator Example" width="75%" height="75%" 
+        paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10">
+
+        <mx:Form>
+            <mx:FormItem label="Enter a 5 or 9 digit U.S. Zip code: ">
+                <mx:TextInput id="zip" width="100%"/>
+            </mx:FormItem>
+
+            <mx:FormItem >
+                <mx:Button id="myButton" label="Validate" />
+            </mx:FormItem>
+        </mx:Form>
+    </mx:Panel>
+</mx:Application>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/printing/AdvancedPrintDataGridExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/printing/AdvancedPrintDataGridExample.mxml b/TourDeFlex/TourDeFlex3/src/printing/AdvancedPrintDataGridExample.mxml
deleted file mode 100755
index 69ccd97..0000000
--- a/TourDeFlex/TourDeFlex3/src/printing/AdvancedPrintDataGridExample.mxml
+++ /dev/null
@@ -1,105 +0,0 @@
-<?xml version="1.0"?>
-<!--
-  Licensed to the Apache Software Foundation (ASF) under one or more
-      contributor license agreements.  See the NOTICE file distributed with
-      this work for additional information regarding copyright ownership.
-      The ASF licenses this file to You under the Apache License, Version 2.0
-      (the "License"); you may not use this file except in compliance with
-      the License.  You may obtain a copy of the License at
-
-          http://www.apache.org/licenses/LICENSE-2.0
-
-      Unless required by applicable law or agreed to in writing, software
-      distributed under the License is distributed on an "AS IS" BASIS,
-      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-      See the License for the specific language governing permissions and
-      limitations under the License.
-  -->
-
-<!-- printing\ADGPrint.mxml -->
-<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
-
-    <fx:Script>
-        <![CDATA[
-            import mx.printing.*;
-            import mx.collections.ArrayCollection;
-            import mx.printing.PrintAdvancedDataGrid;
-                    
-            // Create a PrintJob instance.
-            private function doPrint():void {
-                // Create an instance of the FlexPrintJob class.
-                var printJob:FlexPrintJob = new FlexPrintJob();
-                
-                // Initialize the PrintAdvancedDataGrid control.
-                var printADG:PrintAdvancedDataGrid = 
-                    new PrintAdvancedDataGrid();
-                // Exclude the PrintAdvancedDataGrid control from layout.
-                printADG.includeInLayout = false;
-                printADG.source = adg;
-
-                // Add the print-specific control to the application.                
-                addChild(printADG);
-                
-                // Start the print job.
-                if (printJob.start() == false) {                
-                    // User cancelled print job.
-                    // Remove the print-specific control to free memory.                
-                    removeChild(printADG);
-                    return;
-                }
-
-                // Add the object to print. Do not scale it.
-                printJob.addObject(printADG, FlexPrintJobScaleType.NONE);
-
-                // Send the job to the printer.
-                printJob.send();
-
-                // Remove the print-specific control to free memory.                
-                removeChild(printADG);
-            }
-            
-            [Bindable]
-            private var dpHierarchy:ArrayCollection = new ArrayCollection([
-              {Region:"Southwest", children: [
-                 {Region:"Arizona", children: [ 
-                    {Territory_Rep:"Barbara Jennings", Actual:38865, Estimate:40000}, 
-                    {Territory_Rep:"Dana Binn", Actual:29885, Estimate:30000}]},  
-                 {Region:"Central California", children: [ 
-                    {Territory_Rep:"Joe Smith", Actual:29134, Estimate:30000}]},  
-                 {Region:"Nevada", children: [ 
-                    {Territory_Rep:"Bethany Pittman", Actual:52888, Estimate:45000}]},  
-                 {Region:"Northern California", children: [ 
-                    {Territory_Rep:"Lauren Ipsum", Actual:38805, Estimate:40000}, 
-                    {Territory_Rep:"T.R. Smith", Actual:55498, Estimate:40000}]},  
-                 {Region:"Southern California", children: [ 
-                    {Territory_Rep:"Alice Treu", Actual:44985, Estimate:45000}, 
-                    {Territory_Rep:"Jane Grove", Actual:44913, Estimate:45000}]}
-              ]}
-            ]);
-            
-        ]]>
-    </fx:Script>
-
-    <mx:Panel title="PrintAdvancedDataGrid Control Example"
-        height="75%" width="75%" layout="horizontal"
-        paddingTop="10" paddingBottom="10" paddingLeft="10" paddingRight="10">
-
-        <mx:AdvancedDataGrid id="adg"
-            width="100%" height="100%">
-            <mx:dataProvider>
-                <mx:HierarchicalData source="{dpHierarchy}"/>
-            </mx:dataProvider>
-            <mx:columns>
-                <mx:AdvancedDataGridColumn dataField="Region"/>
-                <mx:AdvancedDataGridColumn dataField="Territory_Rep"
-                    headerText="Territory Rep"/>
-                <mx:AdvancedDataGridColumn dataField="Actual"/>
-                <mx:AdvancedDataGridColumn dataField="Estimate"/>
-            </mx:columns>
-        </mx:AdvancedDataGrid>    
-
-        <mx:Button id="myButton" 
-            label="Print" 
-            click="doPrint();"/>
-    </mx:Panel>    
-</mx:Application>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/printing/FormPrintFooter.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/printing/FormPrintFooter.mxml b/TourDeFlex/TourDeFlex3/src/printing/FormPrintFooter.mxml
deleted file mode 100755
index ef1ed8c..0000000
--- a/TourDeFlex/TourDeFlex3/src/printing/FormPrintFooter.mxml
+++ /dev/null
@@ -1,32 +0,0 @@
-<?xml version="1.0"?>
-<!--
-  Licensed to the Apache Software Foundation (ASF) under one or more
-      contributor license agreements.  See the NOTICE file distributed with
-      this work for additional information regarding copyright ownership.
-      The ASF licenses this file to You under the Apache License, Version 2.0
-      (the "License"); you may not use this file except in compliance with
-      the License.  You may obtain a copy of the License at
-
-          http://www.apache.org/licenses/LICENSE-2.0
-
-      Unless required by applicable law or agreed to in writing, software
-      distributed under the License is distributed on an "AS IS" BASIS,
-      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-      See the License for the specific language governing permissions and
-      limitations under the License.
-  -->
-
-<!-- Custom control for the footer area of the printed page. -->
-
-<mx:VBox xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx"
-	width="60%" horizontalAlign="right" >
-    <!-- Declare and initialize the product total variable. -->
-
-    <fx:Script>
-        <![CDATA[
-            [Bindable]
-            public var pTotal:Number = 0;
-        ]]>
-    </fx:Script>
-    <mx:Label text="Product Total: {pTotal}"/>
-</mx:VBox>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/printing/FormPrintHeader.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/printing/FormPrintHeader.mxml b/TourDeFlex/TourDeFlex3/src/printing/FormPrintHeader.mxml
deleted file mode 100755
index 37e74b3..0000000
--- a/TourDeFlex/TourDeFlex3/src/printing/FormPrintHeader.mxml
+++ /dev/null
@@ -1,25 +0,0 @@
-<?xml version="1.0"?>
-<!--
-  Licensed to the Apache Software Foundation (ASF) under one or more
-      contributor license agreements.  See the NOTICE file distributed with
-      this work for additional information regarding copyright ownership.
-      The ASF licenses this file to You under the Apache License, Version 2.0
-      (the "License"); you may not use this file except in compliance with
-      the License.  You may obtain a copy of the License at
-
-          http://www.apache.org/licenses/LICENSE-2.0
-
-      Unless required by applicable law or agreed to in writing, software
-      distributed under the License is distributed on an "AS IS" BASIS,
-      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-      See the License for the specific language governing permissions and
-      limitations under the License.
-  -->
-
-<!-- Custom control for the header area of the printed page. -->
-
-<mx:VBox xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx"
-	width="60%" horizontalAlign="right" >
-
-    <mx:Label text="This is a placeholder for first page contents"/>
-</mx:VBox>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/printing/FormPrintView.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/printing/FormPrintView.mxml b/TourDeFlex/TourDeFlex3/src/printing/FormPrintView.mxml
deleted file mode 100755
index 3adb70d..0000000
--- a/TourDeFlex/TourDeFlex3/src/printing/FormPrintView.mxml
+++ /dev/null
@@ -1,77 +0,0 @@
-<?xml version="1.0"?>
-<!--
-  Licensed to the Apache Software Foundation (ASF) under one or more
-      contributor license agreements.  See the NOTICE file distributed with
-      this work for additional information regarding copyright ownership.
-      The ASF licenses this file to You under the Apache License, Version 2.0
-      (the "License"); you may not use this file except in compliance with
-      the License.  You may obtain a copy of the License at
-
-          http://www.apache.org/licenses/LICENSE-2.0
-
-      Unless required by applicable law or agreed to in writing, software
-      distributed under the License is distributed on an "AS IS" BASIS,
-      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-      See the License for the specific language governing permissions and
-      limitations under the License.
-  -->
-
-<!-- Custom control to print the DataGrid control on multiple pages. -->
-
-<mx:VBox xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx"
-	xmlns="*" backgroundColor="#FFFFFF" paddingTop="50" paddingBottom="50" paddingLeft="50">
-
-    <fx:Script>
-        <![CDATA[
-            import mx.core.*
-            // Declare and initialize the variables used in the component.
-            // The application sets the actual prodTotal value.
-            [Bindable]
-            public var pageNumber:Number = 1;
-            [Bindable]
-            public var prodTotal:Number = 0;
-
-            // Control the page contents by selectively hiding the header and
-            // footer based on the page type.
-            public function showPage(pageType:String):void {
-                if(pageType == "first" || pageType == "middle") {
-                    // Hide the footer.
-                    footer.includeInLayout=false;
-                    footer.visible = false;
-                }
-                if(pageType == "middle" || pageType == "last") {
-                    // The header won't be used again; hide it.
-                    header.includeInLayout=false;
-                    header.visible = false;
-                }
-                if(pageType == "last") {
-                    // Show the footer.
-                    footer.includeInLayout=true;
-                    footer.visible = true;
-                }
-                //Update the DataGrid layout to reflect the results.
-                validateNow();
-            }        
-        ]]>
-    </fx:Script>
-
-    <!-- The template for the printed page, with the contents for all pages. -->
-    <mx:VBox width="80%" horizontalAlign="left">
-        <mx:Label text="Page {pageNumber}"/>
-    </mx:VBox>
-
-    <FormPrintHeader id="header" />
-    <!-- The data grid. The sizeToPage property is true by default, so the last
-        page has only as many grid rows as are needed for the data. -->
-    <mx:PrintDataGrid id="myDataGrid" width="60%" height="100%">
-    <!-- Specify the columns to ensure that their order is correct. -->
-        <mx:columns>
-            <mx:DataGridColumn dataField="Index" />
-            <mx:DataGridColumn dataField="Qty" />
-        </mx:columns>
-    </mx:PrintDataGrid>
-
-    <!-- Create a FormPrintFooter control and set its prodTotal variable. -->
-    <FormPrintFooter id="footer" pTotal="{prodTotal}" />
-
-</mx:VBox>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/printing/PrintDataGridExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/printing/PrintDataGridExample.mxml b/TourDeFlex/TourDeFlex3/src/printing/PrintDataGridExample.mxml
deleted file mode 100755
index 375068b..0000000
--- a/TourDeFlex/TourDeFlex3/src/printing/PrintDataGridExample.mxml
+++ /dev/null
@@ -1,143 +0,0 @@
-<?xml version="1.0"?>
-<!--
-  Licensed to the Apache Software Foundation (ASF) under one or more
-      contributor license agreements.  See the NOTICE file distributed with
-      this work for additional information regarding copyright ownership.
-      The ASF licenses this file to You under the Apache License, Version 2.0
-      (the "License"); you may not use this file except in compliance with
-      the License.  You may obtain a copy of the License at
-
-          http://www.apache.org/licenses/LICENSE-2.0
-
-      Unless required by applicable law or agreed to in writing, software
-      distributed under the License is distributed on an "AS IS" BASIS,
-      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-      See the License for the specific language governing permissions and
-      limitations under the License.
-  -->
-
-<!-- Main application to print a DataGrid control on multiple pages. -->
-
-<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx" initialize="initData();">
-
-    <fx:Script>
-        <![CDATA[
-
-		import mx.core.FlexGlobals;
-        import mx.printing.*;
-        import mx.collections.ArrayCollection;
-        import FormPrintView;
-
-        // Declare variables and initialize simple variables.
-        [Bindable]
-        public var dgProvider:ArrayCollection;
-        public var footerHeight:Number = 20;
-        public var prodIndex:Number;
-        public var prodTotal:Number = 0;
-
-        // Data initialization.
-        public function initData():void {
-            // Create the data provider for the DataGrid control.
-            dgProvider = new ArrayCollection;
-        }
-
-        // Fill the dgProvider ArrayCollection with the specified items.
-        public function setdgProvider(items:int):void {
-
-            prodIndex=1;
-            dgProvider.removeAll();
-            for (var z:int=0; z<items; z++)
-            {
-                var prod1:Object = {};
-                prod1.Qty = prodIndex * 7;
-                prod1.Index = prodIndex++;
-                prodTotal += prod1.Qty;
-                dgProvider.addItem(prod1);
-            }
-        }
-
-        // The function to print the output.
-        public function doPrint():void {
-
-            var printJob:FlexPrintJob = new FlexPrintJob();
-            if (printJob.start()) {
-                // Create a FormPrintView control as a child of the current view.
-                var thePrintView:FormPrintView = new FormPrintView();
-               FlexGlobals.topLevelApplication.addChild(thePrintView);
-
-                //Set the print view properties.
-                thePrintView.width=printJob.pageWidth;
-                thePrintView.height=printJob.pageHeight;
-                thePrintView.prodTotal = prodTotal;
-                // Set the data provider of the FormPrintView component's data grid
-                // to be the data provider of the displayed data grid.
-                thePrintView.myDataGrid.dataProvider = myDataGrid.dataProvider;
-                // Create a single-page image.
-                thePrintView.showPage("single");
-                // If the print image's data grid can hold all the provider's rows,
-                // add the page to the print job.
-                if(!thePrintView.myDataGrid.validNextPage)
-                {
-                    printJob.addObject(thePrintView);
-                }
-                // Otherwise, the job requires multiple pages.
-                else
-                {
-                    // Create the first page and add it to the print job.
-                    thePrintView.showPage("first");
-                    printJob.addObject(thePrintView);
-                    thePrintView.pageNumber++;
-                    // Loop through the following code until all pages are queued.
-                    while(true)
-                    {
-                        // Move the next page of data to the top of the print grid.
-                        thePrintView.myDataGrid.nextPage();
-                        thePrintView.showPage("last");
-                        // If the page holds the remaining data, or if the last page
-                        // was completely filled by the last grid data, queue it for printing.
-                        // Test if there is data for another PrintDataGrid page.
-                        if(!thePrintView.myDataGrid.validNextPage)
-                        {
-                            // This is the last page; queue it and exit the print loop.
-                            printJob.addObject(thePrintView);
-                            break;
-                        }
-                        else
-                        // This is not the last page. Queue a middle page.
-                        {
-                            thePrintView.showPage("middle");
-                            printJob.addObject(thePrintView);
-                            thePrintView.pageNumber++;
-                        }
-                    }
-                }
-                // All pages are queued; remove the FormPrintView control to free memory.
-                FlexGlobals.topLevelApplication.removeChild(thePrintView);
-            }
-            // Send the job to the printer.
-            printJob.send();
-        }
-        ]]>
-    </fx:Script>
-
-    <mx:Panel title="DataGrid Printing Example" height="75%" width="75%"
-        paddingTop="10" paddingBottom="10" paddingLeft="10" paddingRight="10">
-
-        <mx:DataGrid id="myDataGrid" dataProvider="{dgProvider}">
-            <mx:columns>
-                <mx:DataGridColumn dataField="Index"/>
-                <mx:DataGridColumn dataField="Qty"/>
-            </mx:columns>
-        </mx:DataGrid>
-
-        <mx:Text width="100%" color="blue"
-            text="Specify the number of lines and click Fill Grid first. Then you can click Print."/>
-
-        <mx:TextInput id="dataItems" text="35"/>
-
-        <mx:HBox>
-            <mx:Button id="setDP" label="Fill Grid" click="setdgProvider(int(dataItems.text));"/>
-            <mx:Button id="printDG" label="Print" click="doPrint();"/>
-        </mx:HBox>
-    </mx:Panel>
-</mx:Application>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/states/StatesExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/states/StatesExample.mxml b/TourDeFlex/TourDeFlex3/src/states/StatesExample.mxml
deleted file mode 100755
index 291784a..0000000
--- a/TourDeFlex/TourDeFlex3/src/states/StatesExample.mxml
+++ /dev/null
@@ -1,56 +0,0 @@
-<?xml version="1.0" ?>
-<!--
-  Licensed to the Apache Software Foundation (ASF) under one or more
-      contributor license agreements.  See the NOTICE file distributed with
-      this work for additional information regarding copyright ownership.
-      The ASF licenses this file to You under the Apache License, Version 2.0
-      (the "License"); you may not use this file except in compliance with
-      the License.  You may obtain a copy of the License at
-
-          http://www.apache.org/licenses/LICENSE-2.0
-
-      Unless required by applicable law or agreed to in writing, software
-      distributed under the License is distributed on an "AS IS" BASIS,
-      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-      See the License for the specific language governing permissions and
-      limitations under the License.
-  -->
-
-<!-- Simple example to demonstrate the States class. -->
-<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
-
-    <!-- Define one view state, in addition to the base state.-->
-    <mx:states>
-		<mx:State name="default" />
-        <mx:State name="register" />
-    </mx:states>
-
-    <!-- Define a Panel container that defines the login form.-->
-    <mx:Panel title="Login" title.register="Register" id="loginPanel" 
-        horizontalScrollPolicy="off" verticalScrollPolicy="off"
-        paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10">
-
-        <mx:Text width="100%" color="blue"
-            text="Click the 'Need to Register?' link to change state. Click the 'Return to Login' link to return to the base state."/>
-
-        <mx:Form id="loginForm">
-            <mx:FormItem label="Username:">
-                <mx:TextInput/>
-            </mx:FormItem>
-            <mx:FormItem label="Password:">
-                <mx:TextInput/>
-            </mx:FormItem>
-			<mx:FormItem id="confirm" label="Confirm:" includeIn="register">
-            	<mx:TextInput/>
-             </mx:FormItem>
-        </mx:Form>
-        <mx:ControlBar>
-            <mx:LinkButton id="registerLink"  label="Need to Register?"
-                click="currentState='register'" excludeFrom="register"/>
-			<mx:LinkButton id="loginLink" label="Return to Login" click="currentState='default'"
-				includeIn="register" />
-            <mx:Spacer width="100%" id="spacer1"/>
-            <mx:Button label="Login" label.register="register" color.register="blue" id="loginButton" />
-        </mx:ControlBar>
-    </mx:Panel>
-</mx:Application>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/states/TransitionExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/states/TransitionExample.mxml b/TourDeFlex/TourDeFlex3/src/states/TransitionExample.mxml
deleted file mode 100755
index 0f22f95..0000000
--- a/TourDeFlex/TourDeFlex3/src/states/TransitionExample.mxml
+++ /dev/null
@@ -1,82 +0,0 @@
-<?xml version="1.0" ?>
-<!--
-  Licensed to the Apache Software Foundation (ASF) under one or more
-      contributor license agreements.  See the NOTICE file distributed with
-      this work for additional information regarding copyright ownership.
-      The ASF licenses this file to You under the Apache License, Version 2.0
-      (the "License"); you may not use this file except in compliance with
-      the License.  You may obtain a copy of the License at
-
-          http://www.apache.org/licenses/LICENSE-2.0
-
-      Unless required by applicable law or agreed to in writing, software
-      distributed under the License is distributed on an "AS IS" BASIS,
-      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-      See the License for the specific language governing permissions and
-      limitations under the License.
-  -->
-
-<!-- Simple example to demonstrate the Transition class. -->
-<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
-
-    <!-- Define one view state, in addition to the base state.-->
-    <mx:states>
-		<mx:State name="default" />
-        <mx:State name="register" />
-    </mx:states>
-
-    <mx:transitions>
-        <!-- Define the transition from the base state to the Register state.-->
-        <mx:Transition id="toRegister" fromState="default" toState="register">
-            <mx:Sequence targets="{[loginPanel, registerLink, confirm, loginLink, spacer1]}">
-                <mx:RemoveChildAction/>
-                <mx:SetPropertyAction target="{loginPanel}" name="title"/>
-                <mx:SetPropertyAction target="{loginButton}" name="label"/>
-                <mx:SetStyleAction target="{loginButton}" name="color"/>
-                <mx:Resize target="{loginPanel}"/>
-                <mx:AddChildAction/>
-            </mx:Sequence>
-        </mx:Transition>
-
-        <!-- Define the transition from the Register state to the base state.-->
-        <mx:Transition id="toDefault" fromState="register" toState="default">
-            <mx:Sequence targets="{[loginPanel, registerLink, confirm, loginLink, spacer1]}">
-                <mx:RemoveChildAction/>
-                <mx:SetPropertyAction target="{loginPanel}" name="title"/>
-                <mx:SetPropertyAction  target="{loginButton}" name="label"/>
-                <mx:SetStyleAction target="{loginButton}" name="color"/>
-                <mx:Resize target="{loginPanel}"/>
-                <mx:AddChildAction/>
-            </mx:Sequence>
-        </mx:Transition>
-	</mx:transitions>
-
-    <!-- Define a Panel container that defines the login form.-->
-    <mx:Panel title="Login" title.register="Register" id="loginPanel" 
-        horizontalScrollPolicy="off" verticalScrollPolicy="off"
-        paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10">
-	
-        <mx:Text width="100%" color="blue"
-            text="Click the 'Need to Register?' link to change state. Click the 'Return to Login' link to return to the base state."/>
-
-        <mx:Form id="loginForm">
-            <mx:FormItem label="Username:">
-                <mx:TextInput/>
-            </mx:FormItem>
-            <mx:FormItem label="Password:">
-                <mx:TextInput/>
-            </mx:FormItem>
-			<mx:FormItem id="confirm" label="Confirm:" includeIn="register">
-            	<mx:TextInput/>
-             </mx:FormItem>
-        </mx:Form>
-        <mx:ControlBar>
-            <mx:LinkButton id="registerLink"  label="Need to Register?"
-                click="currentState='register'" excludeFrom="register"/>
-			<mx:LinkButton id="loginLink" label="Return to Login" click="currentState='default'"
-				includeIn="register" />
-            <mx:Spacer width="100%" id="spacer1"/>
-            <mx:Button label="Login" label.register="register" color.register="blue" id="loginButton" />
-        </mx:ControlBar>
-    </mx:Panel>
-</mx:Application>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/validators/CreditCardValidatorExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/validators/CreditCardValidatorExample.mxml b/TourDeFlex/TourDeFlex3/src/validators/CreditCardValidatorExample.mxml
deleted file mode 100755
index c541e43..0000000
--- a/TourDeFlex/TourDeFlex3/src/validators/CreditCardValidatorExample.mxml
+++ /dev/null
@@ -1,68 +0,0 @@
-<?xml version="1.0"?>
-<!--
-  Licensed to the Apache Software Foundation (ASF) under one or more
-      contributor license agreements.  See the NOTICE file distributed with
-      this work for additional information regarding copyright ownership.
-      The ASF licenses this file to You under the Apache License, Version 2.0
-      (the "License"); you may not use this file except in compliance with
-      the License.  You may obtain a copy of the License at
-
-          http://www.apache.org/licenses/LICENSE-2.0
-
-      Unless required by applicable law or agreed to in writing, software
-      distributed under the License is distributed on an "AS IS" BASIS,
-      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-      See the License for the specific language governing permissions and
-      limitations under the License.
-  -->
-
-<!-- Simple example to demonstrate the CreditCardValidator. -->
-<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
-
-    <fx:Script>
-        import mx.controls.Alert;
-    </fx:Script>
-
-	<fx:Declarations>	
-		<!-- Define model for the credit card data. -->
-	    <fx:Model id="creditcard">
-	        <card>	
-	            <cardType>{cardTypeCombo.selectedItem.data}</cardType>
-	            <cardNumber>{cardNumberInput.text}</cardNumber>
-	        </card>
-	    </fx:Model>
-		
-	    <mx:CreditCardValidator id="ccV" 
-	        cardTypeSource="{creditcard}" cardTypeProperty="cardType"
-	        cardNumberSource="{creditcard}" cardNumberProperty="cardNumber"
-	        trigger="{myButton}" triggerEvent="click"
-	        cardTypeListener="{cardTypeCombo}"
-	        cardNumberListener="{cardNumberInput}"
-	        valid="Alert.show('Validation Succeeded!');"/>
-	</fx:Declarations>
-  
-    <mx:Panel title="CreditCardValidator Example" width="75%" height="75%" 
-        paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10">
-
-        <mx:Form id="creditCardForm">
-            <mx:FormItem label="Card Type">    
-                <mx:ComboBox id="cardTypeCombo">
-                    <mx:dataProvider>
-                        <fx:Object label="American Express" data="American Express"/>
-                        <fx:Object label="Diners Club" data="Diners Club"/>
-                        <fx:Object label="Discover" data="Discover"/>
-                        <fx:Object label="MasterCard" data="MasterCard"/>
-                        <fx:Object label="Visa" data="Visa"/>
-                    </mx:dataProvider>
-                </mx:ComboBox>
-            </mx:FormItem>
-            <mx:FormItem label="Credit Card Number">
-                <mx:TextInput id="cardNumberInput"/>
-            </mx:FormItem>
-            <mx:FormItem>
-                <mx:Button id="myButton" label="Check Credit"/>
-            </mx:FormItem>
-        </mx:Form> 	
-		
-    </mx:Panel>	
-</mx:Application>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/validators/CurrencyValidatorExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/validators/CurrencyValidatorExample.mxml b/TourDeFlex/TourDeFlex3/src/validators/CurrencyValidatorExample.mxml
deleted file mode 100755
index 704d05c..0000000
--- a/TourDeFlex/TourDeFlex3/src/validators/CurrencyValidatorExample.mxml
+++ /dev/null
@@ -1,45 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!--
-  Licensed to the Apache Software Foundation (ASF) under one or more
-      contributor license agreements.  See the NOTICE file distributed with
-      this work for additional information regarding copyright ownership.
-      The ASF licenses this file to You under the Apache License, Version 2.0
-      (the "License"); you may not use this file except in compliance with
-      the License.  You may obtain a copy of the License at
-
-          http://www.apache.org/licenses/LICENSE-2.0
-
-      Unless required by applicable law or agreed to in writing, software
-      distributed under the License is distributed on an "AS IS" BASIS,
-      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-      See the License for the specific language governing permissions and
-      limitations under the License.
-  -->
-
-<!-- Simple example to demonstrate the CurrencyValidator. -->
-<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
-
-    <fx:Script>
-        import mx.controls.Alert;
-    </fx:Script>
-
-	<fx:Declarations>
-	    <mx:CurrencyValidator source="{priceUS}" property="text" precision="2" 
-	        trigger="{myButton}" triggerEvent="click" 
-	        valid="Alert.show('Validation Succeeded!');"/>
-	</fx:Declarations>
-
-    <mx:Panel title="CurrencyValidator Example" width="75%" height="75%" 
-        paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10">
-        
-        <mx:Form>
-            <mx:FormItem label="Enter a U.S. dollar amount: ">
-                 <mx:TextInput id="priceUS" width="100%"/>
-            </mx:FormItem>
-
-            <mx:FormItem >
-                <mx:Button id="myButton" label="Validate"/>
-            </mx:FormItem>
-        </mx:Form>            
-    </mx:Panel>
-</mx:Application>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/validators/DateValidatorExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/validators/DateValidatorExample.mxml b/TourDeFlex/TourDeFlex3/src/validators/DateValidatorExample.mxml
deleted file mode 100755
index f6526ab..0000000
--- a/TourDeFlex/TourDeFlex3/src/validators/DateValidatorExample.mxml
+++ /dev/null
@@ -1,52 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!--
-  Licensed to the Apache Software Foundation (ASF) under one or more
-      contributor license agreements.  See the NOTICE file distributed with
-      this work for additional information regarding copyright ownership.
-      The ASF licenses this file to You under the Apache License, Version 2.0
-      (the "License"); you may not use this file except in compliance with
-      the License.  You may obtain a copy of the License at
-
-          http://www.apache.org/licenses/LICENSE-2.0
-
-      Unless required by applicable law or agreed to in writing, software
-      distributed under the License is distributed on an "AS IS" BASIS,
-      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-      See the License for the specific language governing permissions and
-      limitations under the License.
-  -->
-
-<!-- Simple example to demonstrate the DateValidator. -->
-<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
-
-    <fx:Script>
-        import mx.controls.Alert;
-    </fx:Script>
-
-	<fx:Declarations>
-	    <fx:Model id="CheckModel">
-	        <dateInfo>
-	            <DOB>{dob.text}</DOB>
-	        </dateInfo>
-	    </fx:Model>
-	
-	    <mx:DateValidator source="{dob}" property="text" allowedFormatChars="/" 
-	        trigger="{myButton}" triggerEvent="click" 
-	        valid="Alert.show('Validation Succeeded!');"/>
-	</fx:Declarations>
-	
-    <mx:Panel title="DateValidator Example" width="75%" height="75%" 
-        paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10">
-
-        <mx:Form>
-            <mx:FormItem label="Enter date of birth (mm/dd/yyyy): ">
-                <mx:TextInput id="dob" width="100%"/>
-            </mx:FormItem>
-
-            <mx:FormItem >
-                <mx:Button id="myButton" label="Validate" />
-            </mx:FormItem>
-        </mx:Form>
-
-    </mx:Panel>
-</mx:Application>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/validators/EmailValidatorExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/validators/EmailValidatorExample.mxml b/TourDeFlex/TourDeFlex3/src/validators/EmailValidatorExample.mxml
deleted file mode 100755
index bd1d3cb..0000000
--- a/TourDeFlex/TourDeFlex3/src/validators/EmailValidatorExample.mxml
+++ /dev/null
@@ -1,45 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!--
-  Licensed to the Apache Software Foundation (ASF) under one or more
-      contributor license agreements.  See the NOTICE file distributed with
-      this work for additional information regarding copyright ownership.
-      The ASF licenses this file to You under the Apache License, Version 2.0
-      (the "License"); you may not use this file except in compliance with
-      the License.  You may obtain a copy of the License at
-
-          http://www.apache.org/licenses/LICENSE-2.0
-
-      Unless required by applicable law or agreed to in writing, software
-      distributed under the License is distributed on an "AS IS" BASIS,
-      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-      See the License for the specific language governing permissions and
-      limitations under the License.
-  -->
-
-<!-- Simple example to demonstrate the EmailValidator. -->
-<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
-
-    <fx:Script>
-        import mx.controls.Alert;
-    </fx:Script>
-
-	<fx:Declarations>
-	   <mx:EmailValidator source="{email}" property="text" 
-	       trigger="{myButton}" triggerEvent="click"
-	       valid="Alert.show('Validation Succeeded!');"/>
-	</fx:Declarations>
-
-   <mx:Panel title="EmailValidator Example" width="75%" height="75%" 
-        paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10">
-
-        <mx:Form>
-            <mx:FormItem label="Enter an e-mail address: ">
-                <mx:TextInput id="email" width="100%"/>
-            </mx:FormItem>
-
-            <mx:FormItem >
-                <mx:Button id="myButton" label="Validate" />
-            </mx:FormItem>
-        </mx:Form>
-    </mx:Panel>
- </mx:Application>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/validators/NumberValidatorExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/validators/NumberValidatorExample.mxml b/TourDeFlex/TourDeFlex3/src/validators/NumberValidatorExample.mxml
deleted file mode 100755
index 4e6303f..0000000
--- a/TourDeFlex/TourDeFlex3/src/validators/NumberValidatorExample.mxml
+++ /dev/null
@@ -1,46 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!--
-  Licensed to the Apache Software Foundation (ASF) under one or more
-      contributor license agreements.  See the NOTICE file distributed with
-      this work for additional information regarding copyright ownership.
-      The ASF licenses this file to You under the Apache License, Version 2.0
-      (the "License"); you may not use this file except in compliance with
-      the License.  You may obtain a copy of the License at
-
-          http://www.apache.org/licenses/LICENSE-2.0
-
-      Unless required by applicable law or agreed to in writing, software
-      distributed under the License is distributed on an "AS IS" BASIS,
-      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-      See the License for the specific language governing permissions and
-      limitations under the License.
-  -->
-
-<!-- Simple example to demonstrate the NumberValidator. -->
-<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
-
-    <fx:Script>
-        import mx.controls.Alert;
-    </fx:Script>
-
-	<fx:Declarations>
-	    <mx:NumberValidator source="{age}" property="text" integerError="Enter Integer value"
-	        minValue="18" maxValue="50" domain="int" 
-	        trigger="{myButton}" triggerEvent="click"
-	        valid="Alert.show('Validation Succeeded!');"/>
-	</fx:Declarations>
-
-    <mx:Panel title="NumberValidator Example" width="75%" height="75%" 
-        paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10">
-
-        <mx:Form>
-            <mx:FormItem label="Enter an age between 18 and 50: ">
-                <mx:TextInput id="age" width="100%"/>
-            </mx:FormItem>
-
-            <mx:FormItem >
-                <mx:Button id="myButton" label="Validate" />
-            </mx:FormItem>
-        </mx:Form>
-    </mx:Panel>
-</mx:Application>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/48f47e61/TourDeFlex/TourDeFlex3/src/validators/PhoneNumberValidatorExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/validators/PhoneNumberValidatorExample.mxml b/TourDeFlex/TourDeFlex3/src/validators/PhoneNumberValidatorExample.mxml
deleted file mode 100755
index 100607a..0000000
--- a/TourDeFlex/TourDeFlex3/src/validators/PhoneNumberValidatorExample.mxml
+++ /dev/null
@@ -1,45 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!--
-  Licensed to the Apache Software Foundation (ASF) under one or more
-      contributor license agreements.  See the NOTICE file distributed with
-      this work for additional information regarding copyright ownership.
-      The ASF licenses this file to You under the Apache License, Version 2.0
-      (the "License"); you may not use this file except in compliance with
-      the License.  You may obtain a copy of the License at
-
-          http://www.apache.org/licenses/LICENSE-2.0
-
-      Unless required by applicable law or agreed to in writing, software
-      distributed under the License is distributed on an "AS IS" BASIS,
-      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-      See the License for the specific language governing permissions and
-      limitations under the License.
-  -->
-
-<!-- Simple example to demonstrate the PhoneNumberValidator. -->
-<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx">
-
-    <fx:Script>
-        import mx.controls.Alert;
-    </fx:Script>
-
-	<fx:Declarations>
-	    <mx:PhoneNumberValidator source="{phone}" property="text" 
-	        trigger="{myButton}" triggerEvent="click"
-	        valid="Alert.show('Validation Succeeded!');"/>
-	</fx:Declarations>
-
-    <mx:Panel title="Phone Number Validator Panel" width="75%" height="75%" 
-        paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10">
-
-        <mx:Form>
-            <mx:FormItem label="Enter 10-digit phone number: ">
-                <mx:TextInput id="phone" width="100%"/>
-            </mx:FormItem>
-
-            <mx:FormItem >
-                <mx:Button id="myButton" label="Validate" />
-            </mx:FormItem>
-        </mx:Form>
-     </mx:Panel>
-</mx:Application>
\ No newline at end of file