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/23 05:25:37 UTC

[01/51] [partial] Merged TourDeFlex release from develop

Repository: flex-utilities
Updated Branches:
  refs/heads/master 8bab45d41 -> e1f9d1df0


http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/spark/layouts/HBaselineLayout.as
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/layouts/HBaselineLayout.as b/TourDeFlex/TourDeFlex3/src/spark/layouts/HBaselineLayout.as
new file mode 100644
index 0000000..5d87ce7
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/spark/layouts/HBaselineLayout.as
@@ -0,0 +1,199 @@
+////////////////////////////////////////////////////////////////////////////////
+//
+//  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.
+//
+////////////////////////////////////////////////////////////////////////////////
+package {
+
+import mx.core.ILayoutElement;
+import mx.events.PropertyChangeEvent;
+import mx.formatters.NumberBase;
+
+import spark.components.supportClasses.GroupBase;
+import spark.layouts.HorizontalLayout;
+
+public class HBaselineLayout extends HorizontalLayout
+{
+	public function HBaselineLayout()
+	{
+		super();
+	}
+
+	//----------------------------------
+	//  globalBaseline
+	//----------------------------------
+	
+	[Inspectable(category="General")]
+
+	private var _globalBaseline:Number = NaN;
+	public function get globalBaseline():Number
+	{
+		return _globalBaseline;
+	}
+
+	public function set globalBaseline(value:Number):void
+	{
+		_globalBaseline = value;
+		var target:GroupBase = this.target;
+		if (target)
+		{
+			target.invalidateSize();
+			target.invalidateDisplayList();
+		}
+	}
+
+	//----------------------------------
+	//  actualBaseline
+	//----------------------------------
+	
+	private var _actualBaseline:Number;
+	
+	[Bindable("propertyChange")]
+	[Inspectable(category="General")]
+	
+	public function get actualBaseline():Number
+	{
+		return _actualBaseline;
+	}
+	
+	private function setActualBaseline(value:Number):void
+	{
+		if (value == _actualBaseline)
+			return;
+
+		var oldValue:Number = _actualBaseline;
+		_actualBaseline = value;
+		dispatchEvent(PropertyChangeEvent.createUpdateEvent(this, "actualBaseline", oldValue, value));
+	}
+	
+	//----------------------------------
+	//  verticalAlign
+	//----------------------------------
+	
+	[Inspectable(category="General", enumeration="top,bottom,middle,justify,contentJustify,baseline", defaultValue="top")]
+	override public function get verticalAlign():String
+	{
+		return super.verticalAlign;		
+	}
+
+	/**
+	 *  @private 
+	 */
+	override public function measure():void
+	{
+		super.measure();
+		
+		var target:GroupBase = this.target;
+		if (!target || verticalAlign != "baseline")
+			return;
+		
+		measureBaseline(true /*usePreferredSize*/);
+		if (!isNaN(_globalBaseline))
+			measuredBaselineTop = _globalBaseline;
+		
+		// The measured height is the sum of the space above and below the baseline
+		if (isNaN(paddingTop))
+			measuredBaselineTop += paddingTop;
+		if (isNaN(paddingBottom))
+			measuredBaselineBottom += paddingBottom;
+		target.measuredHeight = Math.round(measuredBaselineTop + measuredBaselineBottom);
+	}
+	
+	/**
+	 *  @private 
+	 */
+	override public function updateDisplayList(unscaledWidth:Number, unscaledHeight:Number):void
+	{
+		super.updateDisplayList(unscaledWidth, unscaledHeight);
+		
+		var target:GroupBase = this.target;
+		if (!target || verticalAlign != "baseline")
+			return;
+
+		measureBaseline(false /*usePreferredSize*/);
+		if (!isNaN(_globalBaseline))
+			measuredBaselineTop = _globalBaseline;
+
+		if (isNaN(paddingTop))
+			measuredBaselineTop += paddingTop;
+		
+		// Adjust the position of the elements
+		var contentHeight:Number = 0;
+		var count:int = target.numElements;
+		for (var i:int = 0; i < count; i++)
+		{
+			var element:ILayoutElement = target.getElementAt(i);
+			if (!element || !element.includeInLayout)
+				continue;
+			
+			var elementBaseline:Number = element.baseline as Number;
+			if (isNaN(elementBaseline))
+				elementBaseline = 0;
+
+			var baselinePosition:Number = element.baselinePosition;
+			var y:Number = measuredBaselineTop + (elementBaseline - baselinePosition);
+			element.setLayoutBoundsPosition(element.getLayoutBoundsX(), y);
+			contentHeight = Math.max(contentHeight, element.getLayoutBoundsHeight() + y);
+		}
+
+		// Adjust the content height
+		if (isNaN(paddingBottom))
+			contentHeight += paddingBottom;
+		target.setContentSize(target.contentWidth, contentHeight);
+		
+		// Update the baseline
+		setActualBaseline(measuredBaselineTop);
+	}
+
+	private var measuredBaselineTop:Number = 0;			// How much space is needed above the baseline to fit all the elements
+	private var measuredBaselineBottom:Number = 0;		// How much space is needed below the baseline to fit all the elements
+	
+	/**
+	 *  @private 
+	 */
+	private function measureBaseline(usePreferredSize:Boolean):void
+	{
+		var elementBaseline:Number = 0; 			// The current element's explicit baseline constraint
+		var elementBaselineTop:Number = 0;			// The portiono of the current element that's above the baseline
+		var elementBaselineBottom:Number = 0;		// The portion of the current element that's below the baseline
+
+		measuredBaselineTop = 0;
+		measuredBaselineBottom = 0;
+
+		var count:int = target.numElements;
+		for (var i:int = 0; i < count; i++)
+		{
+			var element:ILayoutElement = target.getElementAt(i);
+			if (!element || !element.includeInLayout)
+				continue;
+			
+			var elementHeight:Number = usePreferredSize ? element.getPreferredBoundsHeight() :
+														  element.getLayoutBoundsHeight();
+			elementBaseline = element.baseline as Number;
+			if (isNaN(elementBaseline))
+				elementBaseline = 0;
+			
+			var baselinePosition:Number = element.baselinePosition;
+			
+			elementBaselineTop = baselinePosition - elementBaseline;
+			elementBaselineBottom = elementHeight - elementBaselineTop;
+			
+			measuredBaselineTop = Math.max(elementBaselineTop, measuredBaselineTop);
+			measuredBaselineBottom = Math.max(elementBaselineBottom, measuredBaselineBottom);
+		}
+	}
+}
+}
\ No newline at end of file


[05/51] [partial] Merged TourDeFlex release from develop

Posted by jm...@apache.org.
http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/spark/controls/TextInputExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/controls/TextInputExample.mxml b/TourDeFlex/TourDeFlex3/src/spark/controls/TextInputExample.mxml
new file mode 100644
index 0000000..c5f8b5a
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/spark/controls/TextInputExample.mxml
@@ -0,0 +1,100 @@
+<?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.
+
+-->
+<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
+			   xmlns:s="library://ns.adobe.com/flex/spark" 
+			   xmlns:mx="library://ns.adobe.com/flex/mx">
+	<fx:Script>
+		<![CDATA[
+			import spark.events.TextOperationEvent;
+			import spark.components.RichEditableText;
+			
+			private function txtChangeHandler(event:TextOperationEvent):void
+			{
+				var textInput:TextInput = event.target as TextInput;
+				textInput.clearStyle("color");
+			}
+			
+
+			protected function changeHandler(event:MouseEvent):void
+			{
+				txt.maxChars = this.maxChars.value;
+				txt.restrict = this.restrictStr.text;
+				RichEditableText(txt.textDisplay).textFlow.textAlign = alignVal.selectedItem;
+				RichEditableText(txt.textDisplay).textFlow.direction = direction.selectedItem;
+			}
+
+		]]>
+	</fx:Script>
+	 
+	<s:Panel skinClass="skins.TDFPanelSkin" 
+			 width="100%" height="100%"
+			 title="TextInput Sample">
+		
+		<s:VGroup top="20" width="100%" height="100%" left="200">
+			<s:HGroup verticalAlign="middle">
+				<s:Label text="Specify Max Character Input:"/>
+				<s:NumericStepper id="maxChars" value="30" stepSize="2" change="this.changeHandler(null)"/>
+			</s:HGroup>
+			<s:HGroup verticalAlign="middle">
+				<s:Label text="Specify Text Alignment:"/>
+				<s:DropDownList id="alignVal" prompt="left" change="this.changeHandler(null)">
+					<s:dataProvider>
+						<mx:ArrayList>
+							<fx:String>left</fx:String>
+							<fx:String>right</fx:String>
+							<fx:String>center</fx:String>
+							<fx:String>justify</fx:String>
+							<fx:String>start</fx:String>
+							<fx:String>end</fx:String>
+						</mx:ArrayList>
+					</s:dataProvider>
+				</s:DropDownList>
+			</s:HGroup>
+			<s:HGroup verticalAlign="middle">
+				<s:Label text="Direction:"/>
+				<s:DropDownList id="direction" prompt="ltr" change="this.changeHandler(null)">
+					<s:dataProvider>
+						<mx:ArrayList>
+							<fx:String>rtl</fx:String>
+							<fx:String>ltr</fx:String>
+						</mx:ArrayList>
+					</s:dataProvider>
+				</s:DropDownList>
+			</s:HGroup>
+			<s:HGroup verticalAlign="middle">
+				<s:Label text="Specify characters to restrict (use - for range):"/>
+				<s:TextInput id="restrictStr" change="this.changeHandler(null)"/> 
+			</s:HGroup>
+			<s:HGroup verticalAlign="middle">
+				<s:Label text="Text Input:"/>
+				<s:TextInput id="txt" maxChars="{maxChars.value}" maxWidth="150" 
+							 change="txtChangeHandler(event)" textAlign="{alignVal.selectedItem}"/>	
+			</s:HGroup>
+			<mx:Spacer height="10"/>
+			<s:Label width="85%" horizontalCenter="0" color="#323232"
+					 text="TextInput is a text-entry control that lets users enter and edit a single line of uniformly-formatted text.
+This Spark version of TextInput makes use of the Text Layout Framework (TLF). Numerous properties are available to be set using the 
+textFlow object from the TLF framework. Uses of some are shown above."/>
+		</s:VGroup>
+		
+	</s:Panel>
+	
+
+</s:Application>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/spark/controls/TextLayout1Example.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/controls/TextLayout1Example.mxml b/TourDeFlex/TourDeFlex3/src/spark/controls/TextLayout1Example.mxml
new file mode 100644
index 0000000..77c1737
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/spark/controls/TextLayout1Example.mxml
@@ -0,0 +1,165 @@
+<?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.
+
+-->
+<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
+			   xmlns:s="library://ns.adobe.com/flex/spark" 
+			   xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600"
+			   xmlns:local="*" creationComplete="init()">
+	
+	<!-- Based on original code from here and updated and enhanced for Flex 4:
+		http://www.adobe.com/devnet/flex/articles/text_layout_framework_04.html
+	-->
+	
+	<fx:Script>
+		<![CDATA[
+			import flashx.textLayout.container.ContainerController;
+			import flashx.textLayout.conversion.ITextImporter;
+			import flashx.textLayout.conversion.TextConverter;
+			import flashx.textLayout.edit.EditManager;
+			import flashx.textLayout.edit.ISelectionManager;
+			import flashx.textLayout.edit.SelectionState;
+			import flashx.textLayout.elements.InlineGraphicElement;
+			import flashx.textLayout.elements.ParagraphElement;
+			import flashx.textLayout.elements.TextFlow;
+			import flashx.textLayout.events.SelectionEvent;
+			import flashx.textLayout.events.StatusChangeEvent;
+			import flashx.textLayout.formats.Direction;
+			import flashx.textLayout.formats.TextLayoutFormat;
+			import flashx.undo.UndoManager;
+			
+			import mx.collections.ArrayCollection;
+			import mx.controls.CheckBox;
+			import mx.events.FlexEvent;
+			import mx.events.SliderEvent;
+			
+			import skins.TDFPanelSkin;
+			
+			import spark.components.Group;
+			import spark.core.SpriteVisualElement;
+			
+			[Bindable]
+			public var directions:ArrayCollection = new ArrayCollection(
+				[
+					{label:"Left-to-Right", data:Direction.LTR},
+					{label:"Right-to-Left", data:Direction.RTL}
+				]
+			);
+			
+			[Embed(source="assets/ApacheFlexLogo.png")]
+			[Bindable]
+			static public var imgClass:Class;
+			
+			private var _textContainer:SpriteVisualElement = null;
+			
+			private static const textInput:XML = <TextFlow xmlns="http://ns.adobe.com/textLayout/2008">
+				<div>
+					<p><span>The Text Layout Framework is an extensible library, built on the new text engine in Adobe Flash Player 10, which delivers advanced, easy-to-integrate typographic and text layout features for rich, sophisticated and innovative typography on the web. 
+				Some benefits provided by this framework include: 1) rich typographical controls, including kerning, ligatures, typographic case, digit case, digit width and discretionary hyphens
+				2) cut, copy, paste, undo and standard keyboard and mouse gestures for editing 3) selection, editing and flowing text across multiple columns and linked containers 
+				4) bidirectional text, vertical text and over 30 writing scripts including Arabic, Hebrew, Chinese, Japanese, Korean, Thai, Lao, Vietnamese, and others
+				5) vertical text, Tate-Chu-Yoko (horizontal within vertical text) and justifier for East Asian typography. Try editing this text and playing with the options below! Notice an inline image is also included.</span></p>
+				</div>
+				</TextFlow>;
+			
+			private var _textFlow:TextFlow;
+			
+			private function init():void {
+				
+				_textContainer = new SpriteVisualElement();
+				
+				canvas.addElement(_textContainer);
+				var importer:ITextImporter = TextConverter.getImporter(TextConverter.TEXT_LAYOUT_FORMAT);
+				importer.throwOnError = true; // will throw exception if parsing error occurs on import
+
+				_textFlow = importer.importToFlow(textInput);
+				_textFlow.flowComposer.addController(new ContainerController(_textContainer, canvas.width-40, canvas.height));
+				
+				// add the graphic
+				var p:ParagraphElement = new ParagraphElement();
+				var inlineGraphicElement:InlineGraphicElement = new InlineGraphicElement();
+				inlineGraphicElement.source = imgClass;
+				inlineGraphicElement.width=32;
+				inlineGraphicElement.height=32;
+				p.addChild(inlineGraphicElement);
+				_textFlow.addChild(p);
+				
+				//adding Select/Edit/Copy/Paste/Undo features
+				_textFlow.interactionManager = new EditManager(new UndoManager());
+				
+				// initialize with a selection before the first character
+				_textFlow.interactionManager.selectRange(0,0);
+				_textFlow.flowComposer.updateAllControllers();
+			}
+			
+			private function changeFontSize(event:Event):void {
+				_textFlow.fontSize = fontSize.value;
+				_textFlow.direction = direction.selectedItem.data;
+				_textFlow.flowComposer.updateAllControllers();
+			}
+			
+			private function changeNoColumns(event:Event):void {
+				var tlf:TextLayoutFormat = new TextLayoutFormat();
+				tlf.columnCount = cols.value;
+				tlf.columnGap = 15;
+				tlf.direction = direction.selectedItem.data;
+				_textFlow.format = tlf;
+				_textFlow.flowComposer.updateAllControllers();
+			}
+			
+			private function changeTextDirection(event:Event):void {
+				_textFlow.direction = (event.target as DropDownList).selectedItem.data;
+				_textFlow.flowComposer.updateAllControllers();
+			}
+			
+			protected function undo_clickHandler(event:MouseEvent):void
+			{
+				var em:EditManager = _textFlow.interactionManager as EditManager;
+				trace("Can undo " + em.undoManager.canUndo() + " can redo " + em.undoManager.canRedo());
+				em.undoManager.undo();
+			}
+			protected function redo_clickHandler(event:MouseEvent):void
+			{
+				var em:EditManager = _textFlow.interactionManager as EditManager;
+				em.undoManager.redo();
+			}
+
+		]]>
+	</fx:Script>
+	<s:Panel skinClass="skins.TDFPanelSkin" title="Text Layout Framework Sample" width="100%" height="100%">
+		<s:layout>
+			<s:VerticalLayout paddingTop="8" paddingLeft="8"/>
+		</s:layout>
+		
+		<s:VGroup>
+			<s:Group id="canvas" width="600" height="200" />
+			<s:HGroup width="100%" verticalAlign="middle">
+				<s:Label text="Font Size:"/>
+				<s:NumericStepper id="fontSize" minimum="6" maximum="22" snapInterval="1" change="changeFontSize(event)" value="12" />
+				<s:Label text="# Columns:"/>
+				<s:NumericStepper id="cols"  minimum="1" maximum="20" snapInterval="1" change="changeNoColumns(event)" />
+				<s:Label text="Text Direction:"/>
+				<s:DropDownList id="direction" change="changeTextDirection(event)" dataProvider="{directions}" 
+								selectedItem="{directions.getItemAt(0)}"/>
+				<s:Button label="Undo" click="undo_clickHandler(event)"/>
+				<s:Button label="Redo" click="redo_clickHandler(event)"/>
+			</s:HGroup>
+		</s:VGroup>
+	</s:Panel>
+	
+</s:Application>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/spark/controls/TextLayout2Example.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/controls/TextLayout2Example.mxml b/TourDeFlex/TourDeFlex3/src/spark/controls/TextLayout2Example.mxml
new file mode 100644
index 0000000..a5ccfd4
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/spark/controls/TextLayout2Example.mxml
@@ -0,0 +1,135 @@
+<?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.
+
+-->
+<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
+			   xmlns:s="library://ns.adobe.com/flex/spark" 
+			   xmlns:mx="library://ns.adobe.com/flex/mx" maxWidth="690" maxHeight="300"
+			   creationComplete="init()">
+	
+<!-- This sample is based on this page: http://help.adobe.com/en_US/ActionScript/3.0_ProgrammingAS3_Flex/WS0d70b2a8565d75766ba6608d121cc29f375-8000.html -->
+	
+	<fx:Script>
+		<![CDATA[
+			import flash.display.StageAlign; 
+			import flash.display.StageScaleMode; 
+			import flash.events.Event; 
+			import flash.geom.Rectangle; 
+			
+			import flashx.textLayout.compose.StandardFlowComposer; 
+			import flashx.textLayout.container.ContainerController; 
+			import flashx.textLayout.container.ScrollPolicy; 
+			import flashx.textLayout.conversion.TextConverter; 
+			import flashx.textLayout.elements.TextFlow; 
+			import flashx.textLayout.formats.TextLayoutFormat; 
+			
+			import spark.core.SpriteVisualElement;
+			
+			private var hTextFlow:TextFlow; 
+			private var headContainer:SpriteVisualElement; 
+			private var headlineController:ContainerController; 
+			private var hContainerFormat:TextLayoutFormat; 
+			
+			private var bTextFlow:TextFlow; 
+			private var bodyTextContainer:SpriteVisualElement; 
+			private var bodyController:ContainerController; 
+			private var bodyTextContainerFormat:TextLayoutFormat; 
+			
+			private const headlineMarkup:String = "<flow:TextFlow xmlns:flow='http://ns.adobe.com/textLayout/2008'><flow:p textAlign='center'><flow:span fontFamily='Helvetica' fontSize='18'>TLF News Layout Example</flow:span><flow:br/><flow:span fontFamily='Helvetica' fontSize='14'>This example formats text like a newspaper page with a headline, a subtitle, and multiple columns</flow:span></flow:p></flow:TextFlow>"; 
+			
+			private const bodyMarkup:String = "<flow:TextFlow xmlns:flow='http://ns.adobe.com/textLayout/2008' fontSize='12' textIndent='10' marginBottom='15' paddingTop='4' paddingLeft='4'><flow:p marginBottom='inherit'><flow:span>There are many </flow:span><flow:span fontStyle='italic'>such</flow:span><flow:span> lime-kilns in that tract of country, for the purpose of burning the white marble which composes a large part of the substance of the hills. Some of them, built years ago, and long deserted, with weeds growing in the vacant round of the interior, which is open to the sky, and grass and wild-flowers rooting themselves into the chinks of the stones, look already like relics of antiquity, and may yet be overspread with the lichens of centuries to come. Others, where the lime-burner still feeds his daily and nightlong fire, afford points of interest to the wanderer among the hills, who seats himself on a log of wood or a fragment of marble, to hold a chat with the solitary man. It is a
  lonesome, and, when the character is inclined to thought, may be an intensely thoughtful occupation; as it proved in the case of Ethan Brand, who had mused to such strange purpose, in days gone by, while the fire in this very kiln was burning.</flow:span></flow:p><flow:p marginBottom='inherit'><flow:span>The man who now watched the fire was of a different order, and troubled himself with no thoughts save the very few that were requisite to his business. At frequent intervals, he flung back the clashing weight of the iron door, and, turning his face from the insufferable glare, thrust in huge logs of oak, or stirred the immense brands with a long pole.</flow:span></flow:p></flow:TextFlow>"; 
+			
+			public function init():void
+			{ 
+				// Headline text flow and flow composer 
+				hTextFlow = TextConverter.importToFlow(headlineMarkup, TextConverter.TEXT_LAYOUT_FORMAT); 
+				hTextFlow.flowComposer = new StandardFlowComposer(); 
+				
+				// initialize the headline container and controller objects 
+				headContainer = new SpriteVisualElement(); 
+				headlineController = new ContainerController(headContainer); 
+				headlineController.verticalScrollPolicy = ScrollPolicy.OFF; 
+				hContainerFormat = new TextLayoutFormat(); 
+				hContainerFormat.paddingTop = 4; 
+				hContainerFormat.paddingRight = 4; 
+				hContainerFormat.paddingBottom = 4; 
+				hContainerFormat.paddingLeft = 4; 
+				
+				headlineController.format = hContainerFormat; 
+				hTextFlow.flowComposer.addController(headlineController); 
+				addElement(headContainer); 
+				this.addEventListener(flash.events.Event.RESIZE, resizeHandler); 
+				
+				// Body text TextFlow and flow composer 
+				bTextFlow = TextConverter.importToFlow(bodyMarkup, TextConverter.TEXT_LAYOUT_FORMAT); 
+				bTextFlow.flowComposer = new StandardFlowComposer(); 
+				
+				// The body text container is below, and has three columns 
+				bodyTextContainer = new SpriteVisualElement(); 
+				bodyController = new ContainerController(bodyTextContainer); 
+				bodyTextContainerFormat = new TextLayoutFormat(); 
+				bodyTextContainerFormat.columnCount = 4; 
+				bodyTextContainerFormat.columnGap = 30; 
+				
+				bodyController.format = bodyTextContainerFormat; 
+				bTextFlow.flowComposer.addController(bodyController); 
+				addElement(bodyTextContainer); 
+				resizeHandler(null); 
+			} 
+			
+			private function resizeHandler(event:Event):void 
+			{ 
+				trace("Resizing!");
+				const verticalGap:Number = 25; 
+				const stagePadding:Number = 16; 
+				var stageWidth:Number = this.width - stagePadding; 
+				var stageHeight:Number = this.height - stagePadding; 
+				var headlineWidth:Number = stageWidth; 
+				var headlineContainerHeight:Number = stageHeight; 
+				
+				// Initial compose to get height of headline after resize 
+				headlineController.setCompositionSize(headlineWidth, headlineContainerHeight); 
+				hTextFlow.flowComposer.compose(); 
+				var rect:Rectangle = headlineController.getContentBounds(); 
+				headlineContainerHeight = rect.height; 
+				
+				// Initial compose to get height of headline after resize 
+				headlineController.setCompositionSize(headlineWidth, headlineContainerHeight); 
+				hTextFlow.flowComposer.compose(); 
+				rect = headlineController.getContentBounds(); 
+				headlineContainerHeight = rect.height; 
+				
+				// Resize and place headline text container 
+				// Call setCompositionSize() again with updated headline height 
+				headlineController.setCompositionSize(headlineWidth, headlineContainerHeight ); 
+				headlineController.container.x = stagePadding / 2; 
+				headlineController.container.y = stagePadding / 2; 
+				hTextFlow.flowComposer.updateAllControllers(); 
+				
+				// Resize and place body text container 
+				var bodyContainerHeight:Number = (stageHeight - verticalGap - headlineContainerHeight); 
+				bodyController.format = bodyTextContainerFormat; 
+				bodyController.setCompositionSize(stageWidth, bodyContainerHeight ); 
+				bodyController.container.x = (stagePadding/2); 
+				bodyController.container.y = (stagePadding/2) + headlineContainerHeight + verticalGap; 
+				bTextFlow.flowComposer.updateAllControllers(); 
+			} 
+		]]>
+	</fx:Script>
+
+</s:Application>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/spark/controls/TextLayout3Example.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/controls/TextLayout3Example.mxml b/TourDeFlex/TourDeFlex3/src/spark/controls/TextLayout3Example.mxml
new file mode 100644
index 0000000..09f544b
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/spark/controls/TextLayout3Example.mxml
@@ -0,0 +1,90 @@
+<?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.
+
+-->
+<s:Application 
+	xmlns:fx="http://ns.adobe.com/mxml/2009"    
+	xmlns:mx="library://ns.adobe.com/flex/mx"     
+	xmlns:s="library://ns.adobe.com/flex/spark"
+	creationComplete="init()">
+	
+	<fx:Declarations>
+		<fx:XML id="textFlowAsXML" source="MyTextFlow.xml" />
+	</fx:Declarations>
+	
+	<fx:Style>
+		@namespace "library://ns.adobe.com/flex/spark";
+		Label { 
+			baseColor: #000000; 
+			fontFamily: "Verdana";
+			fontSize: "12";
+			advancedAntiAliasing: true;
+		}
+		
+	</fx:Style>
+	<fx:Script><![CDATA[
+		import flashx.textLayout.conversion.TextConverter;
+		import flashx.textLayout.elements.TextFlow;
+		import spark.components.RichEditableText;
+		import spark.utils.TextFlowUtil;
+		
+		XML.ignoreWhitespace = false; 
+		
+		private function init():void {
+			// Creates a TextFlow by importing a String containing the markup language used by the Text Layout Framework.
+			// If you specify it, don't forget the namespace -> xmlns="http://ns.adobe.com/textLayout/2008"
+			var markup:String = "<TextFlow xmlns='http://ns.adobe.com/textLayout/2008'><p fontFamily='Arial'>This is TLF markup with paragraphs.</p><p color='0x663399'>The root TextFlow tag is inlcuded.</p></TextFlow>"; 
+			rt1.textFlow = TextFlowUtil.importFromString(markup);
+			
+			// This next string shows that if the root TextFlow tag is omitted, it will be added for you. 
+			markup = "<p color='0xCE267D'>This is TLF markup with paragraphs.</p><p fontSize='10' fontWeight='bold' fontFamily='Arial'>The root TextFlow tag is omitted and therefore created automatically.</p>"; 
+			rt2.textFlow = TextFlowUtil.importFromString(markup);
+			
+			// This line shows how you would import plain text with no paragraph spacing
+			var autoMarkup:String = "This is just a plain old string that has no markup within it."; 
+			RichEditableText(rt3.textDisplay).textFlow = TextFlowUtil.importFromString(autoMarkup);
+			
+			// This example shows how you can use the TextConverter class from TLF to import HTML formatted text
+			// See the docs for the subset of HTML that is supported: 
+			//		http://help.adobe.com/en_US/FlashPlatform/reference/actionscript/3/flashx/textLayout/conversion/TextConverter.html#TEXT_FIELD_HTML_FORMAT
+			var myHTML:String = "<p>This is <i>HTML</i> markup.<br><b>Hello Tour de Flex Users!</b></p>";
+			rt4.textFlow = TextConverter.importToFlow(myHTML,TextConverter.TEXT_FIELD_HTML_FORMAT);
+		}
+	]]></fx:Script>
+	
+	<s:Panel skinClass="skins.TDFPanelSkin" title="Importing Text using TLF and Flex 4" width="100%" height="100%">
+		<s:layout>
+			<s:HorizontalLayout paddingTop="8" paddingLeft="8" paddingRight="12"/>
+		</s:layout>
+		
+		<s:VGroup>
+			<s:RichText id="rt1" width="200"/>
+			<s:TextArea id="rt2" width="300" height="50"/>
+			<s:TextInput id="rt3" width="260"/>
+			<s:RichEditableText id="rt4" width="200"/>
+			
+			<s:RichText id="rt5" width="280"
+						textFlow="{TextFlowUtil.importFromXML(textFlowAsXML)}"
+						horizontalCenter="0" verticalCenter="0" />
+		</s:VGroup>
+		<s:Label width="200" color="0x323232" verticalAlign="justify" text="This sample shows how you can use different types of text markup within
+the Flex 4 components that are based on TLF through an import. This can be especially useful for dynamically loading text
+that is returned from an HTTPService call at runtime for instance."/>
+		
+	</s:Panel>
+</s:Application>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/spark/controls/TextLayout4Example.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/controls/TextLayout4Example.mxml b/TourDeFlex/TourDeFlex3/src/spark/controls/TextLayout4Example.mxml
new file mode 100644
index 0000000..50af0d4
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/spark/controls/TextLayout4Example.mxml
@@ -0,0 +1,77 @@
+<?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.
+
+-->
+<!-- Sample derived from: http://help.adobe.com/en_US/Flex/4.0/UsingSDK/WS02f7d8d4857b1677-165a04e1126951a2d98-7ff8.html --> 
+<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
+			   xmlns:s="library://ns.adobe.com/flex/spark" 
+			   xmlns:mx="library://ns.adobe.com/flex/mx"> 
+	
+	<fx:Script> 
+		<![CDATA[ 
+			import flashx.textLayout.conversion.TextConverter; 
+			
+			XML.ignoreWhitespace = false; 
+		]]> 
+	</fx:Script> 
+	<fx:Style>
+		@namespace "library://ns.adobe.com/flex/spark";
+		Label { 
+			baseColor: #000000; 
+			fontFamily: "Verdana";
+			fontSize: "12";
+			advancedAntiAliasing: true;
+		}
+	</fx:Style>
+	<fx:Declarations> 
+		<!-- Define a String to use with HTML and plain text format. --> 
+		<fx:String id="htmlTextAsHTML"><![CDATA[<p>Text containing <b>HTML</b> markup</p>]]></fx:String> 
+		
+		<!-- Define an XML object to use with TLF format. --> 
+		<fx:XML id="tfTextAsTextFlow"> 
+			<TextFlow xmlns="http://ns.adobe.com/textLayout/2008"> 
+				<p>Text Using  <span fontWeight="bold">Text Layout Framework</span> Markup</p> 
+			</TextFlow> 
+		</fx:XML> 
+	</fx:Declarations> 
+	
+	<s:Panel skinClass="skins.TDFPanelSkin" title="Text Import Format Types Sample" width="100%" height="100%">
+		<s:layout>
+			<s:HorizontalLayout paddingTop="8" paddingLeft="8" paddingRight="12"/>
+		</s:layout>
+		
+		<s:Label verticalAlign="justify" width="200" text="This example shows how you can use different format types for importing text
+and what the result will be in the Flex 4 component shown."/>
+		<s:VGroup>
+			<s:TextArea id="txt1" width="200" height="50"
+						textFlow="{TextConverter.importToFlow(htmlTextAsHTML, TextConverter.TEXT_FIELD_HTML_FORMAT)}" 
+						horizontalCenter="0" verticalCenter="0" /> 
+			
+				<s:Label text="Same marked up text with plain format specified:"/>
+				<s:TextArea id="txt2" height="50" width="200"
+							textFlow="{TextConverter.importToFlow(htmlTextAsHTML, TextConverter.PLAIN_TEXT_FORMAT)}" 
+							horizontalCenter="0" verticalCenter="0" /> 
+			
+			<s:TextArea id="txt3" width="200" height="50"
+						textFlow="{TextConverter.importToFlow(tfTextAsTextFlow, TextConverter.TEXT_LAYOUT_FORMAT)}" 
+						horizontalCenter="0" verticalCenter="0" /> 
+		</s:VGroup>
+		
+	</s:Panel>
+	
+</s:Application>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/spark/controls/TitleWindowExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/controls/TitleWindowExample.mxml b/TourDeFlex/TourDeFlex3/src/spark/controls/TitleWindowExample.mxml
new file mode 100644
index 0000000..0877ab6
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/spark/controls/TitleWindowExample.mxml
@@ -0,0 +1,80 @@
+<?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.
+
+-->
+<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"  
+			   xmlns:s="library://ns.adobe.com/flex/spark" 
+			   xmlns:mx="library://ns.adobe.com/flex/mx" 
+			   skinClass="TDFGradientBackgroundSkin">
+	
+	<fx:Script>
+		<![CDATA[
+			import flash.geom.Point;
+			
+			import mx.containers.TitleWindow;
+			import mx.managers.PopUpManager;
+			
+			import spark.components.TitleWindow;
+			
+			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) as spark.components.TitleWindow);
+				
+				// Calculate position of TitleWindow in Application's coordinates. 
+				point1.x=myButton.x;
+				point1.y=myButton.y;                
+				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>
+	
+	<s:layout>
+		<s:HorizontalLayout horizontalAlign="center" />
+	</s:layout>
+	
+	<s:Panel title="TitleWindow Container" color="0x000000" 
+			 borderAlpha="0.15" 
+			 width="600">
+		
+		<s:layout>
+			<s:VerticalLayout horizontalAlign="center" 
+							  paddingLeft="10" paddingRight="10" 
+							  paddingTop="10" paddingBottom="10"/>
+		</s:layout>
+		
+		<s:Button id="myButton" color="0x323232" height="32" label="Click to open the TitleWindow container" 
+				  click="showWindow();"/>
+		
+		<s:RichText id="returnedName" width="100%" color="0x323232" text="Waiting..."/>
+		
+	</s:Panel>
+	
+</s:Application>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/spark/controls/ToggleButton2Example.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/controls/ToggleButton2Example.mxml b/TourDeFlex/TourDeFlex3/src/spark/controls/ToggleButton2Example.mxml
new file mode 100644
index 0000000..721d16b
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/spark/controls/ToggleButton2Example.mxml
@@ -0,0 +1,146 @@
+<?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.
+
+-->
+<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
+			   xmlns:s="library://ns.adobe.com/flex/spark" 
+			   xmlns:mx="library://ns.adobe.com/flex/mx"
+			   currentState="hide">
+	
+
+	<fx:Script>
+		<![CDATA[
+			import mx.collections.ArrayCollection;
+			
+			[Bindable]
+			public var items:ArrayCollection = new ArrayCollection([
+				{label:"Medium Pink V-Neck T", itemNum:1932823474, price:"$24.00"}, 
+				{label:"Small Red Polo", itemNum:2022144432, price:"$40.00"}, 
+				{label:"X-Large Sweatshirt", itemNum:3769034827, price:"$50.00"} ]);
+
+			protected function myBtn_clickHandler(event:MouseEvent):void
+			{
+				if (showBtn.selected) 
+					this.currentState="show";
+				else this.currentState="hide";
+			}
+		]]>
+	</fx:Script>
+	<fx:Style>
+		@namespace "library://ns.adobe.com/flex/spark";
+		
+		ToggleButton:upAndSelected,
+		ToggleButton:overAndSelected {
+			baseColor: #000000;
+			color: #FFFFFF;
+		}
+		ToggleButton:downAndSelected {
+			baseColor: #336699;
+			color: #FFFFFF;
+		}
+		ToggleButton:disabledAndSelected {
+			baseColor: #E2E2E2;
+			color: #212799;
+		}
+		ToggleButton:up {
+			baseColor: #C0C0C0;
+			color: #323232;
+		}
+		ToggleButton:over {
+			baseColor: #FFFFFF;
+			color: #000000;
+		}
+		ToggleButton:down {
+			baseColor: #014f9f;
+			color: #FFFFFF;
+		}
+	</fx:Style>
+	<s:states> 
+		<s:State name="show"/>    
+		<s:State name="hide"/> 
+	</s:states> 
+	
+	<!-- Note: A custom panel skin is used for the Tour de Flex samples and is included in the
+	source tabs for each sample.	-->
+	<s:Panel width="100%" height="100%" 
+			 horizontalCenter="0" 
+			 title="ToggleButton Sample"
+			 skinClass="skins.TDFPanelSkin">
+				
+			<s:HGroup left="5" top="5" width="100%" height="100%">
+				<s:VGroup color="0x000000">
+						<s:Label text="The Outfitters Clothing Store" fontSize="18" color="0x014f9f"/>
+						<s:Label text="Order Number: 904234113441-2342"/>
+						<s:VGroup width="80%"  horizontalCenter="0">
+							<s:Label text="Purchaser: Anna Thomas"/>
+							<s:Label text="Date: 7/20/2009"/>
+							<s:Label text="Order Total: $114.00"/>
+							<s:ToggleButton id="showBtn" label.hide="Show Details" label.show="Hide Details"
+											click="myBtn_clickHandler(event)"/>
+						</s:VGroup>
+				</s:VGroup>
+				<s:HGroup right="50" top="5">
+					<s:Panel title="Details" horizontalCenter="0" top="300" width="350" height="170"  
+							color="#FFFFFF" includeIn="show">
+						<mx:DataGrid dataProvider="{items}" width="100%" height="100%" color="0x000000"/>
+					</s:Panel>
+				</s:HGroup>
+			</s:HGroup>
+			<s:HGroup horizontalCenter="0" bottom="15"  verticalAlign="middle" width="88%">
+			<s:Label fontSize="13" color="0x323232" verticalAlign="justify" width="100%"
+						  text="Clicking the button toggles it between the up and down states. If you click the button while it is in the up state, it toggles to the down state. You must click
+the button again to toggle it back to the up state."/>
+		</s:HGroup>
+	</s:Panel>	
+	
+	
+	<!--
+	<s:Group width="100%" height="100%">
+		<s:Rect left="0" right="0" bottom="0" top="0">
+			<s:fill>
+				<s:LinearGradient rotation="90" >
+					<s:GradientEntry color="0xE2E2E2" />
+					<s:GradientEntry color="0x000000" />
+				</s:LinearGradient>
+			</s:fill>
+		</s:Rect>
+		<s:VGroup left="15" top="5" color="0x000000">
+			<s:Label text="The Outfitters Clothing Store" fontSize="18" color="0x014f9f"/>
+			<s:Label text="Order Number: 904234113441-2342"/>
+			<s:VGroup width="80%"  horizontalCenter="0">
+				<s:Label text="Purchaser: Anna Thomas"/>
+				<s:Label text="Date: 7/20/2009"/>
+				<s:Label text="Order Total: $114.00"/>
+				<s:ToggleButton id="showBtn" label.hide="Show Details" label.show="Hide Details"
+								click="myBtn_clickHandler(event)"/>
+				<mx:Spacer height="40"/>
+				<s:Label color="#FFFFFF" width="199" 
+							  verticalAlign="justify"
+							  text="Clicking the button toggles it between the up and an down states. If you click the button while it is in the up state, it toggles to the down state. You must click the button again to toggle it back to the up state."/>
+			</s:VGroup>
+		</s:VGroup>
+		<s:HGroup right="50" top="5">
+			<s:Panel title="Details" horizontalCenter="0" top="300" width="350" height="200"  
+					 color="#FFFFFF"  includeIn="show" baseColor="#000000">
+				<mx:DataGrid dataProvider="{items}" width="100%" height="100%" color="0x000000"/>
+			</s:Panel>
+		</s:HGroup>
+		
+	</s:Group>-->
+	
+</s:Application>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/spark/controls/ToggleButtonBarExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/controls/ToggleButtonBarExample.mxml b/TourDeFlex/TourDeFlex3/src/spark/controls/ToggleButtonBarExample.mxml
new file mode 100644
index 0000000..422a185
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/spark/controls/ToggleButtonBarExample.mxml
@@ -0,0 +1,71 @@
+<?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.
+
+-->
+<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"  
+			   xmlns:s="library://ns.adobe.com/flex/spark" 
+			   xmlns:mx="library://ns.adobe.com/flex/mx" 
+			   skinClass="TDFGradientBackgroundSkin">
+	
+	<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 {
+				tgPanel.title = "ToggleButtonBar: " + event.label;
+				myTA.text="Selected button index: " + String(event.index) + 
+					"\n" + "Selected button label: " + event.label;
+			}
+		]]>
+	</fx:Script>
+	
+	<fx:Declarations>
+		
+		<fx:Array id="dp">
+			<fx:String>Flex</fx:String>
+			<fx:String>Flex JS</fx:String>
+			<fx:String>Falcon</fx:String>
+			<fx:String>Falcon JX</fx:String>
+		</fx:Array>
+		
+	</fx:Declarations>
+	
+	<s:layout>
+		<s:HorizontalLayout verticalAlign="middle" horizontalAlign="center" />
+	</s:layout>
+	
+	<s:Panel id="tgPanel" title="ToggleButtonBar: Flash" width="600" height="100%"
+			 color="0x000000" 
+			 borderAlpha="0.15">
+		
+		<s:layout>
+			<s:VerticalLayout paddingLeft="10" paddingRight="10" paddingTop="10" paddingBottom="10"/>
+		</s:layout>
+		
+		<mx:ToggleButtonBar color="0x323232" horizontalGap="5" itemClick="clickHandler(event);" dataProvider="{dp}" />
+		
+		<s:Label width="100%" textAlign="center" color="0x323232" 
+				 text="Select a button in the ToggleButtonBar control."/>
+		
+		<s:TextArea color="0x323232" id="myTA" width="100%" height="100%" text="{'Selected button index: 0' + '\n' +'Selected button label: Flash'}"/>
+		
+	</s:Panel>
+</s:Application>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/spark/controls/ToggleButtonExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/controls/ToggleButtonExample.mxml b/TourDeFlex/TourDeFlex3/src/spark/controls/ToggleButtonExample.mxml
new file mode 100644
index 0000000..d1ca0ca
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/spark/controls/ToggleButtonExample.mxml
@@ -0,0 +1,111 @@
+<?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.
+
+-->
+<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
+			   xmlns:s="library://ns.adobe.com/flex/spark" 
+			   xmlns:mx="library://ns.adobe.com/flex/mx" 
+			   currentState="hide" viewSourceURL="srcview/index.html">
+	
+
+	<fx:Script>
+		<![CDATA[
+			import mx.collections.ArrayCollection;
+			
+			[Bindable]
+			public var items:ArrayCollection = new ArrayCollection([
+				{label:"Medium Pink V-Neck T", itemNum:1932823474, price:"$24.00"}, 
+				{label:"Small Red Polo", itemNum:2022144432, price:"$40.00"}, 
+				{label:"X-Large Sweatshirt", itemNum:3769034827, price:"$50.00"} ]);
+
+			protected function myBtn_clickHandler(event:MouseEvent):void
+			{
+				if (showBtn.selected) 
+					this.currentState="show";
+				else this.currentState="hide";
+			}
+		]]>
+	</fx:Script>
+	<fx:Style>
+		@namespace "library://ns.adobe.com/flex/spark";
+		
+		ToggleButton:upAndSelected,
+		ToggleButton:overAndSelected {
+			baseColor: #000000;
+			color: #FFFFFF;
+		}
+		ToggleButton:downAndSelected {
+			baseColor: #336699;
+			color: #FFFFFF;
+		}
+		ToggleButton:disabledAndSelected {
+			baseColor: #E2E2E2;
+			color: #212799;
+		}
+		ToggleButton:up {
+			baseColor: #C0C0C0;
+			color: #323232;
+		}
+		ToggleButton:over {
+			baseColor: #FFFFFF;
+			color: #000000;
+		}
+		ToggleButton:down {
+			baseColor: #014f9f;
+			color: #FFFFFF;
+		}
+	</fx:Style>
+	<s:states> 
+		<s:State name="show"/>    
+		<s:State name="hide"/> 
+	</s:states> 
+	
+	<!-- Note: A custom panel skin is used for the Tour de Flex samples and is included in the
+	source tabs for each sample.	-->
+	<s:Panel width="100%" height="100%" 
+			 horizontalCenter="0" 
+			 title="ToggleButton Sample" 
+			 skinClass="skins.TDFPanelSkin">
+		
+			
+			<s:HGroup left="5" top="5" width="100%" height="100%">
+				<s:VGroup color="0x000000">
+						<s:Label text="The Outfitters Clothing Store" fontSize="18" color="0x014f9f"/>
+						<s:Label text="Order Number: 904234113441-2342"/>
+						<s:VGroup width="80%"  horizontalCenter="0">
+							<s:Label text="Purchaser: Anna Thomas"/>
+							<s:Label text="Date: 7/20/2009"/>
+							<s:Label text="Order Total: $114.00"/>
+							<s:ToggleButton id="showBtn" label.hide="Show Details" label.show="Hide Details"
+											click="myBtn_clickHandler(event)"/>
+						</s:VGroup>
+				</s:VGroup>
+				<s:HGroup right="50" top="5">
+					<s:Panel title="Details" horizontalCenter="0" top="300" width="350" height="170"  
+							color="#FFFFFF"  includeIn="show">
+						<mx:DataGrid dataProvider="{items}" width="100%" height="100%" color="0x000000"/>
+					</s:Panel>
+				</s:HGroup>
+			</s:HGroup>
+			<s:HGroup horizontalCenter="0" bottom="15"  verticalAlign="middle" clipAndEnableScrolling="true" width="88%">
+			<s:Label fontSize="13" color="0x323232" verticalAlign="justify" width="100%"
+						  text="Clicking the button toggles it between the up and down states. If you click the button while it is in the up state, it toggles to the down state. You must click
+the button again to toggle it back to the up state."/>
+			</s:HGroup>
+	</s:Panel>	
+</s:Application>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/spark/controls/ToolTipExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/controls/ToolTipExample.mxml b/TourDeFlex/TourDeFlex3/src/spark/controls/ToolTipExample.mxml
new file mode 100644
index 0000000..899f6df
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/spark/controls/ToolTipExample.mxml
@@ -0,0 +1,59 @@
+<?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.
+
+-->
+<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"  
+			   xmlns:s="library://ns.adobe.com/flex/spark" 
+			   xmlns:mx="library://ns.adobe.com/flex/mx" 
+			   skinClass="TDFGradientBackgroundSkin">
+	
+	<fx:Style>
+		@namespace mx "library://ns.adobe.com/flex/mx";
+		
+		mx|ToolTip 
+		{
+			fontFamily: "Arial";
+			fontSize: 12;
+			fontStyle: "italic";
+			color: #000000;
+			backgroundColor: #FCEA1E;
+		}
+	</fx:Style>
+	
+	<s:layout>
+		<s:HorizontalLayout verticalAlign="middle" horizontalAlign="center" />
+	</s:layout>
+	
+	<s:Panel title="ToolTip Samples"
+			 width="600" height="100%"
+			 color="0x000000" 
+			 borderAlpha="0.15">
+		
+		<s:layout>
+			<s:VerticalLayout horizontalAlign="center" 
+							  paddingLeft="10" paddingRight="10" 
+							  paddingTop="10" paddingBottom="10"/>
+		</s:layout>
+		
+		<s:Button label="Roll over me!" toolTip="This button doesn't do anything &#13;This tip could provide more instructions" />        
+		<s:TextInput toolTip="Enter some data here"/>
+		
+	</s:Panel>
+	
+</s:Application>
+

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/spark/controls/TreeExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/controls/TreeExample.mxml b/TourDeFlex/TourDeFlex3/src/spark/controls/TreeExample.mxml
new file mode 100644
index 0000000..47f98d5
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/spark/controls/TreeExample.mxml
@@ -0,0 +1,81 @@
+<?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.
+
+-->
+<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"  
+			   xmlns:s="library://ns.adobe.com/flex/spark" 
+			   xmlns:mx="library://ns.adobe.com/flex/mx" 
+			   skinClass="TDFGradientBackgroundSkin">
+	
+	<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>
+	
+	<s:layout>
+		<s:VerticalLayout horizontalAlign="center" />
+	</s:layout>
+    
+	<s:Panel title="Tree Control" color="0x000000" 
+			 borderAlpha="0.15" 
+			 width="600">
+		
+		<s:layout>
+			<s:VerticalLayout horizontalAlign="center" 
+							  paddingLeft="10" paddingRight="10" 
+							  paddingTop="10" paddingBottom="10"/>
+		</s:layout>
+         
+         <s:Label width="100%" color="0x323232" 
+            text="Select a node in the Tree control."/>
+
+        <mx:HDividedBox width="100%" height="100%" color="0x323232">
+            <mx:Tree id="myTree" width="50%" height="100%" labelField="@label"
+                showRoot="false" dataProvider="{treeData}" change="treeChanged(event)"/>
+            <s:TextArea height="100%" width="50%"
+                text="Selected Item: {selectedNode.@label}"/>
+        </mx:HDividedBox>
+        
+	</s:Panel>
+</s:Application>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/spark/controls/VideoDisplayExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/controls/VideoDisplayExample.mxml b/TourDeFlex/TourDeFlex3/src/spark/controls/VideoDisplayExample.mxml
new file mode 100644
index 0000000..91a9212
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/spark/controls/VideoDisplayExample.mxml
@@ -0,0 +1,64 @@
+<?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.
+
+-->
+<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"  
+			   xmlns:s="library://ns.adobe.com/flex/spark" 
+			   xmlns:mx="library://ns.adobe.com/flex/mx" 
+			   skinClass="TDFGradientBackgroundSkin"
+			   initialize="init(event)">
+	
+	<s:layout>
+		<s:HorizontalLayout horizontalAlign="center" />
+	</s:layout>
+	
+	<fx:Script>
+		<![CDATA[
+			import flashx.textLayout.conversion.TextConverter;
+			
+			import mx.events.FlexEvent;
+			
+			import org.osmf.utils.OSMFSettings;
+			
+			protected function init(event:FlexEvent):void {
+				OSMFSettings.enableStageVideo = false;
+			}	
+		]]>
+	</fx:Script>
+	
+	<fx:Declarations>
+		<fx:String id="TitleText"><![CDATA[<b>VideoDisplay Control:</b><br />Use the buttons to control the video.]]></fx:String>
+	</fx:Declarations>
+	
+	<s:VGroup width="600" horizontalAlign="center" paddingTop="10">
+		
+		<s:RichText width="75%" color="0xffffff" textAlign="center"
+					textFlow="{TextConverter.importToFlow(TitleText, TextConverter.TEXT_FIELD_HTML_FORMAT)}"
+					horizontalCenter="0" verticalCenter="0" />
+		
+		<s:VideoDisplay id="myVid" height="146" width="220" source="assets/FlexInstaller.mp4" autoPlay="false"/>
+		
+		<s:HGroup>
+			<s:Button label="Play" color="0x00000" click="myVid.play();"/>
+			<s:Button label="Pause" color="0x00000" click="myVid.pause();"/>
+			<s:Button label="Stop" color="0x00000" click="myVid.stop();"/>
+		</s:HGroup>
+		
+	</s:VGroup>
+	
+</s:Application>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/spark/controls/VideoPlayerExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/controls/VideoPlayerExample.mxml b/TourDeFlex/TourDeFlex3/src/spark/controls/VideoPlayerExample.mxml
new file mode 100644
index 0000000..963cc2b
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/spark/controls/VideoPlayerExample.mxml
@@ -0,0 +1,77 @@
+<?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.
+
+-->
+<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
+			   xmlns:s="library://ns.adobe.com/flex/spark" 
+			   xmlns:mx="library://ns.adobe.com/flex/mx"
+			   initialize="init(event)">
+	
+	<fx:Script>
+		<![CDATA[
+			import flashx.textLayout.conversion.TextConverter;
+			
+			import mx.events.ItemClickEvent;
+			import mx.events.FlexEvent;
+			import mx.collections.ArrayCollection;
+			
+			import org.osmf.utils.OSMFSettings;
+			
+			protected function init(event:FlexEvent):void {
+				OSMFSettings.enableStageVideo = false;
+			}	
+			
+			private function playPauseChange(event:Event):void 
+			{
+				videoPlayer.playPauseButton.enabled = checkPlay.selected;
+			}
+		]]>
+	</fx:Script>
+	
+	<!-- Note: A custom panel skin is used for the Tour de Flex samples and is included in the
+	source tabs for each sample.	-->
+	<s:Panel title="VideoPlayer Sample" 
+			 width="100%" height="100%" 
+			 skinClass="skins.TDFPanelSkin">
+		<s:Label top="10" right="10" width="250" verticalAlign="justify" color="#323232" 
+					  text="The VideoPlayer control lets you play progressively downloaded or streaming
+video, live or recorded video. It supports multi-bit rate streaming when used with a server that supports
+multi-bit rate streaming, such as Flash Media Server 3.5. The VideoPlayer control contains a full UI 
+to let users control playback of video. It contains a play/pause toggle button; a scrub bar to let 
+users seek through video; a volume bar; a timer; and a button to toggle in and out of fullscreen mode."/>
+		
+		<!-- note: source can point to a server location or URL -->
+		<s:VGroup left="10">
+			<s:HGroup width="35%">
+				<s:CheckBox id="checkRewind"
+							label="Auto-Rewind"
+							selected="true" />
+				<s:CheckBox id="checkPlay"
+							label="Play/Pause Button"
+							selected="true"
+							change="playPauseChange(event)" />	
+			</s:HGroup>
+			<s:VideoPlayer id="videoPlayer" 
+						   horizontalCenter="-2" y="50"
+						   source="assets/FlexInstaller.mp4"
+						   autoPlay="false"
+						   autoRewind="{checkRewind.selected}"/>	
+			</s:VGroup>
+		</s:Panel>
+	
+</s:Application>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/spark/controls/ViewStackExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/controls/ViewStackExample.mxml b/TourDeFlex/TourDeFlex3/src/spark/controls/ViewStackExample.mxml
new file mode 100644
index 0000000..59b6f27
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/spark/controls/ViewStackExample.mxml
@@ -0,0 +1,112 @@
+<?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.
+
+-->
+<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"  
+			   xmlns:s="library://ns.adobe.com/flex/spark" 
+			   xmlns:mx="library://ns.adobe.com/flex/mx" 
+			   skinClass="TDFGradientBackgroundSkin">
+	
+	<s:layout>
+		<s:HorizontalLayout verticalAlign="middle" horizontalAlign="center" />
+	</s:layout>
+	
+	<s:Panel title="ViewStack Container" width="600" height="100%"
+			 color="0x000000" 
+			 borderAlpha="0.15">
+		
+		<s:layout>
+			<s:VerticalLayout paddingLeft="10" paddingRight="10" paddingTop="10" paddingBottom="10"/>
+		</s:layout>
+		
+		<s:Label width="100%" color="0x323232" textAlign="center"
+				 text="Use the Button controls to change panels of the ViewStack container."/>
+		
+		<s:BorderContainer borderStyle="solid" width="100%" color="0x323232">
+			
+			<s:layout>
+				<s:HorizontalLayout horizontalAlign="center"  
+									paddingTop="5" paddingLeft="5" 
+									paddingRight="5" paddingBottom="5" />
+			</s:layout>
+			
+			<s:Button id="searchButton" label="Search Panel"
+					  click="myViewStack.selectedChild=search;"/>
+			<s:Button id="cInfoButton" label="Customer Info Panel"
+					  click="myViewStack.selectedChild=custInfo;"/>
+			<s:Button id="aInfoButton" label="Account Panel"
+					  click="myViewStack.selectedChild=accountInfo;"/>
+		</s:BorderContainer>
+		
+		<!-- 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%" color="0x323232">
+			
+			<s:NavigatorContent id="search" label="Search" backgroundColor="0xDCDCDC" width="100%" height="100%" fontWeight="bold" >
+				
+				<s:layout>
+					<s:VerticalLayout horizontalAlign="center"  
+										paddingTop="5" paddingLeft="5" 
+										paddingRight="5" paddingBottom="5" />
+				</s:layout>
+				
+				<s:Label text="Search Panel" />
+				<s:HGroup >
+					<s:TextInput id="Searchtxt" width="200" />
+					<mx:Button label="search" click="Searchtxt.text=''" />
+				</s:HGroup>
+			</s:NavigatorContent>
+			
+			<s:NavigatorContent id="custInfo" label="Customer Info" backgroundColor="0xDCDCDC" 
+								width="100%" height="100%" fontWeight="bold" >
+				
+				<s:layout>
+					<s:VerticalLayout horizontalAlign="center"  
+										paddingTop="5" paddingLeft="5" 
+										paddingRight="5" paddingBottom="5" />
+				</s:layout>
+				
+				<s:Label text="Customer Info" />
+				<s:HGroup>
+					<s:Label text="Email Address"/>
+					<s:TextInput id="email" width="200"/>
+					<s:Button label="Submit" click="email.text='';" />
+				</s:HGroup>
+			</s:NavigatorContent>
+			
+			<s:NavigatorContent id="accountInfo" label="Account Info" backgroundColor="0xDCDCDC" width="100%" height="100%" fontWeight="bold" >
+				
+				<s:layout>
+					<s:VerticalLayout horizontalAlign="center"  
+										paddingTop="5" paddingLeft="5" 
+										paddingRight="5" paddingBottom="5" />
+				</s:layout>
+				
+				<s:Label text="Account Info" />
+				<s:HGroup>
+					<s:Button label="Purchases" />
+					<s:Button label="Sales" />
+					<s:Button label="Reports" />
+				</s:HGroup>
+			</s:NavigatorContent>
+			
+		</mx:ViewStack>
+		
+	</s:Panel>
+	
+</s:Application>

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

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

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/spark/controls/assets/arrow_icon.png
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/controls/assets/arrow_icon.png b/TourDeFlex/TourDeFlex3/src/spark/controls/assets/arrow_icon.png
new file mode 100644
index 0000000..9ac6331
Binary files /dev/null and b/TourDeFlex/TourDeFlex3/src/spark/controls/assets/arrow_icon.png differ

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/spark/controls/assets/arrow_icon_sm.png
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/controls/assets/arrow_icon_sm.png b/TourDeFlex/TourDeFlex3/src/spark/controls/assets/arrow_icon_sm.png
new file mode 100644
index 0000000..33debc8
Binary files /dev/null and b/TourDeFlex/TourDeFlex3/src/spark/controls/assets/arrow_icon_sm.png differ

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

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

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

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

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/spark/controls/iconclose.gif
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/controls/iconclose.gif b/TourDeFlex/TourDeFlex3/src/spark/controls/iconclose.gif
new file mode 100644
index 0000000..9bcda93
Binary files /dev/null and b/TourDeFlex/TourDeFlex3/src/spark/controls/iconclose.gif differ

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/spark/controls/iconinfo.gif
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/controls/iconinfo.gif b/TourDeFlex/TourDeFlex3/src/spark/controls/iconinfo.gif
new file mode 100644
index 0000000..fb181ab
Binary files /dev/null and b/TourDeFlex/TourDeFlex3/src/spark/controls/iconinfo.gif differ

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/spark/controls/images/arrow_icon_sm.png
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/controls/images/arrow_icon_sm.png b/TourDeFlex/TourDeFlex3/src/spark/controls/images/arrow_icon_sm.png
new file mode 100644
index 0000000..33debc8
Binary files /dev/null and b/TourDeFlex/TourDeFlex3/src/spark/controls/images/arrow_icon_sm.png differ

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/spark/controls/skins/CloseButtonSkin.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/controls/skins/CloseButtonSkin.mxml b/TourDeFlex/TourDeFlex3/src/spark/controls/skins/CloseButtonSkin.mxml
new file mode 100644
index 0000000..23b529e
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/spark/controls/skins/CloseButtonSkin.mxml
@@ -0,0 +1,184 @@
+<?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.
+
+-->
+<!--
+@langversion 3.0
+@playerversion Flash 10
+@playerversion AIR 1.5
+@productversion Flex 4
+-->
+<s:SparkSkin xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark" 
+			 minWidth="21" minHeight="21"
+			 alpha.disabled="0.5">
+	
+	<!-- host component -->
+	<fx:Metadata>
+		<![CDATA[ 
+		/** 
+		* @copy spark.skins.spark.ApplicationSkin#hostComponent
+		*/
+		[HostComponent("spark.components.Button")]
+		]]>
+	</fx:Metadata>
+	
+	<fx:Script>
+		<![CDATA[         
+			/* Define the skin elements that should not be colorized. 
+			For button, the graphics are colorized but the label is not. */
+			static private const exclusions:Array = ["labelDisplay"];
+			
+			
+			/** 
+			 * @copy spark.skins.SparkSkin#colorizeExclusions
+			 */     
+			override public function get colorizeExclusions():Array {return exclusions;}
+			
+		]]>        
+		
+	</fx:Script>
+	
+	<!-- states -->
+	<s:states>
+		<s:State name="up" />
+		<s:State name="over" />
+		<s:State name="down" />
+		<s:State name="disabled" />
+	</s:states>
+	
+	<!-- layer 1: shadow -->
+	<s:Rect left="-1" right="-1" top="-1" bottom="-1" radiusX="2" radiusY="2">
+		<s:fill>
+			<s:LinearGradient rotation="90">
+				<s:GradientEntry color="0x000000" 
+								 color.down="0xFFFFFF"
+								 alpha="0.01"
+								 alpha.down="0" />
+				<s:GradientEntry color="0x000000" 
+								 color.down="0xFFFFFF" 
+								 alpha="0.07"
+								 alpha.down="0.5" />
+			</s:LinearGradient>
+		</s:fill>
+	</s:Rect>
+	
+	<!-- layer 2: fill -->
+	<s:Rect left="1" right="1" top="1" bottom="1" radiusX="2" radiusY="2">
+		<s:fill>
+			<s:LinearGradient rotation="90">
+				<s:GradientEntry color="0xFFFFFF" 
+								 color.over="0xBBBDBD" 
+								 color.down="0xAAAAAA" 
+								 alpha="0.85" />
+				<s:GradientEntry color="0xD8D8D8" 
+								 color.over="0x9FA0A1" 
+								 color.down="0x929496" 
+								 alpha="0.85" />
+			</s:LinearGradient>
+		</s:fill>
+	</s:Rect>
+	
+	<!-- layer 3: fill lowlight -->
+	<s:Rect left="1" right="1" bottom="1" height="9" radiusX="2" radiusY="2">
+		<s:fill>
+			<s:LinearGradient rotation="90">
+				<s:GradientEntry color="0x000000" alpha="0.0099" />
+				<s:GradientEntry color="0x000000" alpha="0.0627" />
+			</s:LinearGradient>
+		</s:fill>
+	</s:Rect>
+	
+	<!-- layer 4: fill highlight -->
+	<s:Rect left="1" right="1" top="1" height="9" radiusX="2" radiusY="2">
+		<s:fill>
+			<s:SolidColor color="0xFFFFFF" 
+						  alpha="0.33" 
+						  alpha.over="0.22" 
+						  alpha.down="0.12" />
+		</s:fill>
+	</s:Rect>
+	
+	
+	<!-- layer 5: highlight stroke (all states except down) -->
+	<s:Rect left="1" right="1" top="1" bottom="1" radiusX="2" radiusY="2" excludeFrom="down">
+		<s:stroke>
+			<s:LinearGradientStroke rotation="90" weight="1">
+				<s:GradientEntry color="0xFFFFFF" alpha.over="0.22" />
+				<s:GradientEntry color="0xD8D8D8" alpha.over="0.22" />
+			</s:LinearGradientStroke>
+		</s:stroke>
+	</s:Rect>
+	
+	
+	<!-- layer 6: highlight stroke (down state only) -->
+	<s:Rect left="1" top="1" bottom="1" width="1" includeIn="down">
+		<s:fill>
+			<s:SolidColor color="0x000000" alpha="0.07" />
+		</s:fill>
+	</s:Rect>
+	
+	<s:Rect right="1" top="1" bottom="1" width="1" includeIn="down">
+		<s:fill>
+			<s:SolidColor color="0x000000" alpha="0.07" />
+		</s:fill>
+	</s:Rect>
+	
+	<s:Rect left="2" top="1" right="2" height="1" includeIn="down">
+		<s:fill>
+			<s:SolidColor color="0x000000" alpha="0.25" />
+		</s:fill>
+	</s:Rect>
+	
+	<s:Rect left="1" top="2" right="1" height="1" includeIn="down">
+		<s:fill>
+			<s:SolidColor color="0x000000" alpha="0.09" />
+		</s:fill>
+	</s:Rect>
+	
+	<!-- layer 7: border - put on top of the fill so it doesn't disappear when scale is less than 1 -->
+	<s:Rect left="0" right="0" top="0" bottom="0" width="69" height="20" radiusX="2" radiusY="2">
+		<s:stroke>
+			<s:LinearGradientStroke rotation="90" weight="1">
+				<s:GradientEntry color="0x000000" 
+								 alpha="0.5625"
+								 alpha.down="0.6375" />
+				<s:GradientEntry color="0x000000" 
+								 alpha="0.75" 
+								 alpha.down="0.85" />
+			</s:LinearGradientStroke>
+		</s:stroke>
+	</s:Rect>
+	
+	<!-- layer 8: text -->
+	<!--- 
+	@copy spark.components.supportClasses.ButtonBase#labelDisplay
+	-->
+	<s:Rect left="0" top="0" right="0" bottom="0" >
+		<s:fill>
+			<s:BitmapFill source="@Embed('../iconclose.gif')"/>
+		</s:fill>
+	</s:Rect>
+	 
+	<s:Label id="labelDisplay"
+				  textAlign="center"
+				  verticalAlign="middle"
+				  maxDisplayedLines="1"
+				  horizontalCenter="0" verticalCenter="1"
+				  left="10" right="10" top="2" bottom="2">
+	</s:Label>
+</s:SparkSkin>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/spark/controls/skins/MyPanelSkin.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/controls/skins/MyPanelSkin.mxml b/TourDeFlex/TourDeFlex3/src/spark/controls/skins/MyPanelSkin.mxml
new file mode 100644
index 0000000..edd44e5
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/spark/controls/skins/MyPanelSkin.mxml
@@ -0,0 +1,101 @@
+<?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.
+
+-->
+
+
+<!--- The default skin class for a Spark Panel container.  
+
+@langversion 3.0
+@playerversion Flash 10
+@playerversion AIR 1.5
+@productversion Flex 4
+-->
+<s:SparkSkin xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark" alpha.disabled="0.5" blendMode="normal">
+	
+	<fx:Metadata>
+		<![CDATA[ 
+		/** 
+		* @copy spark.skins.spark.ApplicationSkin#hostComponent
+		*/
+		[HostComponent("spark.components.Panel")]
+		]]>
+	</fx:Metadata> 
+	
+	<fx:Script>
+		/* Define the skin elements that should not be colorized. 
+		For panel, border and title backround are skinned, but the content area and title text are not. */
+		static private const exclusions:Array = ["background", "titleDisplay", "contentGroup", "bgfill"];
+		
+		/** 
+		 * @copy spark.skins.SparkSkin#colorizeExclusions
+		 */     
+		override public function get colorizeExclusions():Array {return exclusions;}
+		
+		/* Define the content fill items that should be colored by the "contentBackgroundColor" style. */
+		static private const contentFill:Array = [];
+		
+		/**
+		 * @inheritDoc
+		 */
+		override public function get contentItems():Array {return contentFill};
+	</fx:Script>
+	
+	<s:states>
+		<s:State name="normal" />
+		<s:State name="disabled" />
+		<s:State name="normalWithControlBar" stateGroups="withControls" />
+        <s:State name="disabledWithControlBar" stateGroups="withControls" />
+	</s:states>
+	
+	<!-- background fill -->
+	<s:Rect left="0" right="0" bottom="0" top="0" >
+		<s:fill>
+			<s:LinearGradient rotation="90" >
+				<s:GradientEntry color="0xFFFFFF" />
+				<s:GradientEntry color="0x1a1919" />
+			</s:LinearGradient>
+		</s:fill>
+	</s:Rect>
+	<!-- title bar fill -->
+	<s:Rect left="0" right="0" top="0" height="30">
+		<s:fill>
+			<s:LinearGradient rotation="90">
+				<s:GradientEntry color="0x000000" />
+				<s:GradientEntry color="0xC0C0C0" />
+			</s:LinearGradient>
+		</s:fill>
+	</s:Rect>
+	
+	
+	<!-- text layer -->
+	<!--- Defines the appearance of the PanelSkin class's title bar. -->
+	<s:Label id="titleDisplay" lineBreak="explicit"
+				  right="4" top="2" height="30"
+				  verticalAlign="middle" fontWeight="bold" 
+				  color="0xE2E2E2">
+	</s:Label>
+	
+	<!--
+	Note: setting the minimum size to 0 here so that changes to the host component's
+	size will not be thwarted by this skin part's minimum size.   This is a compromise,
+	more about it here: http://bugs.adobe.com/jira/browse/SDK-21143
+	-->
+	<s:Group id="contentGroup" left="1" right="1" top="32" bottom="1" minWidth="0" minHeight="0"/>
+	
+</s:SparkSkin>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/spark/controls/skins/TDFPanelSkin.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/controls/skins/TDFPanelSkin.mxml b/TourDeFlex/TourDeFlex3/src/spark/controls/skins/TDFPanelSkin.mxml
new file mode 100644
index 0000000..f9151dc
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/spark/controls/skins/TDFPanelSkin.mxml
@@ -0,0 +1,171 @@
+<?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.
+
+-->
+
+
+<!--- Custom Spark Panel Skin created for Tour de Flex.  
+
+@langversion 3.0
+@playerversion Flash 10
+@playerversion AIR 1.5
+@productversion Flex 4
+-->
+<s:SparkSkin xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark" alpha.disabled="0.5"
+			 blendMode.disabled="layer">
+	
+	<fx:Metadata>
+		<![CDATA[ 
+		/** 
+		* @copy spark.skins.spark.ApplicationSkin#hostComponent
+		*/
+		[HostComponent("spark.components.Panel")]
+		]]>
+	</fx:Metadata> 
+	
+	<fx:Script>
+		/* Define the skin elements that should not be colorized. 
+		For panel, border and title backround are skinned, but the content area and title text are not. */
+		static private const exclusions:Array = ["background", "titleDisplay", "contentGroup", "bgFill"];
+		
+		/** 
+		 * @copy spark.skins.SparkSkin#colorizeExclusions
+		 */     
+		override public function get colorizeExclusions():Array {return exclusions;}
+		
+		/* Define the content fill items that should be colored by the "contentBackgroundColor" style. */
+		static private const contentFill:Array = [];
+		
+		/**
+		 * @inheritDoc
+		 */
+		override public function get contentItems():Array {return contentFill};
+	</fx:Script>
+	
+	<s:states>
+		<s:State name="normal" />
+		<s:State name="disabled" />
+		<s:State name="normalWithControlBar" />
+		<s:State name="disabledWithControlBar" />
+	</s:states>
+	
+	<!-- drop shadow -->
+	<s:RectangularDropShadow id="shadow" blurX="20" blurY="20" alpha="0.32" distance="11" 
+							 angle="90" color="#000000" left="0" top="0" right="0" bottom="0"/>
+	
+	<!-- layer 1: border -->
+	<s:Rect left="0" right="0" top="0" bottom="0">
+		<s:stroke>
+			<s:SolidColorStroke color="0" alpha="0.50" weight="1" />
+		</s:stroke>
+	</s:Rect>
+	
+	
+	<!-- layer 2: background fill -->
+	<!-- This layer was modified for Tour de Flex samples to have a gradient border at the bottom. -->
+	<s:Rect left="0" right="0" bottom="0" height="15">
+		<s:fill>
+			<s:LinearGradient rotation="90">
+				<s:GradientEntry color="0xE2E2E2" />
+				<s:GradientEntry color="0x000000" />
+			</s:LinearGradient>
+		</s:fill>
+	</s:Rect>
+	
+	<!-- layer 3: contents -->
+	<!--- contains the vertical stack of titlebar content and controlbar -->
+	<s:Group left="1" right="1" top="1" bottom="1" >
+		<s:layout>
+			<s:VerticalLayout gap="0" horizontalAlign="justify" />
+		</s:layout>
+		
+		<s:Group id="topGroup" >
+			<!-- layer 0: title bar fill -->
+			<!-- Note: We have custom skinned the title bar to be solid black for Tour de Flex -->
+			<s:Rect id="tbFill" left="0" right="0" top="0" bottom="1" >
+				<s:fill>
+					<s:SolidColor color="0x000000" />
+				</s:fill>
+			</s:Rect>
+			
+			<!-- layer 1: title bar highlight -->
+			<s:Rect id="tbHilite" left="0" right="0" top="0" bottom="0" >
+				<s:stroke>
+					<s:LinearGradientStroke rotation="90" weight="1">
+						<s:GradientEntry color="0xEAEAEA" />
+						<s:GradientEntry color="0xD9D9D9" />
+					</s:LinearGradientStroke>
+				</s:stroke>
+			</s:Rect>
+			
+			<!-- layer 2: title bar divider -->
+			<s:Rect id="tbDiv" left="0" right="0" height="1" bottom="0">
+				<s:fill>
+					<s:SolidColor color="0xC0C0C0" />
+				</s:fill>
+			</s:Rect>
+			
+			<!-- layer 3: text -->
+			<!--- Defines the appearance of the PanelSkin class's title bar. -->
+			<!-- Note: The title text display has been slightly modified for Tour de Flex. -->
+			<s:Label id="titleDisplay" lineBreak="explicit"
+						  left="9" top="1" bottom="0" minHeight="30"
+						  verticalAlign="middle" fontWeight="bold" color="#E2E2E2">
+			</s:Label>
+		</s:Group>
+		
+		<!--
+		Note: setting the minimum size to 0 here so that changes to the host component's
+		size will not be thwarted by this skin part's minimum size.   This is a compromise,
+		more about it here: http://bugs.adobe.com/jira/browse/SDK-21143
+		-->
+		<s:Group id="contentGroup" width="100%" height="100%" minWidth="0" minHeight="0">
+		</s:Group>
+		
+		<s:Group id="bottomGroup" minWidth="0" minHeight="0"
+				 includeIn="normalWithControlBar, disabledWithControlBar" >
+			
+			<!-- layer 0: control bar background -->
+			<!-- Note: We are skinning this to be the gradient in case we do specify control
+			bar content, but it will only display if there's a controlBarContent
+			property specified.-->
+			<s:Rect left="0" right="0" bottom="0" top="0" height="15">
+				<s:fill>
+					<s:LinearGradient rotation="90">
+						<s:GradientEntry color="0xE2E2E2" />
+						<s:GradientEntry color="0x000000" />
+					</s:LinearGradient>
+				</s:fill>
+			</s:Rect>
+			
+			<!-- layer 1: control bar divider line -->
+			<s:Rect left="0" right="0" top="0" height="1" >
+				<s:fill>
+					<s:SolidColor color="0xCDCDCD" />
+				</s:fill>
+			</s:Rect>
+			
+			<!-- layer 2: control bar -->
+			<s:Group id="controlBarGroup" left="0" right="0" top="1" bottom="0" minWidth="0" minHeight="0">
+				<s:layout>
+					<s:HorizontalLayout paddingLeft="10" paddingRight="10" paddingTop="10" paddingBottom="10" />
+				</s:layout>
+			</s:Group>
+		</s:Group>
+	</s:Group>
+</s:SparkSkin>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/spark/css/CSSDescendantSelectorExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/css/CSSDescendantSelectorExample.mxml b/TourDeFlex/TourDeFlex3/src/spark/css/CSSDescendantSelectorExample.mxml
new file mode 100644
index 0000000..db20ea3
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/spark/css/CSSDescendantSelectorExample.mxml
@@ -0,0 +1,74 @@
+<?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.
+
+-->
+<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
+			   xmlns:s="library://ns.adobe.com/flex/spark" 
+			   xmlns:mx="library://ns.adobe.com/flex/mx">
+	
+	<fx:Style>
+		@namespace s "library://ns.adobe.com/flex/spark";
+		@namespace mx "library://ns.adobe.com/flex/mx";
+		
+		s|ButtonBar s|ToggleButton:upAndSelected,
+		s|ButtonBar s|ToggleButton:overAndSelected,
+		s|ButtonBar s|ToggleButton:downAndSelected,
+		
+		s|ButtonBar s|ToggleButton:disabledAndSelected {
+			baseColor: #FF6633;
+			color: #FFFFCC;
+		}
+		
+		s|ButtonBar {
+			baseColor: #FFFFCC;
+		}
+		
+		s|Button {
+			baseColor: #000000;
+			color: #269d6c;
+		}
+		
+		s|VGroup s|Label {
+			fontWeight: "bold";
+			color: #336699;
+		}
+		
+		s|VGroup mx|Text {
+			color: #0A436B;
+			fontWeight: "bold";
+		}
+	</fx:Style>
+	
+	<s:Panel title="Advanced CSS: Descendant Selector Example" height="100%" width="100%" skinClass="skins.TDFPanelSkin">
+		<s:Group width="50%" height="50%">
+			<s:ButtonBar id="viewMenu" requireSelection="true" x="10" y="10">
+				<s:dataProvider>
+					<mx:ArrayCollection source="['Home', 'Events', 'Rooms', 'Dining']" />
+				</s:dataProvider>
+			</s:ButtonBar>
+			<s:Button label="Click Me!" x="12" y="48"/>
+			<s:Label x="10" y="90" text="Only text in the VGroup below has bold content." />
+			<s:VGroup x="10" y="109">
+				<s:Label text="This text component has the style setting referring to the Spark Label component." />
+				<mx:Text text="This text component has a style setting with a reference to a Halo Text component."/>
+			</s:VGroup>
+		</s:Group>
+		<s:Label width="200" color="0x323232" text="Descendant selectors can be used to specifically qualify the component you 
+want to style via the namespace and component. See the Style settings in the code for reference." x="440" y="10"/>
+	</s:Panel>
+</s:Application>


[06/51] [partial] Merged TourDeFlex release from develop

Posted by jm...@apache.org.
http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/spark/controls/OLAPDataGridExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/controls/OLAPDataGridExample.mxml b/TourDeFlex/TourDeFlex3/src/spark/controls/OLAPDataGridExample.mxml
new file mode 100644
index 0000000..d176fc8
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/spark/controls/OLAPDataGridExample.mxml
@@ -0,0 +1,230 @@
+<?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.
+
+-->
+<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"  
+			   xmlns:s="library://ns.adobe.com/flex/spark" 
+			   xmlns:mx="library://ns.adobe.com/flex/mx" 
+			   skinClass="TDFGradientBackgroundSkin"
+			   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;
+			
+			
+			//
+			// Format of Objects in the ArrayCollection:
+			//
+			//  data:Object = {
+			//    customer:"AAA", 
+			//    product:"ColdFusion",
+			//    quarter:"Q1"
+			//    revenue: "100.00" 
+			//  }
+			//
+			
+			[Bindable]
+			private var flatData:ArrayCollection = new ArrayCollection(
+			[
+			{customer:"AAA", product:"ColdFusion", quarter:"Q1", revenue:210, cost:25},
+			{customer:"AAA", product:"Flex", quarter:"Q2", revenue:210, cost:25},
+			{customer:"AAA", product:"Dreamweaver", quarter:"Q3", revenue:250, cost:125},
+			{customer:"AAA", product:"Flash", quarter:"Q4", revenue:430, cost:75},
+			
+			{customer:"BBB", product:"ColdFusion", quarter:"Q2", revenue:125, cost:20},
+			{customer:"BBB", product:"Flex", quarter:"Q3", revenue:210, cost:20},
+			{customer:"BBB", product:"Dreamweaver", quarter:"Q4", revenue:320, cost:120},
+			{customer:"BBB", product:"Flash", quarter:"Q1", revenue:280, cost:70},
+			
+			{customer:"CCC", product:"ColdFusion", quarter:"Q3", revenue:375, cost:120},
+			{customer:"CCC", product:"Flex", quarter:"Q4", revenue:430, cost:120},
+			{customer:"CCC", product:"Dreamweaver", quarter:"Q1", revenue:470, cost:220},
+			{customer:"CCC", product:"Flash", quarter:"Q2", revenue:570, cost:170},
+			
+			{customer:"AAA", product:"ColdFusion", quarter:"Q4", revenue:215, cost:90},
+			{customer:"AAA", product:"Flex", quarter:"Q1", revenue:210, cost:90},
+			{customer:"AAA", product:"Dreamweaver", quarter:"Q2", revenue:175, cost:190},
+			{customer:"AAA", product:"Flash", quarter:"Q3", revenue:670, cost:75},
+			
+			{customer:"BBB", product:"ColdFusion", quarter:"Q1", revenue:175, cost:20},
+			{customer:"BBB", product:"Flex", quarter:"Q2", revenue:210, cost:20},
+			{customer:"BBB", product:"Dreamweaver",quarter:"Q3", revenue:120, cost:120},
+			{customer:"BBB", product:"Flash", quarter:"Q4", revenue:310, cost:70},
+			
+			{customer:"CCC", product:"ColdFusion", quarter:"Q1", revenue:385, cost:120},
+			{customer:"CCC", product:"Flex", quarter:"Q2", revenue:340, cost:120},
+			{customer:"CCC", product:"Dreamweaver", quarter:"Q3", revenue:470, cost:220},
+			{customer:"CCC", product:"Flash", quarter:"Q4", revenue:270, cost:170},
+			
+			{customer:"AAA", product:"ColdFusion", quarter:"Q1", revenue:100, cost:25},
+			{customer:"AAA", product:"Flex", quarter:"Q2", revenue:150, cost:25},
+			{customer:"AAA", product:"Dreamweaver", quarter:"Q3", revenue:200, cost:125},
+			{customer:"AAA", product:"Flash", quarter:"Q4", revenue:300, cost:75},
+			
+			{customer:"BBB", product:"ColdFusion", quarter:"Q2", revenue:175, cost:20},
+			{customer:"BBB", product:"Flex", quarter:"Q3", revenue:100, cost:20},
+			{customer:"BBB", product:"Dreamweaver", quarter:"Q4", revenue:270, cost:120},
+			{customer:"BBB", product:"Flash", quarter:"Q1", revenue:370, cost:70},
+			
+			{customer:"CCC", product:"ColdFusion", quarter:"Q3", revenue:410, cost:120},
+			{customer:"CCC", product:"Flex", quarter:"Q4", revenue:300, cost:320},
+			{customer:"CCC", product:"Dreamweaver", quarter:"Q1", revenue:510, cost:220},
+			{customer:"CCC", product:"Flash", quarter:"Q2", revenue:620, cost:170},
+			
+			{customer:"AAA", product:"ColdFusion", quarter:"Q4", revenue:215, cost:90},
+			{customer:"AAA", product:"Flex", quarter:"Q1", revenue:210, cost:90},
+			{customer:"AAA", product:"Dreamweaver", quarter:"Q2", revenue:175, cost:190},
+			{customer:"AAA", product:"Flash", quarter:"Q3", revenue:420, cost:75},
+			
+			{customer:"BBB", product:"ColdFusion", quarter:"Q1", revenue:240, cost:20},
+			{customer:"BBB", product:"Flex", quarter:"Q2", revenue:100, cost:20},
+			{customer:"BBB", product:"Dreamweaver", quarter:"Q3", revenue:270, cost:120},
+			{customer:"BBB", product:"Flash", quarter:"Q4", revenue:370, cost:70},
+			
+			{customer:"CCC", product:"ColdFusion", quarter:"Q1", revenue:375, cost:120},
+			{customer:"CCC", product:"Flex", quarter:"Q2", revenue:420, cost:120},
+			{customer:"CCC", product:"Dreamweaver", quarter:"Q3", revenue:680, cost:220},
+			{customer:"CCC", product:"Flash", 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>
+	
+	<s:layout>
+		<s:HorizontalLayout horizontalAlign="center" />
+	</s:layout>
+	
+	<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>
+	
+	
+	
+	<s:Panel title="OLAPDataGrid Control" color="0x000000" 
+			 borderAlpha="0.15" 
+			 width="600">
+		
+		<s:layout>
+			<s:HorizontalLayout horizontalAlign="center" 
+								paddingLeft="10" paddingRight="10" 
+								paddingTop="10" paddingBottom="10"/>
+		</s:layout>
+		
+		<mx:OLAPDataGrid id="myOLAPDG" color="0x323232" width="100%" height="100%"/>
+		
+	</s:Panel>
+	
+</s:Application>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/spark/controls/OSMFExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/controls/OSMFExample.mxml b/TourDeFlex/TourDeFlex3/src/spark/controls/OSMFExample.mxml
new file mode 100644
index 0000000..16a2c2c
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/spark/controls/OSMFExample.mxml
@@ -0,0 +1,27 @@
+<?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.
+
+-->
+<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
+			   xmlns:s="library://ns.adobe.com/flex/spark">
+	
+	<s:VideoPlayer horizontalCenter="0" verticalCenter="0"
+		source="http://mediapm.edgesuite.net/osmf/content/test/manifest-files/dynamic_Streaming.f4m" 
+		autoPlay="true"/>
+	
+</s:Application>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/spark/controls/PagedList.as
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/controls/PagedList.as b/TourDeFlex/TourDeFlex3/src/spark/controls/PagedList.as
new file mode 100644
index 0000000..19e87df
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/spark/controls/PagedList.as
@@ -0,0 +1,510 @@
+////////////////////////////////////////////////////////////////////////////////
+//
+//  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.
+//
+////////////////////////////////////////////////////////////////////////////////
+package  
+{
+	import flash.events.Event;
+	import flash.events.EventDispatcher;
+	
+	import mx.collections.IList;
+	import mx.collections.errors.ItemPendingError;
+	import mx.events.CollectionEvent;
+	import mx.events.CollectionEventKind;
+	import mx.events.PropertyChangeEvent;
+	import mx.events.PropertyChangeEventKind;
+	import mx.resources.IResourceManager;
+	import mx.resources.ResourceManager;
+	import mx.rpc.IResponder;
+	
+	[Event(name="collectionChange", type="mx.events.CollectionEvent")]
+	
+	/**
+	 *  An IList whose items are fetched asynchronously by a user provided function.   The 
+	 *  loadItemsFunction initiates an asynchronous request for a pageSize block items, typically
+	 *  from a web service.  When the request sucessfully completes, the storeItemsAt() method
+	 *  must be called. If the request fails, then failItemsAt().
+	 * 
+	 *  <p>PagedList divides its <code>length</code> items into <code>pageSize</code> blocks or 
+	 *  "pages".  It tracks which items exist locally, typically because they've been stored with
+	 *  storeItemsAt().  When an item that does not exist locally is requested with getItemAt(),
+	 *  the loadItemsFunction is called and then an IPE is thrown.  When the loadItemsFunction
+	 *  either completes or fails, it must call storeItemsAt() or failItemsAt() which causes
+	 *  the IPE's responders to run and a "replace" CollectionEvent to be dispatched for the 
+	 *  updated page.  The failItemsAt() method resets the corresponding items to undefined, 
+	 *  which means that subsequent calls to getItemAt() will cause an IPE to be thrown.</p>
+	 * 
+	 *  <p>Unlike some other IList implementations, the only method here that can thrown an
+	 *  IPE is getItemAt().   Methods like getItemIndex() and toArray() just report items
+	 *  that aren't local as null.</p>
+	 * 
+	 *  <p>This class is intended to be used as the "list" source for an ASyncListView.</p>
+	 */
+	public class PagedList  extends EventDispatcher implements IList
+	{
+		/**
+		 *  @private
+		 */
+		private static function get resourceManager():IResourceManager
+		{
+			return ResourceManager.getInstance();
+		}
+		
+		/**
+		 *  @private
+		 */    
+		private static function checkItemIndex(index:int, listLength:int):void
+		{
+			if (index < 0 || (index >= listLength)) 
+			{
+				const message:String = resourceManager.getString("collections", "outOfBounds", [ index ]);
+				throw new RangeError(message);
+			}
+		}
+		
+		/**
+		 *  @private
+		 *  The IList's items.
+		 */
+		private const data:Vector.<*> = new Vector.<*>();
+		
+		/**
+		 *  Construct a PagedList with the specified length and pageSize.
+		 */    
+		public function PagedList(length:int=1000, pageSize:int=10)
+		{
+			this.data.length = length;
+			this.pageSize = pageSize;
+			
+			for (var i:int = 0; i < data.length; i++)
+				data[i] = undefined;
+		}
+		
+		//----------------------------------
+		//  loadItemsFunction
+		//---------------------------------- 
+		
+		private var _loadItemsFunction:Function = null;
+		
+		/**
+		 *  The value of this property must be a function that loads a contiguous 
+		 *  block of items and then calls <code>storeItemsAt()</code> or 
+		 *  <code>failItemsAt()</code>.  A loadItemsFunction must be defined as follows:
+		 *  <pre>
+		 *  myLoadItems(list:PagedList, index:int, count:int):void 
+		 *  </pre>
+		 *  
+		 *  <p>Typically the loadItemsFunction will make one or more network requests
+		 *  to retrieve the items.   It must do all of its work asynchronously to avoid
+		 *  blocking the application's GUI.
+		 *  
+		 */
+		public function get loadItemsFunction():Function
+		{
+			return _loadItemsFunction;
+		}
+		
+		/**
+		 *  @private
+		 */
+		public function set loadItemsFunction(value:Function):void
+		{
+			_loadItemsFunction = value;
+		}
+		
+		//----------------------------------
+		//  length
+		//---------------------------------- 
+		
+		[Bindable("collectionChange")]    
+		
+		/**
+		 *  The number of items in the list.
+		 *  
+		 *  <p>The length of the list can be changed directly however the "-1" indeterminate 
+		 *  length value is not supported.</p>
+		 */
+		public function get length():int
+		{
+			return data.length;
+		}
+		
+		/**
+		 *  @private
+		 */
+		public function set length(value:int):void
+		{
+			const oldLength:int = data.length;
+			const newLength:int = value;
+			
+			if (oldLength == newLength)
+				return;
+			
+			var ce:CollectionEvent = null;
+			if (hasEventListener(CollectionEvent.COLLECTION_CHANGE))
+				ce = new CollectionEvent(CollectionEvent.COLLECTION_CHANGE);
+			
+			if (oldLength < newLength)
+			{
+				if (ce)
+				{
+					ce.location = Math.max(oldLength - 1, 0);
+					ce.kind = CollectionEventKind.ADD;
+					const itemsLength:int = newLength - oldLength;
+					for (var i:int = 0; i < itemsLength; i++)
+						ce.items.push(undefined);
+				}
+				
+				data.length = newLength;
+				for (var newIndex:int = Math.max(oldLength - 1, 0); newIndex < newLength; newIndex++)
+					data[newIndex] = undefined;
+			}
+			else // oldLength > newLength
+			{
+				if (ce)
+				{
+					ce.location = Math.max(newLength - 1, 0);
+					ce.kind = CollectionEventKind.REMOVE;
+					for (var oldIndex:int = Math.max(newLength - 1, 0); oldIndex < oldLength; oldIndex++)
+						ce.items.push(data[oldIndex]);
+				}
+				
+				data.length = newLength; 
+			}
+			
+			if (ce)
+				dispatchEvent(ce);
+		}
+		
+		//----------------------------------
+		//  pageSize
+		//---------------------------------- 
+		
+		private var _pageSize:int = 10;
+		
+		/** 
+		 *  Items are loaded in contiguous pageSize blocks.  The value of this property should be greater than  
+		 *  zero, smaller than the PageList's length, and a reasonable working size for the loadItemsFunction.   
+		 */
+		public function get pageSize():int
+		{
+			return _pageSize;
+		}
+		
+		/**
+		 *  @private
+		 */
+		public function set pageSize(value:int):void
+		{
+			_pageSize = value;    
+		}
+		
+		/**
+		 *  Resets the entire list to its initial state.  All local and pending items are 
+		 *  cleared.
+		 */
+		public function clearItems():void
+		{
+			var index:int = 0;
+			for each (var item:Object in data)
+			data[index++] = undefined;
+			
+			if (hasEventListener(CollectionEvent.COLLECTION_CHANGE))
+			{
+				var ce:CollectionEvent = new CollectionEvent(CollectionEvent.COLLECTION_CHANGE);
+				ce.kind = CollectionEventKind.RESET;
+				dispatchEvent(ce);
+			}            
+		}
+		
+		/**
+		 *  @private
+		 */
+		private static function createUpdatePCE(itemIndex:Object, oldValue:Object, newValue:Object):PropertyChangeEvent
+		{
+			const pce:PropertyChangeEvent = new PropertyChangeEvent(PropertyChangeEvent.PROPERTY_CHANGE);
+			pce.kind = PropertyChangeEventKind.UPDATE;
+			pce.property = itemIndex;
+			pce.oldValue = oldValue;
+			pce.newValue = newValue;
+			return pce;
+		}
+		
+		/**
+		 *  @private
+		 */    
+		private static function createCE(kind:String, location:int, item:Object):CollectionEvent
+		{
+			const ce:CollectionEvent = new CollectionEvent(CollectionEvent.COLLECTION_CHANGE);
+			ce.kind = kind;
+			ce.location = location;
+			
+			if (item is Array)
+				ce.items = item as Array;
+			else
+				ce.items.push(item);
+			
+			return ce;
+		}
+		
+		/**
+		 *  This method must be called by the loadItemsFunction after a block of requested
+		 *  items have been successfully retrieved.  It stores the specified items in the 
+		 *  internal data vector and clears the "pending" state associated with the original
+		 *  request.
+		 */
+		public function storeItemsAt(items:Vector.<Object>, index:int):void
+		{
+			if (index < 0 || (index + items.length) > length) 
+			{
+				const message:String = resourceManager.getString("collections", "outOfBounds", [ index ]);
+				throw new RangeError(message);
+			}
+			
+			var item:Object;
+			var itemIndex:int;
+			var pce:PropertyChangeEvent;
+			
+			// copy the new items into the internal items vector and run the IPE responders
+			
+			itemIndex = index;
+			for each (item in items)
+			{
+				var ipe:ItemPendingError = data[itemIndex] as ItemPendingError;
+				if (ipe && ipe.responders)
+				{
+					for each (var responder:IResponder in ipe.responders)
+					responder.result(null);
+				}
+				
+				data[itemIndex++] = item;
+			}
+			
+			// dispatch collection and property change events
+			
+			const hasCollectionListener:Boolean = hasEventListener(CollectionEvent.COLLECTION_CHANGE);
+			const hasPropertyListener:Boolean = hasEventListener(PropertyChangeEvent.PROPERTY_CHANGE);
+			var propertyChangeEvents:Array = new Array();  // Array of PropertyChangeEvents; 
+			
+			if (hasCollectionListener || hasPropertyListener)
+			{   
+				itemIndex = index;
+				for each (item in items)
+				propertyChangeEvents.push(createUpdatePCE(itemIndex++, null, item));
+			}
+			
+			if (hasCollectionListener)
+				dispatchEvent(createCE(CollectionEventKind.REPLACE, index, propertyChangeEvents));
+			
+			if (hasPropertyListener)
+			{
+				for each (pce in propertyChangeEvents)
+				dispatchEvent(pce);
+			}
+		}
+		
+		public function failItemsAt(index:int, count:int):void
+		{
+			if (index < 0 || (index + count) > length) 
+			{
+				const message:String = resourceManager.getString("collections", "outOfBounds", [ index ]);
+				throw new RangeError(message);
+			}
+			
+			for (var i:int = 0; i < count; i++)
+			{
+				var itemIndex:int = i + index;
+				var ipe:ItemPendingError = data[itemIndex] as ItemPendingError;
+				if (ipe && ipe.responders)
+				{
+					for each (var responder:IResponder in ipe.responders)
+					responder.fault(null);
+				}
+				data[itemIndex] = undefined;
+			}        
+			
+			
+			
+		}
+		
+		//--------------------------------------------------------------------------
+		//
+		//  IList Implementation (length appears above)
+		//
+		//--------------------------------------------------------------------------
+		
+		/**
+		 *  @inheritDoc
+		 */    
+		public function addItem(item:Object):void
+		{
+			addItemAt(item, length);        
+		}
+		
+		/**
+		 *  @inheritDoc
+		 */   
+		public function addItemAt(item:Object, index:int):void
+		{
+			checkItemIndex(index, length + 1);
+			data.splice(index, index, item);
+			
+			if (hasEventListener(CollectionEvent.COLLECTION_CHANGE))
+				dispatchEvent(createCE(CollectionEventKind.ADD, index, item));
+		}
+		
+		/**
+		 *  @inheritDoc
+		 */   
+		public function getItemAt(index:int, prefetch:int=0):Object
+		{
+			checkItemIndex(index, length);
+			
+			var item:* = data[index];
+			if (item is ItemPendingError)
+			{
+				throw item as ItemPendingError;
+			}
+			else if (item === undefined)
+			{
+				const ipe:ItemPendingError = new ItemPendingError(String(index));
+				const pageStartIndex:int = Math.floor(index / pageSize) * pageSize;
+				const count:int = Math.min(pageSize, data.length - pageStartIndex);
+				
+				for (var i:int = 0; i < count; i++)
+					data[pageStartIndex + i] = ipe;
+				
+				if (loadItemsFunction !== null)
+					loadItemsFunction(this, pageStartIndex, count);
+				
+				// Allow for the possibility that loadItemsFunction has synchronously
+				// loaded the requested data item.
+				
+				if (data[index] == ipe)
+					throw ipe;
+				else
+					item = data[index];
+			}
+			
+			return item;
+		}
+		
+		/**
+		 *  Return the index of of the specified item, if it currently exists in the list.
+		 *  This method does not cause additional items to be loaded.
+		 */   
+		public function getItemIndex(item:Object):int
+		{
+			return data.indexOf(item);
+		}
+		
+		/**
+		 *  @inheritDoc
+		 */   
+		public function itemUpdated(item:Object, property:Object=null, oldValue:Object=null, newValue:Object=null):void
+		{
+			const hasCollectionListener:Boolean = hasEventListener(CollectionEvent.COLLECTION_CHANGE);
+			const hasPropertyListener:Boolean = hasEventListener(PropertyChangeEvent.PROPERTY_CHANGE);
+			var pce:PropertyChangeEvent = null;
+			
+			if (hasCollectionListener || hasPropertyListener)
+				pce = createUpdatePCE(property, oldValue, newValue);
+			
+			if (hasCollectionListener)
+				dispatchEvent(createCE(CollectionEventKind.UPDATE, -1, pce));
+			
+			if (hasPropertyListener)
+				dispatchEvent(pce);
+		}
+		
+		/**
+		 *  @inheritDoc
+		 */   
+		public function removeAll():void
+		{
+			length = 0;
+			
+			if (hasEventListener(CollectionEvent.COLLECTION_CHANGE))
+			{
+				const ce:CollectionEvent = new CollectionEvent(CollectionEvent.COLLECTION_CHANGE);
+				ce.kind = CollectionEventKind.RESET;
+				dispatchEvent(ce);
+			}
+		}
+		
+		/**
+		 *  @inheritDoc
+		 */   
+		public function removeItemAt(index:int):Object
+		{
+			checkItemIndex(index, length);
+			
+			const item:Object = data[index];
+			
+			data.splice(index, 1);
+			if (hasEventListener(CollectionEvent.COLLECTION_CHANGE))
+				dispatchEvent(createCE(CollectionEventKind.REMOVE, index, item));    
+			
+			return item;
+		}
+		
+		/**
+		 *  @inheritDoc
+		 */   
+		public function setItemAt(item:Object, index:int):Object
+		{
+			checkItemIndex(index, length);
+			
+			const oldItem:Object = data[index];
+			
+			if (item !== oldItem)
+			{
+				const hasCollectionListener:Boolean = hasEventListener(CollectionEvent.COLLECTION_CHANGE);
+				const hasPropertyListener:Boolean = hasEventListener(PropertyChangeEvent.PROPERTY_CHANGE);
+				var pce:PropertyChangeEvent = null;
+				
+				if (hasCollectionListener || hasPropertyListener)
+					pce = createUpdatePCE(index, oldItem, item);
+				
+				if (hasCollectionListener)
+					dispatchEvent(createCE(CollectionEventKind.REPLACE, index, pce));
+				
+				if (hasPropertyListener)
+					dispatchEvent(pce);
+			}
+			
+			return oldItem;
+		}
+		
+		/**
+		 *  Returns an array with the same length as this list, that contains all of
+		 *  the items successfully loaded so far.  
+		 * 
+		 *  <p>Calling this method does not force additional items to be loaded.</p>
+		 */   
+		public function toArray():Array
+		{
+			const rv:Array = new Array(data.length);
+			
+			var index:int = 0;
+			for each (var item:* in data)
+			rv[index++] = (item is ItemPendingError) ? undefined : item;
+			
+			return rv;
+		}
+	}
+}

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/spark/controls/PopUpAnchor1Example.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/controls/PopUpAnchor1Example.mxml b/TourDeFlex/TourDeFlex3/src/spark/controls/PopUpAnchor1Example.mxml
new file mode 100644
index 0000000..7c2c42b
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/spark/controls/PopUpAnchor1Example.mxml
@@ -0,0 +1,81 @@
+<?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.
+
+-->
+<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
+			   xmlns:s="library://ns.adobe.com/flex/spark" 
+			   xmlns:mx="library://ns.adobe.com/flex/mx" viewSourceURL="srcview/index.html">
+	
+	
+	<fx:Script>
+		<![CDATA[
+			import mx.controls.Alert;
+			protected function handleClose(event:MouseEvent):void
+			{
+				Alert.show("TEST");
+				this.currentState="normal";
+			}
+		]]>
+	</fx:Script>
+	
+	<s:states>
+		<s:State name="normal" />
+		<s:State name="infoOpen" />
+	</s:states>
+	
+	<s:transitions>
+		<mx:Transition fromState="*" toState="*">
+			<mx:Sequence>
+				<s:Fade target="{infoPopUp.popUp}" duration="1500"/>
+			</mx:Sequence>
+		</mx:Transition> 
+	</s:transitions>
+	
+	<fx:Declarations>
+		<s:LinearGradient rotation="90" id="fill1">
+			<s:GradientEntry color="0xFFFFFF" />
+			<s:GradientEntry color="0x336699" />
+		</s:LinearGradient>
+	</fx:Declarations>
+	
+	<s:Panel width="100%" height="100%" title="PopUpAnchor Sample" skinClass="skins.TDFPanelSkin">	
+		<s:HGroup horizontalCenter="0" top="5">
+			<s:VGroup top="0">
+				<s:Label width="200" height="200" color="0x323232" 
+						 text="The PopUpAnchor control displays a pop-up component in a layout. It has 
+						 no visual appearance, but it has dimensions. The PopUpAnchor control is used in the DropDownList and VolumeBar controls. The PopUpAnchor displays the pop-up component by adding it to the PopUpManager, and then sizes and positions the pop-up component relative to itself."/>
+				<s:Label text=" Click the Information icon to see the PopUpAnchor in action."/>
+				<mx:Spacer width="60"/>	
+			</s:VGroup>
+			<s:VGroup>
+				<mx:LinkButton label="Information" click="currentState = 'infoOpen'" icon="@Embed('iconinfo.gif')"/>
+				<s:PopUpAnchor id="infoPopUp" left="0" bottom="0" popUpPosition="below"  
+							   includeIn="infoOpen" displayPopUp.normal="false" 
+							   displayPopUp.infoOpen="true">
+					<s:BorderContainer cornerRadius="5" backgroundFill="{fill1}" height="160" width="180" 
+							  dropShadowVisible="true">
+						<s:Label horizontalCenter="0" top="20" width="170" height="155" color="0x323232" 
+								 text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam laoreet urna fringilla risus fermentum sed aliquam lorem aliquam. Maecenas egestas, risus at adipiscing faucibus, nisl dui dignissim turpis, at consectetur magna erat in ligula."/>
+						
+						<s:Button top="2" right="2" width="16" height="16" skinClass="skins.CloseButtonSkin" click="handleClose(event)"/>
+					</s:BorderContainer>
+				</s:PopUpAnchor>
+			</s:VGroup>
+		</s:HGroup>
+	</s:Panel>
+</s:Application>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/spark/controls/PopUpAnchor2Example.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/controls/PopUpAnchor2Example.mxml b/TourDeFlex/TourDeFlex3/src/spark/controls/PopUpAnchor2Example.mxml
new file mode 100644
index 0000000..0bde928
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/spark/controls/PopUpAnchor2Example.mxml
@@ -0,0 +1,80 @@
+<?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.
+
+-->
+<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
+			   xmlns:s="library://ns.adobe.com/flex/spark" 
+			   xmlns:mx="library://ns.adobe.com/flex/mx">
+	
+	<s:states>
+		<s:State name="normal" />
+		<s:State name="emailOpen" />
+		<s:State name="aboutOpen" />
+		<s:State name="infoOpen" />
+	</s:states>
+	
+	<s:transitions>
+		<mx:Transition fromState="*" toState="*">
+			<mx:Sequence>
+				<s:Fade target="{emailPopUp.popUp}" duration="1000"/>
+			</mx:Sequence>
+		</mx:Transition> 
+	</s:transitions>
+	
+	<s:Panel width="100%" height="100%" 
+			 title="PopUpAnchor with Form" 
+			 skinClass="skins.TDFPanelSkin">
+		
+		<s:VGroup horizontalCenter="0" top="20">
+			<s:HGroup>
+				<mx:LinkButton label="Home" color="0x336699" click="currentState = 'normal'"/>
+				<mx:LinkButton label="About" color="0x336699" click="currentState = 'aboutOpen'"/>
+				<mx:LinkButton label="Information" color="0x336699" click="currentState = 'infoOpen'"/>
+				<mx:LinkButton label="Contact Us" color="0x336699" click="currentState = 'emailOpen'"/>
+			</s:HGroup>
+			<s:BorderContainer id="border1" excludeFrom="emailOpen" width="290" height="200" 
+					  backgroundColor="0x000000" color="0xFFFFFF" cornerRadius="7">
+				<s:Label width="200" height="200" top="20" left="5" 
+						 text.normal="Welcome to Tour de Flex!" 
+						 text.aboutOpen="Tour de Flex is constantly being updated with more cool samples!" 
+						 text.infoOpen="Check back for more Flex 4 samples weekly!"/>
+			</s:BorderContainer>
+			<s:PopUpAnchor id="emailPopUp" left="0" bottom="0" popUpPosition="below"  
+						   includeIn="emailOpen" displayPopUp.normal="false" displayPopUp.emailOpen="true">
+				<mx:Form id="form1" backgroundColor="0x000000" color="0xFFFFFF">
+					<mx:FormItem label="From :">
+						<s:TextInput/>
+					</mx:FormItem>
+					<mx:FormItem label="To :">
+						<s:TextInput/>
+					</mx:FormItem>
+					<mx:FormItem label="Subject :">
+						<s:TextInput/>
+					</mx:FormItem>
+					<mx:FormItem label="Message :">
+						<s:TextArea width="100%" height="60" maxChars="60"/>
+					</mx:FormItem>
+					<mx:FormItem direction="horizontal">
+						<s:Button label="Send" click="currentState = 'normal'" color="0x000000"/>  
+						<s:Button label="Cancel" click="currentState = 'normal'" color="0x000000"/>
+					</mx:FormItem>
+				</mx:Form>
+			</s:PopUpAnchor>
+		</s:VGroup>
+	</s:Panel>
+</s:Application>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/spark/controls/PopupButtonExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/controls/PopupButtonExample.mxml b/TourDeFlex/TourDeFlex3/src/spark/controls/PopupButtonExample.mxml
new file mode 100644
index 0000000..79de243
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/spark/controls/PopupButtonExample.mxml
@@ -0,0 +1,82 @@
+<?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.
+
+-->
+<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"  
+			   xmlns:s="library://ns.adobe.com/flex/spark" 
+			   xmlns:mx="library://ns.adobe.com/flex/mx" 
+			   skinClass="TDFGradientBackgroundSkin">
+	
+	<fx:Script>
+		<![CDATA[
+
+			import mx.controls.*;
+			import mx.events.*;
+			import mx.controls.Alert;
+
+			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>
+	
+	<s:layout>
+		<s:HorizontalLayout horizontalAlign="center" />
+	</s:layout>
+	
+	<s:Panel title="PopUpButton Control" color="0x000000" 
+			 borderAlpha="0.15" 
+			 width="600">
+		
+		<s:layout>
+			<s:VerticalLayout horizontalAlign="center" 
+							  paddingLeft="10" paddingRight="10" 
+							  paddingTop="10" paddingBottom="10"/>
+		</s:layout>
+         
+         <s:Label width="100%" color="0x323232"
+            text="Button label contains the name of the last selected menu item." />
+        <mx:PopUpButton id="popB" label="Edit" creationComplete="initMenu();" width="140" color="0x323232" click="{Alert.show('Action: ' + popB.label);}" />
+		
+        <mx:Spacer height="65" />
+		
+        <s:TextInput id="popTypeB" color="0x323232" text="...waiting" />
+        
+	</s:Panel>
+	
+</s:Application>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/spark/controls/ProgressBarExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/controls/ProgressBarExample.mxml b/TourDeFlex/TourDeFlex3/src/spark/controls/ProgressBarExample.mxml
new file mode 100644
index 0000000..76318e7
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/spark/controls/ProgressBarExample.mxml
@@ -0,0 +1,71 @@
+<?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.
+
+-->
+<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"  
+			   xmlns:s="library://ns.adobe.com/flex/spark" 
+			   xmlns:mx="library://ns.adobe.com/flex/mx" 
+			   skinClass="TDFGradientBackgroundSkin">
+	
+	<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>
+	
+	<s:layout>
+		<s:HorizontalLayout horizontalAlign="center" />
+	</s:layout>
+    
+	<s:Panel title="ProgressBar Control" color="0x000000" 
+			 borderAlpha="0.15" 
+			 width="600">
+		
+		<s:layout>
+			<s:VerticalLayout horizontalAlign="center" 
+							  paddingLeft="10" paddingRight="10" 
+							  paddingTop="10" paddingBottom="10"/>
+		</s:layout>
+         
+         <s:Label width="100%" color="0x323232"
+            text="Click the button to increment the progress bar." />
+        <s:Button id="Speed" label="Run" click="runit();" color="0x323232"/>
+            
+        <mx:ProgressBar id="bar" labelPlacement="bottom" minimum="0" visible="true" maximum="100"
+         	color="0x323232" label="CurrentProgress 0%" direction="right" mode="manual" width="100%"/>
+            
+	</s:Panel>
+	
+</s:Application>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/spark/controls/RadioButtonExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/controls/RadioButtonExample.mxml b/TourDeFlex/TourDeFlex3/src/spark/controls/RadioButtonExample.mxml
new file mode 100644
index 0000000..0ce17bf
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/spark/controls/RadioButtonExample.mxml
@@ -0,0 +1,95 @@
+<?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.
+
+-->
+<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
+			   xmlns:s="library://ns.adobe.com/flex/spark" 
+			   xmlns:mx="library://ns.adobe.com/flex/mx" 
+			   viewSourceURL="srcview/index.html">
+
+	<fx:Script>
+		<![CDATA[
+			protected function scoreClickHandler(event:MouseEvent):void
+			{
+				var score:Number = 0.0;
+				
+				if (group1.selectedValue=="True")
+					score=33.34;
+				if (group2.selectedValue=="South Africa")
+					score=score+33.34;
+				if (group3.selectedValue=="False")
+					score=score+33.34;
+				scoreText.text = "You scored " + numberFormatter.format(score).toString()+"%";
+			}
+		]]>
+	</fx:Script>
+	<fx:Declarations>
+		<s:RadioButtonGroup id="group1"/>
+		<s:RadioButtonGroup id="group2"/>
+		<s:RadioButtonGroup id="group3"/>
+		<mx:NumberFormatter id="numberFormatter"
+							precision="0"
+							rounding="nearest"/>
+	</fx:Declarations>
+	<fx:Style>
+		@namespace "library://ns.adobe.com/flex/spark";
+		
+		RadioButton{ 
+			baseColor: #FFFFFF; 
+		}
+		
+	</fx:Style>
+	
+	<!-- Note: A custom panel skin is used for the Tour de Flex samples and is included in the
+	source tabs for each sample.	-->
+	<s:Panel title="RadioButton Sample" 
+			 width="100%" height="100%" 
+			 skinClass="skins.TDFPanelSkin">
+		
+		<s:HGroup horizontalCenter="0" top="10">
+			<s:VGroup>
+				<s:Label text="1) The sky is blue:"/>
+				<s:RadioButton id="trueRadioBtn" label="True" groupName="group1"/>
+				<s:RadioButton id="falseRadioBtn" label="False" groupName="group1"/>
+			</s:VGroup>	
+			<s:VGroup paddingLeft="20">
+				<s:Label text="2) Which of the following is not a continent?"/>
+				<s:RadioButton id="multiRadioBtnA" label="North America" groupName="group2"/>
+				<s:RadioButton id="multiRadioBtnB" label="Europe" groupName="group2"/>
+				<s:RadioButton id="multiRadioBtnC" label="Asia" groupName="group2"/>
+				<s:RadioButton id="multiRadioBtnD" label="South Africa" groupName="group2"/>
+			</s:VGroup>
+			<s:VGroup paddingLeft="20">
+				<s:Label text="3) Tallahasee is the capital of Alabama:"/>
+				<s:RadioButton id="trueRadioBtn3" label="True" groupName="group3" />
+				<s:RadioButton id="falseRadioBtn3" label="False" groupName="group3"/>
+			</s:VGroup>
+			<s:VGroup horizontalAlign="contentJustify">
+				<s:Button id="scoreBtn" label="Score Me!" click="scoreClickHandler(event)"/>
+				<s:Label id="scoreText"/>
+			</s:VGroup>
+		</s:HGroup>
+		
+		<s:Label bottom="20" left="5" width="100%" verticalAlign="justify" color="#323232" 
+					  text="The RadioButton control is a single choice in a set of mutually 
+exclusive choices. A RadioButton group is composed of two or more RadioButton controls with
+the same group name. Only one member of the group can be selected at any given time." />
+	</s:Panel>
+	
+		
+</s:Application>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/spark/controls/RichEditableTextExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/controls/RichEditableTextExample.mxml b/TourDeFlex/TourDeFlex3/src/spark/controls/RichEditableTextExample.mxml
new file mode 100644
index 0000000..6af67cc
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/spark/controls/RichEditableTextExample.mxml
@@ -0,0 +1,100 @@
+<?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.
+
+-->
+<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
+			   xmlns:s="library://ns.adobe.com/flex/spark" 
+			   xmlns:mx="library://ns.adobe.com/flex/mx" 
+			   preinitialize="init();">
+	
+	<!-- Based on samples from Peter DeHaan's blog: http://blog.flexexamples.com/ --> 
+	
+	<fx:Script>
+		import flashx.textLayout.elements.Configuration;
+		import flashx.textLayout.elements.TextFlow;
+		import flashx.textLayout.formats.TextDecoration;
+		import flashx.textLayout.formats.TextLayoutFormat;
+		
+		import spark.events.TextOperationEvent;
+		
+		[Bindable]
+		protected static var lineCount:uint = 0;
+		
+		protected function richEdTxt_changeHandler(evt:TextOperationEvent):void {
+			lineCount = richEdTxt.mx_internal::textContainerManager.numLines;
+			lineCnt.text = lineCount.toString();
+		}
+		
+		protected function init():void {
+			var cfg:Configuration = TextFlow.defaultConfiguration;
+			
+			var normalTLF:TextLayoutFormat = new TextLayoutFormat(cfg.defaultLinkNormalFormat);
+			normalTLF.color = 0xFF0000;
+			
+			var hoverTLF:TextLayoutFormat = new TextLayoutFormat(cfg.defaultLinkHoverFormat);
+			hoverTLF.color = 0xFF00FF;
+			hoverTLF.textDecoration = TextDecoration.NONE;
+			
+			var activeTLF:TextLayoutFormat = new TextLayoutFormat(cfg.defaultLinkActiveFormat);
+			activeTLF.color = 0x00FF00;
+			
+			cfg.defaultLinkNormalFormat = normalTLF;
+			cfg.defaultLinkHoverFormat = hoverTLF;
+			cfg.defaultLinkActiveFormat = activeTLF;
+			TextFlow.defaultConfiguration = cfg;
+		}
+	</fx:Script>
+	<fx:Style>
+		@namespace s "library://ns.adobe.com/flex/spark";
+		@namespace mx "library://ns.adobe.com/flex/mx";
+		
+		s|VGroup s|Label {
+			fontWeight: "bold";
+		}
+	</fx:Style>
+	<s:Panel width="100%" height="100%"
+			 skinClass="skins.TDFPanelSkin"
+			 title="RichEditableText Sample">
+		
+		<s:VGroup id="vgrp" width="100%" height="100%" top="10" left="15">
+			<s:HGroup>
+				<s:Label text="Uneditable text with formatted link:"/>
+				<s:RichEditableText editable="false">
+					<s:content>
+						<s:p>The quick brown <s:a href="http://www.adobe.com/">fox</s:a> jumps over the lazy dog.</s:p>
+					</s:content>
+				</s:RichEditableText>
+			</s:HGroup>
+			<s:HGroup>
+				<s:Label text="Editable text:"/>
+				<s:RichEditableText id="richEdTxt" widthInChars="20" heightInLines="10" 
+									change="richEdTxt_changeHandler(event);" backgroundColor="0xCCCCCC" text="Hello world!">
+				</s:RichEditableText>	
+			</s:HGroup>
+			<s:HGroup>
+				<s:Label text="Line Count of editable text:"/>
+				<s:Label id="lineCnt"/>	
+			</s:HGroup>
+			
+		</s:VGroup>
+		<s:Label width="266" height="180" right="10" top="38" color="0x323232" text="RichEditableText is a low-level UIComponent for displaying, scrolling, selecting, and editing richly-formatted text.
+The rich text can contain clickable hyperlinks and inline graphics that are either embedded or loaded from URLs. RichEditableText does not have scrollbars, but it implements 
+the IViewport interface for programmatic scrolling so that it can be controlled by a Scroller, which does provide scrollbars. It also supports vertical scrolling with the mouse wheel." />
+	</s:Panel>
+	
+</s:Application>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/spark/controls/SWFLoaderExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/controls/SWFLoaderExample.mxml b/TourDeFlex/TourDeFlex3/src/spark/controls/SWFLoaderExample.mxml
new file mode 100644
index 0000000..2e3dcf8
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/spark/controls/SWFLoaderExample.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.
+
+-->
+<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"  
+			   xmlns:s="library://ns.adobe.com/flex/spark" 
+			   xmlns:mx="library://ns.adobe.com/flex/mx" 
+			   skinClass="TDFGradientBackgroundSkin"
+			   creationComplete="init()">
+	
+	<fx:Script>
+		<![CDATA[
+			private function init():void{
+				swfObj.content.addEventListener("SWF_EVENT",ballHandler);
+			}
+			private function ballHandler(ev:Event):void{
+				txt.text = "Flash content embedded at compile time | " + ev.target.ballCnt + " gumballs left";
+			}
+		]]>
+	</fx:Script>
+	
+	<s:layout>
+		<s:HorizontalLayout horizontalAlign="center" />
+	</s:layout>
+	
+	<s:Panel title="SWFLoader Control" color="0x000000" 
+			 borderAlpha="0.15" 
+			 width="600">
+		
+		<s:layout>
+			<s:VerticalLayout horizontalAlign="center" 
+							  paddingLeft="10" paddingRight="10" 
+							  paddingTop="10" paddingBottom="10"/>
+		</s:layout>
+		
+		<s:Label id="txt" color="0x323232" fontWeight="bold" text="Flash content embedded at compile time | 10 gumballs left" />
+		
+		<mx:SWFLoader id="swfObj" source="@Embed('assets/swf_sample.swf')"  />
+	</s:Panel>
+	
+</s:Application>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/spark/controls/SampleHelpFormExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/controls/SampleHelpFormExample.mxml b/TourDeFlex/TourDeFlex3/src/spark/controls/SampleHelpFormExample.mxml
new file mode 100644
index 0000000..979187f
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/spark/controls/SampleHelpFormExample.mxml
@@ -0,0 +1,44 @@
+<?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.
+
+-->
+<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
+			   xmlns:s="library://ns.adobe.com/flex/spark" 
+			   xmlns:mx="library://ns.adobe.com/flex/mx" backgroundColor="haloSilver" fontSize="14">
+	
+	<s:Form horizontalCenter="0">
+		<s:FormItem label="Enter some text">
+			<s:TextInput/>
+			<s:helpContent>
+				<s:Label text="I've fallen and I can't get up!"/>
+			</s:helpContent>
+		</s:FormItem>
+		<s:FormItem label="Check a box">
+			<s:CheckBox label="option 1"/>
+			<s:CheckBox label="option 2"/>
+			<s:helpContent>
+				<s:Label text="What does it mean?"/>
+				<s:Button label="?" width="30" x="120"/>
+			</s:helpContent>
+		</s:FormItem>
+		<s:FormItem>
+			<s:Button label="Submit!"/>
+		</s:FormItem>
+	</s:Form>
+	
+</s:Application>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/spark/controls/SampleSequenceFormExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/controls/SampleSequenceFormExample.mxml b/TourDeFlex/TourDeFlex3/src/spark/controls/SampleSequenceFormExample.mxml
new file mode 100644
index 0000000..eeb27f2
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/spark/controls/SampleSequenceFormExample.mxml
@@ -0,0 +1,37 @@
+<?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.
+
+-->
+<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
+			   xmlns:s="library://ns.adobe.com/flex/spark" 
+			   xmlns:mx="library://ns.adobe.com/flex/mx" backgroundColor="haloSilver" fontSize="14">
+	
+	<s:Form horizontalCenter="0">
+		<s:FormItem sequenceLabel="1." label="Enter some text">
+			<s:TextInput/>
+		</s:FormItem>
+		<s:FormItem sequenceLabel="2." label="Check a box">
+			<s:CheckBox label="option 1"/>
+			<s:CheckBox label="option 2"/>
+		</s:FormItem>
+		<s:FormItem>
+			<s:Button label="Submit it!"/>
+		</s:FormItem>
+	</s:Form>
+	
+</s:Application>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/spark/controls/SampleSimpleFormExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/controls/SampleSimpleFormExample.mxml b/TourDeFlex/TourDeFlex3/src/spark/controls/SampleSimpleFormExample.mxml
new file mode 100644
index 0000000..4d5887c
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/spark/controls/SampleSimpleFormExample.mxml
@@ -0,0 +1,38 @@
+<?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.
+
+-->
+<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
+			   xmlns:s="library://ns.adobe.com/flex/spark"
+			   xmlns:mx="library://ns.adobe.com/flex/mx"
+			   backgroundColor="haloSilver" fontSize="14">
+	
+	<s:Form horizontalCenter="0">
+		<s:FormItem label="Enter some text">
+			<s:TextInput/>
+		</s:FormItem>
+		<s:FormItem label="Check a box">
+			<s:CheckBox label="option 1"/>
+			<s:CheckBox label="option 2"/>
+		</s:FormItem>
+		<s:FormItem>
+			<s:Button label="Submit it!"/>
+		</s:FormItem>
+	</s:Form>
+
+</s:Application>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/spark/controls/SampleStackedFormExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/controls/SampleStackedFormExample.mxml b/TourDeFlex/TourDeFlex3/src/spark/controls/SampleStackedFormExample.mxml
new file mode 100644
index 0000000..0203cf9
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/spark/controls/SampleStackedFormExample.mxml
@@ -0,0 +1,38 @@
+<?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.
+
+-->
+<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
+			   xmlns:s="library://ns.adobe.com/flex/spark" 
+			   xmlns:mx="library://ns.adobe.com/flex/mx" backgroundColor="haloSilver" fontSize="14">
+	
+	<s:Form skinClass="spark.skins.spark.StackedFormSkin" horizontalCenter="0">
+		<s:FormHeading label="Do some data entry" skinClass="spark.skins.spark.StackedFormHeadingSkin"/>
+		<s:FormItem label="Enter some text" skinClass="spark.skins.spark.StackedFormItemSkin">
+			<s:TextInput/>
+		</s:FormItem>
+		<s:FormItem label="Check a box" skinClass="spark.skins.spark.StackedFormItemSkin">
+			<s:CheckBox label="option 1"/>
+			<s:CheckBox label="option 2"/>
+		</s:FormItem>
+		<s:FormItem skinClass="spark.skins.spark.StackedFormItemSkin">
+			<s:Button label="Submit it!"/>
+		</s:FormItem>
+	</s:Form>
+	
+</s:Application>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/spark/controls/ScrollBarExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/controls/ScrollBarExample.mxml b/TourDeFlex/TourDeFlex3/src/spark/controls/ScrollBarExample.mxml
new file mode 100644
index 0000000..dc9ba2b
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/spark/controls/ScrollBarExample.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.
+
+-->
+
+<s:Application 
+	xmlns:fx="http://ns.adobe.com/mxml/2009"
+	xmlns:mx="library://ns.adobe.com/flex/mx"
+	xmlns:s="library://ns.adobe.com/flex/spark"  viewSourceURL="srcview/index.html">
+	
+	<s:Panel width="100%" height="100%"
+			 skinClass="skins.TDFPanelSkin"
+			 title="ScrollBar Sample">
+		
+		<s:layout>
+				<s:HorizontalLayout paddingLeft="80" paddingTop="15"/>
+		</s:layout>
+		<mx:Box borderStyle="solid">
+			<s:HGroup>
+				<s:DataGroup id="vertView" left="10" top="20"
+							 clipAndEnableScrolling="true"
+							 itemRenderer="spark.skins.spark.DefaultItemRenderer">
+					<s:layout> 
+						<s:VerticalLayout requestedRowCount="4"/> 
+					</s:layout> 
+					<s:dataProvider> 
+						<s:ArrayCollection> 
+							<fx:String>Flex</fx:String>                
+							<fx:String>Flex JS</fx:String>   
+							<fx:String>Falcon</fx:String>
+							<fx:String>Falcon FX</fx:String>
+						</s:ArrayCollection>
+					</s:dataProvider> 
+				</s:DataGroup> 
+				<s:VScrollBar viewport="{vertView}" 
+							  top="10" 
+							  left="{vertView.x + vertView.width + 10}" 
+							  height="{vertView.height}"/>
+			</s:HGroup>
+		</mx:Box> 
+		<mx:Box borderStyle="solid">
+			<s:HGroup>
+				<s:DataGroup id="horizView" right="200" top="10"
+							 clipAndEnableScrolling="true"
+							 itemRenderer="spark.skins.spark.DefaultItemRenderer">
+					<s:layout> 
+						<s:HorizontalLayout requestedColumnCount="3"/> 
+					</s:layout> 
+					<s:dataProvider> 
+						<s:ArrayCollection> 
+							<fx:String>Flex</fx:String>                
+							<fx:String>Flex JS</fx:String>   
+							<fx:String>Falcon</fx:String>
+							<fx:String>Falcon FX</fx:String>   
+						</s:ArrayCollection>
+					</s:dataProvider> 
+				</s:DataGroup> 
+				
+			</s:HGroup>
+			<s:HScrollBar viewport="{horizView}" 
+						  left="{horizView.left}" 
+						  bottom="{horizView.bottom}" 
+						  width ="{horizView.width}"/>
+		</mx:Box>
+		
+		<s:Label paddingLeft="15" width="199" verticalAlign="justify" color="0x323232"
+				 text="You can add scrollbars to any component to give scrolling capability. This sample shows
+how you can use both a vertical and horizontal ScrollBar. Also see the Scroller sample for more information."/>	
+	</s:Panel>
+</s:Application>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/spark/controls/Scroller1Example.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/controls/Scroller1Example.mxml b/TourDeFlex/TourDeFlex3/src/spark/controls/Scroller1Example.mxml
new file mode 100644
index 0000000..371f003
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/spark/controls/Scroller1Example.mxml
@@ -0,0 +1,75 @@
+<?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.
+
+-->
+<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
+			   xmlns:s="library://ns.adobe.com/flex/spark" 
+			   xmlns:mx="library://ns.adobe.com/flex/mx" 
+			   viewSourceURL="srcview/index.html">
+	
+		
+	<s:Panel width="100%" height="100%"
+		skinClass="skins.MyPanelSkin"
+		title="Scroller Sample">
+		<s:VGroup horizontalCenter="0">
+			<s:HGroup>
+				<s:Label text="Min Viewport Inset:"/>
+				<s:HSlider id="slider1"
+						   maximum="50"
+						   liveDragging="true" />
+				<s:Label text="Viewport Width:"/>
+				<s:HSlider id="slider2"
+						   minimum="100"
+						   maximum="550"
+						   value="300"
+						   liveDragging="true" />
+				<s:Label text="Viewport Height:"/>
+				<s:HSlider id="slider3"
+						   minimum="100"
+						   maximum="550"
+						   value="200"
+						   liveDragging="true" />
+			</s:HGroup>
+			<s:HGroup>
+			<s:Scroller id="scroller"
+						minViewportInset="{slider1.value}"
+						width="300" height="200">
+				<s:Group>
+					<s:Rect id="rect"
+							width="{slider2.value}"
+							height="{slider3.value}">
+						<s:fill>
+							<s:LinearGradient rotation="45">
+								<s:GradientEntry color="red" />
+								<s:GradientEntry color="yellow" />
+								<s:GradientEntry color="haloBlue" />
+							</s:LinearGradient>
+						</s:fill>
+					</s:Rect>
+				</s:Group>
+			</s:Scroller>
+			<s:Label textAlign="justify" width="280" verticalAlign="justify"
+						  text="The Scroller control contains a pair of scroll bars and a viewport. A viewport displays a rectangular subset of the area of
+a component, rather than displaying the entire component. You can use the Scroller control to make any container that implements the IViewport interface,
+such as Group, scrollable. The Scroller's horizontal and vertical scroll policies are set to auto which indicates that scroll bars are displayed when the
+content within a viewport is larger than the actual size of the viewport."/>
+			</s:HGroup>
+		</s:VGroup>
+	</s:Panel>
+	
+</s:Application>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/spark/controls/Scroller2Example.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/controls/Scroller2Example.mxml b/TourDeFlex/TourDeFlex3/src/spark/controls/Scroller2Example.mxml
new file mode 100644
index 0000000..c6768bc
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/spark/controls/Scroller2Example.mxml
@@ -0,0 +1,83 @@
+<?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.
+
+-->
+<!-- Also see http://blog.flexexamples.com/2009/07/29/enabling-tabbing-on-spark-scroller-children/ -->
+<s:Application name="Spark_Scroller_hasFocusableChildren_test"
+			   xmlns:fx="http://ns.adobe.com/mxml/2009"
+			   xmlns:mx="library://ns.adobe.com/flex/mx"
+			   xmlns:s="library://ns.adobe.com/flex/spark">
+	
+	
+	<fx:Script>
+		<![CDATA[
+			import spark.events.TextOperationEvent;
+			
+			private function txtChangeHandler(event:TextOperationEvent):void
+			{
+				if (event.target is TextInput)
+				{
+					var textInput:TextInput = event.target as TextInput;
+					textInput.clearStyle("color");
+				}	
+			}
+		]]>
+	</fx:Script>
+	<!-- you want to mark the children of the viewport as focusable so you're able to tab to them, 
+	but if you don't want the container itself to be focusable then you must turn tabEnabled off on it -->
+	
+	<s:Panel width="100%" height="100%" 
+			 skinClass="skins.TDFPanelSkin" 
+			 title="Scrollers and Tabbing">
+		
+		<!-- The fields are tab-able within the VGroup container -->
+		<s:HGroup horizontalCenter="0" top="10">
+			<s:VGroup left="0" horizontalAlign="center" width="20%">
+				<s:BitmapImage id="img" width="200" height="200" source="@Embed(source='assets/ApacheFlexLogo.png')"/>
+				<s:Label text="Item For Sale"/>
+			</s:VGroup>
+			<s:Scroller tabEnabled="true" hasFocusableChildren="true">
+				<s:VGroup>
+					<s:Label text="First Name:"/>
+					<s:TextInput id="firstName" text="firstname" color="#959494" change="txtChangeHandler(event)"/>
+					<s:Label text="Last Name:"/>
+					<s:TextInput id="lastName" text="lastname" color="#959494" change="txtChangeHandler(event)"/>
+					<s:Label text="Email:"/>
+					<s:TextInput id="emailAdd" text="email" color="#959494" change="txtChangeHandler(event)"/>
+				</s:VGroup>
+			</s:Scroller>
+			
+			<!-- Note: The scroller container automatically sets the clipAndEnableScrolling to false for
+			containers within it. See 'Controlling Viewport' sample under 'Coding Techniques' --> 
+			
+			<s:Scroller hasFocusableChildren="true" tabEnabled="false">
+				<s:VGroup width="200" height="200"> 
+					<s:Label text="Enter item name:"/>
+					<s:TextInput id="itemNameTxt" text="image-name" width="100%" color="#959494" change="txtChangeHandler(event)"/>
+					<s:Label text="Enter description of your item:"/>
+					<s:TextArea id="itemDescTxt" text="title" color="#959494" change="txtChangeHandler(event)"/>
+				</s:VGroup>
+			</s:Scroller>	
+			<s:Label right="10" width="180" verticalAlign="justify"
+						  text="If you have items within a Scroller that need to be tabbed to, you can
+need to set hasFocusableChildren to true. If you do not want the container itself to be tab enabled, 
+then you must set tabEnabled to false, such as shown here."/>
+		</s:HGroup>
+	</s:Panel>
+</s:Application>
+

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/spark/controls/SimpleTitleWindowExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/controls/SimpleTitleWindowExample.mxml b/TourDeFlex/TourDeFlex3/src/spark/controls/SimpleTitleWindowExample.mxml
new file mode 100644
index 0000000..204daab
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/spark/controls/SimpleTitleWindowExample.mxml
@@ -0,0 +1,62 @@
+<?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. -->
+     
+<s:TitleWindow xmlns:fx="http://ns.adobe.com/mxml/2009"  
+				xmlns:s="library://ns.adobe.com/flex/spark" 
+				xmlns:mx="library://ns.adobe.com/flex/mx"  
+    			title="Title Window"
+				close="PopUpManager.removePopUp(this);" >
+
+    <fx:Script>
+        <![CDATA[       
+			import mx.managers.PopUpManager;
+			
+			import spark.components.RichText;
+	       
+            // A reference to the TextInput control in which to put the result.
+            public var loginName:RichText;
+		   
+            // Event handler for the OK button.
+            private function returnName():void {
+                loginName.text="Name entered: " + userName.text; 
+                PopUpManager.removePopUp(this);
+            }
+        ]]>
+    </fx:Script>
+	
+	<s:layout>
+		<s:VerticalLayout horizontalAlign="center" 
+						  paddingBottom="10" paddingLeft="10" paddingRight="10" paddingTop="10" />
+	</s:layout>
+
+    <s:HGroup>
+		<s:Label text="Enter Name: "/>
+		<s:TextInput id="userName" width="100%"/>
+	</s:HGroup>
+   
+	<s:HGroup>
+        <s:Button label="OK" click="returnName();"/>
+        <s:Button label="Cancel" click="PopUpManager.removePopUp(this);"/>
+	</s:HGroup>
+
+</s:TitleWindow>  
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/spark/controls/SliderExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/controls/SliderExample.mxml b/TourDeFlex/TourDeFlex3/src/spark/controls/SliderExample.mxml
new file mode 100644
index 0000000..25b9866
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/spark/controls/SliderExample.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.
+
+-->
+<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
+			   xmlns:s="library://ns.adobe.com/flex/spark" 
+			   xmlns:mx="library://ns.adobe.com/flex/mx" 
+			   viewSourceURL="srcview/index.html">
+	
+	<s:Panel width="100%" height="100%"
+			 skinClass="skins.TDFPanelSkin"
+			 title="HSlider/VSlider Sample">
+		
+		<s:VGroup left="10" top="10">
+			<s:Label text="Height:"/>
+			<s:VSlider id="slider3"
+					   minimum="50"
+					   maximum="180"
+					   value="160"
+					   liveDragging="true"/>
+		</s:VGroup>
+		<s:Group  left="40" top="25">
+			<s:Ellipse id="rect"
+					   width="{slider2.value}"
+					   height="{slider3.value}">
+				<s:fill>
+					<s:LinearGradient rotation="45">
+						<s:GradientEntry color="0x5008f3" />
+						<s:GradientEntry color="0x7a2a84" />
+						<s:GradientEntry color="0xfe08a4" />
+					</s:LinearGradient>
+				</s:fill>
+			</s:Ellipse>
+		</s:Group>
+		
+		<s:HGroup right="315" top="10" verticalAlign="middle">
+			<s:Label text="Width:"/>
+			<s:HSlider id="slider2"
+					   minimum="50"
+					   maximum="250"
+					   value="200"
+					   liveDragging="true" />	
+			
+		</s:HGroup>
+		
+		<s:Label right="40" top="10" width="200" verticalAlign="justify" color="0x323232"
+				 text="The slider controls can be used to select a value by moving a slider thumb between 
+the end points of the slider track. The current value of the slider is determined by the relative location 
+of the thumb between the end points of the slider. The slider end points correspond to the slider’s minimum and maximum values."/>
+	</s:Panel>
+	
+</s:Application>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/spark/controls/SpinnerExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/controls/SpinnerExample.mxml b/TourDeFlex/TourDeFlex3/src/spark/controls/SpinnerExample.mxml
new file mode 100644
index 0000000..68da5d6
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/spark/controls/SpinnerExample.mxml
@@ -0,0 +1,50 @@
+<?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.
+
+-->
+<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
+			   xmlns:s="library://ns.adobe.com/flex/spark" 
+			   xmlns:mx="library://ns.adobe.com/flex/mx" viewSourceURL="srcview/index.html">
+	
+	<s:Panel title="Spinner Control Example" height="100%" width="100%"
+			 skinClass="skins.TDFPanelSkin">
+		<s:VGroup width="100%" height="100%" left="10" top="10">
+			<s:HGroup>
+				<mx:Text text="Use the arrows to change tabs:"/>            
+				<s:Spinner id="mySpinner" maximum="3"/>                    
+			</s:HGroup>
+				
+			<!-- Two way binding is being used so that changes to the tab navigator remain synced with Spinner value -->
+			<mx:TabNavigator id="myTabNav" width="75%" height="75%" selectedIndex="@{mySpinner.value}">
+				<mx:HBox label="Tab 1">
+					<mx:Text text="Text on Tab 1 " fontSize="14" color="red"/>
+				</mx:HBox>    	
+				<mx:HBox label="Tab 2">
+					<mx:Text text="Text on Tab 2" fontSize="16" color="blue"/>
+				</mx:HBox>    	    
+				<mx:HBox label="Tab 3">
+					<mx:Text text="Text on Tab 3" fontSize="18" color="green"/>
+				</mx:HBox>    	    
+				<mx:HBox label="Tab 4">
+					<mx:Text text="Text on Tab 4" fontSize="20" color="purple"/>
+				</mx:HBox>    
+			</mx:TabNavigator>  
+		</s:VGroup>
+		
+	</s:Panel>          
+</s:Application> 
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/spark/controls/TDFGradientBackgroundSkin.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/controls/TDFGradientBackgroundSkin.mxml b/TourDeFlex/TourDeFlex3/src/spark/controls/TDFGradientBackgroundSkin.mxml
new file mode 100644
index 0000000..553aee3
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/spark/controls/TDFGradientBackgroundSkin.mxml
@@ -0,0 +1,49 @@
+<?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.
+
+-->
+<s:SparkSkin xmlns:fx="http://ns.adobe.com/mxml/2009" 
+			 xmlns:mx="library://ns.adobe.com/flex/mx" 
+			 xmlns:s="library://ns.adobe.com/flex/spark">
+	
+	<fx:Metadata>
+		[HostComponent("spark.components.Application")]
+	</fx:Metadata> 
+	
+	<s:states>
+		<s:State name="normal" />
+		<s:State name="disabled" />
+	</s:states>
+	
+	<s:layout>
+		<s:BasicLayout />
+	</s:layout>
+	
+	<s:Rect id="bg" width="100%" height="100%">
+		<s:fill>
+			<s:LinearGradient rotation="90">
+				<s:entries>
+					<s:GradientEntry color="0x000000" ratio="0.00" />
+					<s:GradientEntry color="0x323232" ratio="1.0" />
+				</s:entries>
+			</s:LinearGradient>    
+		</s:fill>
+	</s:Rect>
+	
+	<s:Group id="contentGroup" left="0" right="0" top="0" bottom="0" />
+</s:SparkSkin>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/spark/controls/TabNavigatorExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/controls/TabNavigatorExample.mxml b/TourDeFlex/TourDeFlex3/src/spark/controls/TabNavigatorExample.mxml
new file mode 100644
index 0000000..06e629a
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/spark/controls/TabNavigatorExample.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.
+
+-->
+<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"  
+			   xmlns:s="library://ns.adobe.com/flex/spark" 
+			   xmlns:mx="library://ns.adobe.com/flex/mx" 
+			   skinClass="TDFGradientBackgroundSkin">
+	<s:layout>
+		<s:HorizontalLayout verticalAlign="middle" horizontalAlign="center" />
+	</s:layout>
+	
+	<s:Panel title="TabNavigator Container" width="600" height="100%"
+			 color="0x000000" 
+			 borderAlpha="0.15">
+		
+		<s:layout>
+			<s:VerticalLayout paddingLeft="10" paddingRight="10" paddingTop="10" paddingBottom="10"/>
+		</s:layout>
+		
+		<s:Label width="100%" color="0x323232" fontWeight="bold"
+				 text="Select the tabs to change the panel."/>
+		
+		<mx:TabNavigator id="tn"  width="100%" height="100%" color="0x323232" >
+			<!-- Define each panel using a VBox container. -->
+			
+			<s:NavigatorContent label="Panel 1">
+				<s:Label text="TabNavigator container panel 1"/>
+			</s:NavigatorContent>
+			
+			<s:NavigatorContent label="Panel 2">
+				<s:Label text="TabNavigator container panel 2"/>
+			</s:NavigatorContent>
+			
+			<s:NavigatorContent label="Panel 3">
+				<s:Label text="TabNavigator container panel 3"/>
+			</s:NavigatorContent>
+		</mx:TabNavigator>
+		
+		<s:Label width="100%" color="0x323232"
+				 text="Programmatically select the panel using a Button control."/>
+		
+		<s:HGroup>
+			<s:Button label="Select Tab 1" click="tn.selectedIndex=0" color="0x545454" />
+			<s:Button label="Select Tab 2" click="tn.selectedIndex=1" color="0x545454" />
+			<s:Button label="Select Tab 3" click="tn.selectedIndex=2" color="0x545454" />
+		</s:HGroup>
+		
+	</s:Panel>
+	
+</s:Application>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/spark/controls/TextAreaExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/controls/TextAreaExample.mxml b/TourDeFlex/TourDeFlex3/src/spark/controls/TextAreaExample.mxml
new file mode 100644
index 0000000..c8892bd
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/spark/controls/TextAreaExample.mxml
@@ -0,0 +1,90 @@
+<?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.
+
+-->
+<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
+			   xmlns:s="library://ns.adobe.com/flex/spark" 
+			   xmlns:mx="library://ns.adobe.com/flex/mx">
+	<fx:Script>
+		<![CDATA[
+			import skins.TDFPanelSkin;
+			
+			protected function changeHandler():void
+			{
+				txt.maxChars = this.maxChars.value;
+				txt.restrict = this.restrictStr.text;
+				txt.textFlow.textAlign = alignVal.selectedItem;
+				txt.textFlow.direction = direction.selectedItem;
+			}
+		]]>
+	</fx:Script>
+	
+	<s:Panel title="TextArea Sample"
+			 width="100%" height="100%" skinClass="skins.TDFPanelSkin">
+		
+		<s:HGroup  top="8" width="100%" height="100%" left="80">
+			<s:VGroup>
+				<s:HGroup verticalAlign="middle">
+					<s:Label text="Specify Max Character Input:"/>
+					<s:NumericStepper id="maxChars" maximum="200" value="100" stepSize="2" change="this.changeHandler()"/>
+				</s:HGroup>
+				<s:HGroup verticalAlign="middle">
+					<s:Label text="Specify Text Alignment:"/>
+					<s:DropDownList id="alignVal" prompt="left" change="this.changeHandler()">
+						<s:dataProvider>
+							<mx:ArrayList>
+								<fx:String>left</fx:String>
+								<fx:String>right</fx:String>
+								<fx:String>center</fx:String>
+								<fx:String>justify</fx:String>
+								<fx:String>start</fx:String>
+								<fx:String>end</fx:String>
+							</mx:ArrayList>
+						</s:dataProvider>
+					</s:DropDownList>
+				</s:HGroup>
+				<s:HGroup verticalAlign="middle">
+					<s:Label text="Direction:"/>
+					<s:DropDownList id="direction" prompt="ltr" change="this.changeHandler()">
+						<s:dataProvider>
+							<mx:ArrayList>
+								<fx:String>ltr</fx:String>
+								<fx:String>rtl</fx:String>
+							</mx:ArrayList>
+						</s:dataProvider>
+					</s:DropDownList>
+				</s:HGroup>
+				<s:HGroup verticalAlign="middle">
+					<s:Label text="Specify characters to restrict (use - for range):"/>
+					<s:TextInput id="restrictStr" change="this.changeHandler()" text="a-z 1-9"/> 
+				</s:HGroup>
+				<s:VGroup>
+					<s:Label text="Text:"/>
+					<s:TextArea id="txt" width="300" height="70" color="0x323232" horizontalCenter="0" verticalCenter="0" restrict="a-z 1-9"
+								change="this.changeHandler()"/>
+				</s:VGroup>
+			</s:VGroup>	
+			<s:Label width="200" color="#323232" top="20" right="80"
+					 text="TextArea is a text-entry control that lets users enter and edit multiple lines of richly formatted text. 
+It can display horizontal and vertical scrollbars for scrolling through the text and supports vertical scrolling with the mouse wheel. This sample also shows
+how you can restrict character input on the text area. The default when this is run will not allow the number 0 or caps based on the restrict range shown. The
+sample also shows how you can specify a direction on the text."/>
+		</s:HGroup>
+		
+	</s:Panel>
+</s:Application>


[12/51] [partial] Merged TourDeFlex release from develop

Posted by jm...@apache.org.
http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/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/e1f9d1df/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/e1f9d1df/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/e1f9d1df/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/e1f9d1df/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/e1f9d1df/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/e1f9d1df/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/e1f9d1df/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/e1f9d1df/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/e1f9d1df/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/e1f9d1df/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/e1f9d1df/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/e1f9d1df/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/e1f9d1df/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/e1f9d1df/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/e1f9d1df/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/e1f9d1df/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

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/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/e1f9d1df/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/e1f9d1df/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/e1f9d1df/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/e1f9d1df/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/e1f9d1df/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/e1f9d1df/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/e1f9d1df/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/e1f9d1df/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/e1f9d1df/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/e1f9d1df/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/e1f9d1df/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


[15/51] [partial] Merged TourDeFlex release from develop

Posted by jm...@apache.org.
http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/HOWTO/SourceStyles.css
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/HOWTO/SourceStyles.css b/TourDeFlex/TourDeFlex/src/objects/HOWTO/SourceStyles.css
new file mode 100644
index 0000000..639c39a
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/HOWTO/SourceStyles.css
@@ -0,0 +1,146 @@
+/*
+ * 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.
+ */
+body {
+	font-family: Courier New, Courier, monospace;
+}
+
+.CSS@font-face {
+	color: #990000;
+	font-weight: bold;
+}
+
+.CSS@import {
+	color: #006666;
+	font-weight: bold;
+}
+
+.CSS@media {
+	color: #663333;
+	font-weight: bold;
+}
+
+.CSSComment {
+	color: #999999;
+}
+
+.CSSDefault_Text {
+}
+
+.CSSDelimiters {
+}
+
+.CSSProperty_Name {
+	color: #330099;
+}
+
+.CSSProperty_Value {
+	color: #3333cc;
+}
+
+.CSSSelector {
+	color: #ff00ff;
+}
+
+.CSSString {
+	color: #990000;
+}
+
+.ActionScriptASDoc {
+	color: #3f5fbf;
+}
+
+.ActionScriptBracket/Brace {
+}
+
+.ActionScriptComment {
+	color: #009900;
+	font-style: italic;
+}
+
+.ActionScriptDefault_Text {
+}
+
+.ActionScriptMetadata {
+	color: #0033ff;
+	font-weight: bold;
+}
+
+.ActionScriptOperator {
+}
+
+.ActionScriptReserved {
+	color: #0033ff;
+	font-weight: bold;
+}
+
+.ActionScriptString {
+	color: #990000;
+	font-weight: bold;
+}
+
+.ActionScriptclass {
+	color: #9900cc;
+	font-weight: bold;
+}
+
+.ActionScriptfunction {
+	color: #339966;
+	font-weight: bold;
+}
+
+.ActionScriptinterface {
+	color: #9900cc;
+	font-weight: bold;
+}
+
+.ActionScriptpackage {
+	color: #9900cc;
+	font-weight: bold;
+}
+
+.ActionScripttrace {
+	color: #cc6666;
+	font-weight: bold;
+}
+
+.ActionScriptvar {
+	color: #6699cc;
+	font-weight: bold;
+}
+
+.MXMLComment {
+	color: #800000;
+}
+
+.MXMLComponent_Tag {
+	color: #0000ff;
+}
+
+.MXMLDefault_Text {
+}
+
+.MXMLProcessing_Instruction {
+}
+
+.MXMLSpecial_Tag {
+	color: #006633;
+}
+
+.MXMLString {
+	color: #990000;
+}
+

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/SourceStyles.css
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/SourceStyles.css b/TourDeFlex/TourDeFlex/src/objects/SourceStyles.css
new file mode 100644
index 0000000..639c39a
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/SourceStyles.css
@@ -0,0 +1,146 @@
+/*
+ * 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.
+ */
+body {
+	font-family: Courier New, Courier, monospace;
+}
+
+.CSS@font-face {
+	color: #990000;
+	font-weight: bold;
+}
+
+.CSS@import {
+	color: #006666;
+	font-weight: bold;
+}
+
+.CSS@media {
+	color: #663333;
+	font-weight: bold;
+}
+
+.CSSComment {
+	color: #999999;
+}
+
+.CSSDefault_Text {
+}
+
+.CSSDelimiters {
+}
+
+.CSSProperty_Name {
+	color: #330099;
+}
+
+.CSSProperty_Value {
+	color: #3333cc;
+}
+
+.CSSSelector {
+	color: #ff00ff;
+}
+
+.CSSString {
+	color: #990000;
+}
+
+.ActionScriptASDoc {
+	color: #3f5fbf;
+}
+
+.ActionScriptBracket/Brace {
+}
+
+.ActionScriptComment {
+	color: #009900;
+	font-style: italic;
+}
+
+.ActionScriptDefault_Text {
+}
+
+.ActionScriptMetadata {
+	color: #0033ff;
+	font-weight: bold;
+}
+
+.ActionScriptOperator {
+}
+
+.ActionScriptReserved {
+	color: #0033ff;
+	font-weight: bold;
+}
+
+.ActionScriptString {
+	color: #990000;
+	font-weight: bold;
+}
+
+.ActionScriptclass {
+	color: #9900cc;
+	font-weight: bold;
+}
+
+.ActionScriptfunction {
+	color: #339966;
+	font-weight: bold;
+}
+
+.ActionScriptinterface {
+	color: #9900cc;
+	font-weight: bold;
+}
+
+.ActionScriptpackage {
+	color: #9900cc;
+	font-weight: bold;
+}
+
+.ActionScripttrace {
+	color: #cc6666;
+	font-weight: bold;
+}
+
+.ActionScriptvar {
+	color: #6699cc;
+	font-weight: bold;
+}
+
+.MXMLComment {
+	color: #800000;
+}
+
+.MXMLComponent_Tag {
+	color: #0000ff;
+}
+
+.MXMLDefault_Text {
+}
+
+.MXMLProcessing_Instruction {
+}
+
+.MXMLSpecial_Tag {
+	color: #006633;
+}
+
+.MXMLString {
+	color: #990000;
+}
+

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/plugin/Component.as
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/plugin/Component.as b/TourDeFlex/TourDeFlex/src/plugin/Component.as
new file mode 100644
index 0000000..2cdbd93
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/plugin/Component.as
@@ -0,0 +1,72 @@
+////////////////////////////////////////////////////////////////////////////////
+//
+//  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.
+//
+////////////////////////////////////////////////////////////////////////////////
+package plugin
+{
+	//import merapi.messages.*;
+	
+	import mx.collections.ArrayCollection;
+	
+	[RemoteClass(alias="com.adobe.tourdeflex.core.Component")]
+	
+	public class Component //extends Message
+	{		
+		// ---------------------------- variables ---------------------
+		private var __id : String;
+		private var __name : String;
+		private var __description : String;
+		private var __author : String;
+		
+		// ---------------------------- getters & setters ---------------------
+		
+		public function get id() : String
+		{
+			return __id;
+		}
+		public function set id( value : String ) : void
+		{
+			__id = value;
+		}
+
+		public function get name() : String
+		{
+			return __name;
+		}
+		public function set name( value : String ) : void
+		{
+			__name = value;
+		}
+		public function get description() : String
+		{
+			return __description;
+		}
+		public function set description( value : String ) : void
+		{
+			__description = value;
+		}
+		public function get author() : String
+		{
+			return __author;
+		}
+		public function set author( value : String ) : void
+		{
+			__author = value;
+		}
+		
+	}
+}
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/plugin/TDFPluginTransferObject.as
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/plugin/TDFPluginTransferObject.as b/TourDeFlex/TourDeFlex/src/plugin/TDFPluginTransferObject.as
new file mode 100644
index 0000000..1f59cf0
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/plugin/TDFPluginTransferObject.as
@@ -0,0 +1,66 @@
+////////////////////////////////////////////////////////////////////////////////
+//
+//  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.
+//
+////////////////////////////////////////////////////////////////////////////////
+package plugin
+{
+	import merapi.messages.*;
+	
+	import mx.collections.ArrayCollection;
+	
+	[RemoteClass(alias="com.adobe.tourdeflex.core.TDFPluginTransferObject")]
+	
+	public class TDFPluginTransferObject extends Message
+	{		
+		// ---------------------------- variables ---------------------
+		private var __components : ArrayCollection;
+		private var __pluginDownloadPath : String;
+		private var __selectedComponentId : String;
+
+		// ---------------------------- constructor ---------------------
+		public function TDFPluginTransferObject() : void
+		{
+			
+		}
+
+		// ---------------------------- getters & setters ---------------------
+		public function get components() : ArrayCollection
+		{
+			return __components;
+		}
+		public function set components( value : ArrayCollection ) : void
+		{
+			__components = value;
+		}
+		public function get pluginDownloadPath() : String
+		{
+			return __pluginDownloadPath;
+		}
+		public function set pluginDownloadPath( value : String ) : void
+		{
+			__pluginDownloadPath = value;
+		}
+	public function get selectedComponentId() : String
+		{
+			return __selectedComponentId;
+		}
+		public function set selectedComponentId( value : String ) : void
+		{
+			__selectedComponentId = value;
+		}
+	}
+}
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/styles.css
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/styles.css b/TourDeFlex/TourDeFlex/src/styles.css
new file mode 100644
index 0000000..4095871
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/styles.css
@@ -0,0 +1,420 @@
+/*
+ * 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.
+ */
+@namespace mx "library://ns.adobe.com/flex/mx";
+
+mx|Application
+{
+	theme-color:#E0E0E0;
+	modal-transparency:0.5;
+	modal-transparency-blur:0;
+}
+
+/* todo: use apache font
+@font-face {
+    src: url("assets/MyriadWebPro.ttf");
+    fontFamily: eFontFamily;
+}
+*/
+
+.mainWindow
+{
+	/* background-color:#262626; */
+}
+
+.mainBackground
+{
+	background-color:#262626;
+}
+
+.applicationHeader
+{
+	borderSkin: Embed(skinClass='TopPanelWLogo');
+}
+
+.applicationFooter
+{
+	borderSkin: Embed(skinClass='FootPanel');
+	color:#A4A4A4;
+}
+
+.applicationCloseButton
+{
+	/* icon: Embed(skinClass='CloseIcon');
+	skin: Embed(source="images/button_clear.png"); */
+	skin: Embed(skinClass='CloseButton');
+}
+
+.applicationMaximizeButton
+{
+	/* icon: Embed(skinClass='WindowIcon');
+	skin: Embed(source="images/button_clear.png"); */
+	skin: Embed(skinClass='WindowButton');
+}
+
+.applicationMinimizeButton
+{
+	/* icon: Embed(skinClass='MinimizeIcon');
+	skin: Embed(source="images/button_clear.png"); */
+	skin: Embed(skinClass='MinimizeButton');
+}
+
+.aboutButton
+{
+	skin: Embed(skinClass='AboutButton');
+}
+
+.aboutComboBox
+{
+	skin: Embed(skinClass='DropMenu');
+	color:#DDDDDD;
+	alternatingItemColors:#222222,#222222;
+}
+
+mx|Alert
+{
+	color:#323232;	
+	background-color:#E3E3E3;
+	border-color:#000000;
+	border-alpha: 0.7;
+	header-height:20;
+	theme-color: #848484;
+	title-style-name:alertTitle;
+} 
+
+.alertTitle
+{
+	color:#FFFFFF;
+	font-weight:bold;
+}
+
+.outerDividedBoxes
+{
+	/* background-color:#D4CDCA;
+	corner-radius:8;
+	border-style:solid;
+	padding-bottom:8;
+	padding-left:8;
+	padding-right:8;
+	padding-top:8; */
+	backgroundImage: Embed(skinClass='BoxSkin');
+	backgroundSize: "100%";
+	paddingTop: 7;
+	paddingLeft: 7;
+	paddingRight: 9;
+	paddingBottom: 16;
+}
+
+.illustrationsBox
+{	
+	background-color:#AFA7A1;
+	backgroundAlpha: 0.2;
+	corner-radius:5;	
+	border-style:solid;	
+	border-color:#C4C2C2;
+	border-alpha: 0.5;
+	padding-bottom:5;
+	padding-left:5;
+	padding-right:5;
+	padding-top:5;	
+}
+
+.illustrationTabs
+{
+	background-color:#AEAEAE;
+	border-color:#aea6a0;
+	background-alpha: 0.5;
+	padding-top:1;
+	horizontal-gap:2;
+	tab-height:20;
+}
+
+.illustrationFirstTab
+{
+	border-color:#555555;
+	backgroundColor:#888888;
+	font-weight:normal;
+}
+
+.illustrationLastTab
+{
+	border-color:#555555;	
+	backgroundColor:#888888;
+	font-weight:normal;
+}
+
+.illustrationTab
+{
+	border-color:#555555;
+	corner-radius:6;
+	backgroundColor:#888888;
+	font-weight:normal;
+}
+
+.illustrationTabSelected
+{
+	color: #ffffff;
+	font-weight:bold;
+}
+
+.documentTabs
+{
+	background-color:#AEAEAE;
+	border-color:#AFA7A1;
+	background-alpha: 0.7;
+	padding-top:1;
+	horizontal-gap:2;
+	tab-height:20;
+}
+
+.documentFirstTab
+{
+	border-color:#555555;
+	backgroundColor:#888888;
+	font-weight:normal;
+}
+
+.documentLastTab
+{
+	border-color:#555555;
+	backgroundColor:#888888;
+	font-weight:normal;
+}
+
+.documentTab
+{
+	border-color:#555555;
+	corner-radius:6;
+	backgroundColor:#888888;
+	font-weight:normal;
+}
+
+.documentTabSelected
+{
+	color: #ffffff;
+	font-weight:bold;
+}
+
+.wipeWindow
+{
+	background-alpha:1.0;
+	/* background-color:#D4CDCA; */
+	background-image: Embed(skinClass='BoxSkin');
+	background-size: "100%";
+	/* border-color:#D4CDCA; */
+	/* border-style:solid; */
+	corner-radius:8;
+	padding-bottom:12;
+	padding-left:8;
+	padding-right:24;
+	padding-top:8;
+}
+
+.searchWindowTagBox
+{
+	background-color:#AFA7A1;
+	background-alpha: 0.2;
+	corner-radius:5;	
+	border-style:solid;	
+	border-color:#C4C2C2;
+	padding-bottom:8;
+	padding-left:8;
+	padding-right:8;
+	padding-top:8;
+}
+
+.searchWindowTags
+{
+	background-color:#AEAEAE;
+	border-color:#AFA7A1;
+	background-alpha: 0.5;
+	corner-radius:5;	
+	border-style:solid;	
+	padding-bottom:8;
+	padding-left:8;
+	padding-right:8;
+	padding-top:8;
+}
+
+.tagGridFirstRowItem
+{
+	padding-left:8;
+	padding-top:8;
+}
+
+.tagGridFirstRow
+{
+	border-sides:left;
+	border-style:solid;
+	border-color:#ACACAC;
+	padding-left:8;
+	padding-top:8;
+}
+
+.tagGridFirstItem
+{
+	border-sides:top;
+	border-style:solid;
+	border-color:#ACACAC;
+	padding-left:8;
+	padding-top:8;
+}
+
+.tagGridItem
+{
+	border-sides:left,top;
+	border-style:solid;
+	border-color:#ACACAC;
+	padding-left:8;
+	padding-top:8;
+}
+
+.tagCheckBox
+{
+	font-size:12;
+}
+
+.headingLabel
+{
+	font-weight:bold;
+	font-size:12;
+}
+
+mx|Button
+{
+	skin: Embed(skinClass='ButtonSkin');
+}
+
+mx|ComboBox
+{
+	skin: Embed(skinClass='DropDownSkin');
+	fontWeight: "normal";
+}
+
+.buttonSkin
+{
+	skin: Embed(skinClass='ButtonSkin');
+}
+
+mx|ToggleButtonBar
+{
+	buttonStyleName: "toggleButtonBarButton";
+	firstButtonStyleName: "toggleButtonBarFirstButton";
+	lastButtonStyleName: "toggleButtonBarLastButton";
+}
+.toggleButtonBarButton
+{
+	skin: Embed(skinClass="ToggleButtonBar$button_skin");
+}
+.toggleButtonBarFirstButton
+{
+	skin: Embed(skinClass="ToggleButtonBar$firstButton_skin");
+}
+.toggleButtonBarLastButton
+{
+	skin: Embed(skinClass="ToggleButtonBar$lastButton_skin");
+}
+
+mx|TabNavigator
+{
+	tabStyleName: "tabBarTab";
+	firstTabStyleName: "tabBarTab";
+	lastTabStyleName: "tabBarTab";
+}
+
+mx|TabBar
+{
+	tabStyleName: "tabBarTab";
+	firstTabStyleName: "tabBarTab";
+	lastTabStyleName: "tabBarTab";
+}
+.tabBarTab
+{
+	skin: Embed(skinClass="TabBar$tab_skin");
+}
+
+.closeButton
+{	
+	/* overSkin: Embed("images/button_close_overSkin.png");
+	upSkin: Embed("images/button_close_upSkin.png");
+	downSkin: Embed("images/button_close_downSkin.png"); */
+	skin: Embed(skinClass='SearchCloseButton');
+}
+
+.commentButton
+{
+	icon: Embed("images/button_comment_icon.png");
+	disabled-icon: Embed("images/button_commentDisabled_icon.png");
+}
+
+.downloadButton
+{
+	icon: Embed("images/button_download_icon.png");
+	disabled-icon: Embed("images/button_downloadDisabled_icon.png");
+}
+
+.buttonBrowser
+{
+	icon: Embed("images/web.png");
+	disabled-icon: Embed("images/web_disabled.png");	
+}
+
+.maximizeButton
+{
+	icon: Embed("images/expand.png");
+	disabled-icon: Embed("images/expand_disabled.png");	
+}
+
+.searchButton
+{
+	/* icon: Embed("images/button_search_icon.png"); */
+	icon: Embed(skinClass='SearchIcon');
+	fontWeight: "normal";
+}
+
+.downloadWindow
+{
+	bar-color:#9D0B12;
+	background-color:#AFA7A1;
+	corner-radius:12;
+	border-style:solid;
+	rounded-bottom-corners:true;
+	padding-bottom:8;
+	padding-left:8;
+	padding-right:8;
+	padding-top:8;
+}
+
+.cornerResizer
+{
+	overSkin: Embed("images/corner_resizer.png");
+	upSkin: Embed("images/corner_resizer.png");
+	downSkin: Embed("images/corner_resizer.png");
+}
+
+mx|Tree
+{
+	rollOverColor: #EEEEEE;
+	selectionColor: #E0E0E0;
+	indentation: 21;
+}
+
+mx|List, mx|ComboBox
+{
+	rollOverColor: #EEEEEE;
+	selectionColor: #E0E0E0;
+}
+

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/README
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/README b/TourDeFlex/TourDeFlex3/README
new file mode 100644
index 0000000..dda46cc
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/README
@@ -0,0 +1,57 @@
+<!--
+
+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.
+
+-->
+
+  The Apache Flex Tour De Flex component explorer provides a sample set of working
+  Apache Flex examples.
+	 
+  This application is based on work donated by Adobe and their component explorer and is
+  expected to be updated over time.
+  
+  
+==========================================================================================
+Initial Setup Required
+==========================================================================================            
+  
+    FLEX_HOME is the absolute path to the Apache Flex SDK
+    If you omit this argument, and the system environment variable, FLEX_HOME exists,
+    it is used.
+  
+==========================================================================================
+How to build the installer using ANT (no IDE is required)
+==========================================================================================
+
+1.  On Linux or Mac un tar/gzip the source distribution:
+	    tar -zxvf apache-flex-tour-de-flex-component-explorer-1.0.tar.gz
+	Or if on windows unzip 
+		apache-flex-tour-de-flex-component-explorer-1.0.zip
+
+2.  In the base directory, run:
+        ant compile
+        
+3. To optionally create a release source package, run:
+ 		ant package
+
+4. Open explorer.html in your browser of choice. 
+
+Note Some browsers (such as Chrome) may not be able to view local content without further
+configuration.
+
+5. To remove all of the compiled swfs:
+ 		ant clean
+

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/RELEASE_NOTES
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/RELEASE_NOTES b/TourDeFlex/TourDeFlex3/RELEASE_NOTES
new file mode 100644
index 0000000..d226039
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/RELEASE_NOTES
@@ -0,0 +1,24 @@
+<!--
+
+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.
+
+-->
+
+------------------------------------------------
+Apache Flex Tour De Flex Component Explorer 1.0
+------------------------------------------------
+
+Initial parity release for Adobe's Tour De Flex Component Explorer.
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/build.xml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/build.xml b/TourDeFlex/TourDeFlex3/build.xml
new file mode 100644
index 0000000..45c54b8
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/build.xml
@@ -0,0 +1,453 @@
+<?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.
+
+-->
+<project name="TourDeFlex" default="compile" basedir=".">
+
+    <property file="${basedir}/env.properties"/>
+    <property environment="env"/>
+    <property file="${basedir}/local.properties"/>
+    <property file="${basedir}/build.properties"/>
+    <condition property="FLEX_HOME" value="${env.FLEX_HOME}">
+        <isset property="env.FLEX_HOME" />
+    </condition>
+    <property name="version" value="1.0" />
+	
+    <!-- additional tasks - mxmlc tag -->
+    <path id="flexTasks.path">
+        <fileset dir="${FLEX_HOME}">
+            <include name="lib/flexTasks.jar" />
+            <include name="ant/lib/flexTasks.jar" />
+        </fileset>
+    </path>
+    <taskdef resource="flexTasks.tasks" classpathref="flexTasks.path"/>
+   
+    <macrodef name="compile-mxml">
+        <attribute name="example"/>
+        
+        <sequential>
+   			<mxmlc file="${basedir}/src/@{example}.mxml"
+            	output="${basedir}/src/@{example}.swf" fork="true" failonerror="true">
+				<load-config filename="${FLEX_HOME}/frameworks/flex-config.xml"/>
+			</mxmlc>
+		</sequential>
+	</macrodef>	
+		
+	<target name="compile" depends="compile-shell,compile-mx,compile-spark,compile-spark2,compile-spark3">
+	</target>
+	
+	<target name="compile-shell">
+		<compile-mxml example="/explorer"/>
+		<compile-mxml example="/loaderPanel"/>
+		<compile-mxml example="/SourceTab"/>
+	</target>
+	
+	<target name="compile-mx">
+		<compile-mxml example="/mx/charts/BubbleChartExample"/>
+		<compile-mxml example="/mx/charts/CandlestickChartExample"/>
+		<compile-mxml example="/mx/charts/Column_BarChartExample"/>
+		<compile-mxml example="/mx/charts/DateTimeAxisExample"/>
+		<compile-mxml example="/mx/charts/GridLinesExample"/>
+		<compile-mxml example="/mx/charts/HLOCChartExample"/>
+		<compile-mxml example="/mx/charts/Line_AreaChartExample"/>
+		<compile-mxml example="/mx/charts/LogAxisExample"/>
+		<compile-mxml example="/mx/charts/PieChartExample"/>
+		<compile-mxml example="/mx/charts/PlotChartExample"/>
+		<compile-mxml example="/mx/charts/SeriesInterpolateExample"/>
+		<compile-mxml example="/mx/charts/SeriesSlideExample"/>
+		<compile-mxml example="/mx/charts/SeriesZoomExample"/>
+		<compile-mxml example="/mx/containers/AccordionExample"/>
+		<compile-mxml example="/mx/containers/DividedBoxExample"/>
+		<compile-mxml example="/mx/containers/FormExample"/>
+		<compile-mxml example="/mx/containers/GridLayoutExample"/>
+		<compile-mxml example="/mx/containers/HBoxExample"/>
+		<compile-mxml example="/mx/containers/HDividedBoxExample"/>
+		<compile-mxml example="/mx/containers/SimpleApplicationControlBarExample"/>
+		<compile-mxml example="/mx/containers/SimpleBoxExample"/>
+		<compile-mxml example="/mx/containers/SimpleCanvasExample"/>
+		<compile-mxml example="/mx/containers/SimpleControlBarExample"/>
+		<compile-mxml example="/mx/containers/SimplePanelExample"/>
+		<compile-mxml example="/mx/containers/SimpleTitleWindowExample"/>
+		<compile-mxml example="/mx/containers/TabNavigatorExample"/>
+		<compile-mxml example="/mx/containers/TileLayoutExample"/>
+		<compile-mxml example="/mx/containers/TitleWindowApp"/>
+		<compile-mxml example="/mx/containers/VBoxExample"/>
+		<compile-mxml example="/mx/containers/VDividedBoxExample"/>
+		<compile-mxml example="/mx/containers/ViewStackExample"/>
+		<compile-mxml example="/mx/controls/AdvancedDataGridExample"/>
+		<compile-mxml example="/mx/controls/ButtonBarExample"/>
+		<compile-mxml example="/mx/controls/ButtonExample"/>
+		<compile-mxml example="/mx/controls/CheckBoxExample"/>
+		<compile-mxml example="/mx/controls/ColorPickerExample"/>
+		<compile-mxml example="/mx/controls/DateChooserExample"/>
+		<compile-mxml example="/mx/controls/DateFieldExample"/>
+		<compile-mxml example="/mx/controls/HorizontalListExample"/>
+		<compile-mxml example="/mx/controls/HScrollBarExample"/>
+		<compile-mxml example="/mx/controls/LabelExample"/>
+		<compile-mxml example="/mx/controls/LinkBarExample"/>
+		<compile-mxml example="/mx/controls/LinkButtonExample"/>
+		<compile-mxml example="/mx/controls/Local"/>
+		<compile-mxml example="/mx/controls/MenuBarExample"/>
+		<compile-mxml example="/mx/controls/NumericStepperExample"/>
+		<compile-mxml example="/mx/controls/OLAPDataGridExample"/>
+		<compile-mxml example="/mx/controls/PopUpButtonExample"/>
+		<compile-mxml example="/mx/controls/PopUpButtonMenuExample"/>
+		<compile-mxml example="/mx/controls/RadioButtonExample"/>
+		<compile-mxml example="/mx/controls/RadioButtonGroupExample"/>
+		<compile-mxml example="/mx/controls/RichTextEditorExample"/>
+		<compile-mxml example="/mx/controls/SimpleAlert"/>
+		<compile-mxml example="/mx/controls/SimpleComboBox"/>
+		<compile-mxml example="/mx/controls/SimpleDataGrid"/>
+		<compile-mxml example="/mx/controls/SimpleHRule"/>
+		<compile-mxml example="/mx/controls/SimpleImage"/>
+		<compile-mxml example="/mx/controls/SimpleImageHSlider"/>
+		<compile-mxml example="/mx/controls/SimpleImageVSlider"/>
+		<compile-mxml example="/mx/controls/SimpleList"/>
+		<compile-mxml example="/mx/controls/SimpleLoader"/>
+		<compile-mxml example="/mx/controls/SimpleMenuExample"/>
+		<compile-mxml example="/mx/controls/SimpleProgressBar"/>
+		<compile-mxml example="/mx/controls/SimpleVRule"/>
+		<compile-mxml example="/mx/controls/SpacerExample"/>
+		<compile-mxml example="/mx/controls/TabBarExample"/>
+		<compile-mxml example="/mx/controls/TextAreaExample"/>
+		<compile-mxml example="/mx/controls/TextExample"/>
+		<compile-mxml example="/mx/controls/TextInputExample"/>
+		<compile-mxml example="/mx/controls/TileListExample"/>
+		<compile-mxml example="/mx/controls/ToggleButtonBarExample"/>
+		<compile-mxml example="/mx/controls/TreeExample"/>
+		<compile-mxml example="/mx/controls/VideoDisplayExample"/>
+		<compile-mxml example="/mx/controls/VScrollBarExample"/>
+		<compile-mxml example="/mx/core/RepeaterExample"/>
+		<compile-mxml example="/mx/core/SimpleApplicationExample"/>
+		<compile-mxml example="/mx/effects/AddItemActionEffectExample"/>
+		<compile-mxml example="/mx/effects/AnimatePropertyEffectExample"/>
+		<compile-mxml example="/mx/effects/BlurEffectExample"/>
+		<compile-mxml example="/mx/effects/CompositeEffectExample"/>
+		<compile-mxml example="/mx/effects/DefaultListEffectExample"/>
+		<compile-mxml example="/mx/effects/DefaultTileListEffectExample"/>
+		<compile-mxml example="/mx/effects/DissolveEffectExample"/>
+		<compile-mxml example="/mx/effects/FadeEffectExample"/>
+		<compile-mxml example="/mx/effects/GlowEffectExample"/>
+		<compile-mxml example="/mx/effects/IrisEffectExample"/>
+		<compile-mxml example="/mx/effects/MoveEffectExample"/>
+		<compile-mxml example="/mx/effects/ParallelEffectExample"/>
+		<compile-mxml example="/mx/effects/PauseEffectExample"/>
+		<compile-mxml example="/mx/effects/ResizeEffectExample"/>
+		<compile-mxml example="/mx/effects/RotateEffectExample"/>
+		<compile-mxml example="/mx/effects/SequenceEffectExample"/>
+		<compile-mxml example="/mx/effects/SimpleEffectExample"/>
+		<compile-mxml example="/mx/effects/SimpleTweenEffectExample"/>
+		<compile-mxml example="/mx/effects/SoundEffectExample"/>
+		<compile-mxml example="/mx/effects/WipeDownExample"/>
+		<compile-mxml example="/mx/effects/WipeLeftExample"/>
+		<compile-mxml example="/mx/effects/WipeRightExample"/>
+		<compile-mxml example="/mx/effects/WipeUpExample"/>
+		<compile-mxml example="/mx/effects/ZoomEffectExample"/>
+		<compile-mxml example="/mx/formatters/CurrencyFormatterExample"/>
+		<compile-mxml example="/mx/formatters/DateFormatterExample"/>
+		<compile-mxml example="/mx/formatters/NumberFormatterExample"/>
+		<compile-mxml example="/mx/formatters/PhoneFormatterExample"/>
+		<compile-mxml example="/mx/formatters/SimpleFormatterExample"/>
+		<compile-mxml example="/mx/formatters/SwitchSymbolFormatterExample"/>
+		<compile-mxml example="/mx/formatters/ZipCodeFormatterExample"/>
+		<compile-mxml example="/mx/printing/AdvancedPrintDataGridExample"/>
+		<compile-mxml example="/mx/printing/FormPrintFooter"/>
+		<compile-mxml example="/mx/printing/FormPrintHeader"/>
+		<compile-mxml example="/mx/printing/FormPrintView"/>
+		<compile-mxml example="/mx/printing/PrintDataGridExample"/>
+		<compile-mxml example="/mx/states/StatesExample"/>
+		<compile-mxml example="/mx/states/TransitionExample"/>
+		<compile-mxml example="/mx/validators/CreditCardValidatorExample"/>
+		<compile-mxml example="/mx/validators/CurrencyValidatorExample"/>
+		<compile-mxml example="/mx/validators/DateValidatorExample"/>
+		<compile-mxml example="/mx/validators/EmailValidatorExample"/>
+		<compile-mxml example="/mx/validators/NumberValidatorExample"/>
+		<compile-mxml example="/mx/validators/PhoneNumberValidatorExample"/>
+		<compile-mxml example="/mx/validators/RegExValidatorExample"/>
+		<compile-mxml example="/mx/validators/SimpleValidatorExample"/>
+		<compile-mxml example="/mx/validators/SocialSecurityValidatorExample"/>
+		<compile-mxml example="/mx/validators/StringValidatorExample"/>
+		<compile-mxml example="/mx/validators/ZipCodeValidatorExample"/>
+	</target>
+		
+	<target name="compile-spark">
+		<compile-mxml example="/spark/controls/AccordionExample"/>
+		<compile-mxml example="/spark/controls/AdvancedDatagridExample"/>
+		<compile-mxml example="/spark/controls/ColorPickerExample"/>
+		<compile-mxml example="/spark/controls/ComboBoxExample"/>
+		<compile-mxml example="/spark/controls/DataGridExample"/>
+		<compile-mxml example="/spark/controls/DataGroupExample"/>
+		<compile-mxml example="/spark/controls/MenuExample"/>
+		<compile-mxml example="/spark/controls/RichEditableTextExample"/>
+		<compile-mxml example="/spark/controls/DateChooserExample"/>
+		<compile-mxml example="/spark/controls/DateFieldExample"/>
+		<compile-mxml example="/spark/controls/FormExample"/>
+		<compile-mxml example="/spark/controls/ImageExample"/>
+		<compile-mxml example="/spark/controls/LinkBarExample"/>
+		<compile-mxml example="/spark/controls/LinkButtonExample"/>
+		<compile-mxml example="/spark/controls/OLAPDataGridExample"/>
+		<compile-mxml example="/spark/controls/PopupButtonExample"/>
+		<compile-mxml example="/spark/controls/ProgressBarExample"/>
+		<!-- Currently broken <compile-mxml example="/spark/controls/SWFLoaderExample"/> -->
+		<compile-mxml example="/spark/controls/TitleWindowExample"/>
+		<compile-mxml example="/spark/controls/ToggleButtonBarExample"/>
+		<compile-mxml example="/spark/controls/ToolTipExample"/>
+		<compile-mxml example="/spark/controls/TreeExample"/>
+		<compile-mxml example="/spark/controls/ViewStackExample"/>
+		<compile-mxml example="/spark/controls/TextAreaExample"/>
+		<compile-mxml example="/spark/controls/TextInputExample"/>
+		<compile-mxml example="/spark/controls/TextLayout1Example"/>
+		<compile-mxml example="/spark/controls/TextLayout2Example"/>
+		<compile-mxml example="/spark/controls/TextLayout3Example"/>
+		<compile-mxml example="/spark/controls/TextLayout4Example"/>
+		
+		<compile-mxml example="/spark/css/CSSDescendantSelectorExample"/>
+		<compile-mxml example="/spark/css/CSSTypeClassSelectorExample"/>
+		
+		<compile-mxml example="/spark/layouts/CustomLayoutAnimatedExample"/>
+		<compile-mxml example="/spark/layouts/CustomLayoutFlickrWheelExample"/>
+		<compile-mxml example="/spark/layouts/CustomLayoutFlowExample"/>
+		<compile-mxml example="/spark/layouts/CustomLayoutHBaselineExample"/>
+		
+		<compile-mxml example="/spark/itemRenderers/ItemRenderer1Example"/>
+		<compile-mxml example="/spark/itemRenderers/ItemRenderer2Example"/>
+		
+		<compile-mxml example="/spark/fxg/BitmapImageExample"/>
+		<compile-mxml example="/spark/fxg/EclipseExample"/>
+		<compile-mxml example="/spark/fxg/LineExample"/>
+		<compile-mxml example="/spark/fxg/RectExample"/>
+		<compile-mxml example="/spark/fxg/RichTextExample"/>
+		
+		<compile-mxml example="/spark/containers/SampleHGroup"/>
+		<compile-mxml example="/spark/containers/SampleVGroup"/>
+		<compile-mxml example="/spark/containers/SampleVerticalHorizontalAlign"/>
+		<compile-mxml example="/spark/containers/SkinableDataContainerExample"/>
+		<compile-mxml example="/spark/containers/TileGroupExample"/>
+		
+		<compile-mxml example="/spark/effects/Move3DExample"/>
+		<compile-mxml example="/spark/effects/WipeExample"/>
+		
+		<compile-mxml example="/spark/charts/AreaChartExample"/>
+		<compile-mxml example="/spark/charts/BarChartExample"/>
+		<compile-mxml example="/spark/charts/BubbleChartExample"/>
+		<compile-mxml example="/spark/charts/CandleStickChartExample"/>
+		<compile-mxml example="/spark/charts/ColumnChartExample"/>
+		<compile-mxml example="/spark/charts/HLOCChartExample"/>
+		<compile-mxml example="/spark/charts/LineChartExample"/>
+		<compile-mxml example="/spark/charts/PieChartExample"/>
+		<compile-mxml example="/spark/charts/PlotChartExample"/>
+		<compile-mxml example="/spark/charts/SeriesInterpolateExample"/>
+		<compile-mxml example="/spark/charts/SeriesSlideExample"/>
+		<compile-mxml example="/spark/charts/SeriesZoomExample"/>
+			
+		<compile-mxml example="/spark/components/SearchExample"/>
+		<compile-mxml example="/spark/components/VideoPlayerExample"/>
+		
+		<compile-mxml example="/spark/validators/CreditCardValidatorExample"/>
+		<compile-mxml example="/spark/validators/CurrencyValidatorExample"/>
+		<compile-mxml example="/spark/validators/DateValidatorExample"/>
+		<compile-mxml example="/spark/validators/EmailValidatorExample"/>
+		<compile-mxml example="/spark/validators/NumberValidatorExample"/>
+		<compile-mxml example="/spark/validators/RegExpValidatorExample"/>
+		<compile-mxml example="/spark/validators/SocialSecurityValidatorExample"/>
+		<compile-mxml example="/spark/validators/StringValidatorExample"/>
+		<compile-mxml example="/spark/validators/FormValidatorExample"/>
+		<compile-mxml example="/spark/validators/ZipCodeValidatorExample"/>
+		
+		<compile-mxml example="/spark/formatters/CurrencyFormatterExample"/>
+		<compile-mxml example="/spark/formatters/DateFormatterExample"/>
+		<compile-mxml example="/spark/formatters/NumberFormatterExample"/>
+		<compile-mxml example="/spark/formatters/PhoneFormatterExample"/>
+		<compile-mxml example="/spark/formatters/SwitchFormatterExample"/>
+		<compile-mxml example="/spark/formatters/ZipCodeFormatterExample"/>
+		
+		<compile-mxml example="/spark/other/Cursor1Example"/>
+		<compile-mxml example="/spark/other/Cursor2Example"/>
+		<compile-mxml example="/spark/other/DragAndDrop1Example"/>
+		<compile-mxml example="/spark/other/DragAndDrop2Example"/>
+		<compile-mxml example="/spark/other/FilterExample"/>
+		<compile-mxml example="/spark/other/RepeaterExample"/>
+		<compile-mxml example="/spark/other/ScrollBarsExample"/>
+		
+		<compile-mxml example="/spark/events/EventExample1"/>
+		<compile-mxml example="/spark/events/EventExample2"/>
+		<compile-mxml example="/spark/events/EventExample3"/>
+		<compile-mxml example="/spark/events/EventExample4"/>
+		<compile-mxml example="/spark/events/EventExample5"/>
+		<compile-mxml example="/spark/events/EventExample6"/>
+		
+		<compile-mxml example="/spark/modules/ModuleExample"/>
+		<compile-mxml example="/spark/modules/Module1"/>
+		<compile-mxml example="/spark/modules/Module2"/>
+
+		<!-- currently broken <compile-mxml example="/spark/tlf/TextLayoutEditorSample"/> -->
+	</target>
+	
+	<target name="compile-spark2">
+		<compile-mxml example="/spark/i18n/SparkCollatorExample"/>
+		<compile-mxml example="/spark/i18n/SparkCollator2Example"/>
+		<compile-mxml example="/spark/i18n/SparkCurrencyValidatorExample"/>
+		<compile-mxml example="/spark/i18n/SparkCurrencyValidator2Example"/>
+		<compile-mxml example="/spark/i18n/SparkNumberValidatorExample"/>
+		<compile-mxml example="/spark/i18n/SparkNumberValidator2Example"/>
+		<compile-mxml example="/spark/i18n/SparkDateTimeFormatterExample"/>
+		<compile-mxml example="/spark/i18n/SparkDateTimeFormatter2Example"/>
+		<compile-mxml example="/spark/i18n/SparkCurrencyFormatterExample"/>
+		<compile-mxml example="/spark/i18n/SparkCurrencyFormatter2Example"/>
+		<compile-mxml example="/spark/i18n/SparkNumberFormatterExample"/>
+		<compile-mxml example="/spark/i18n/SparkNumberFormatter2Example"/>
+		<compile-mxml example="/spark/i18n/SparkSortandSortFieldExample"/>
+		<compile-mxml example="/spark/i18n/SparkSortandSortField2Example"/>
+		<compile-mxml example="/spark/i18n/SparkStringToolsExample"/>
+		<compile-mxml example="/spark/i18n/SparkFormatterExample"/>
+		
+		<compile-mxml example="/spark/controls/DataGridCustomRendererExample"/>
+		<compile-mxml example="/spark/controls/DataGridCustomRendererPrepareExample"/>
+		<compile-mxml example="/spark/controls/DataGridCustomSkinExample"/>
+		<compile-mxml example="/spark/controls/DataGridExample2"/>
+		<compile-mxml example="/spark/controls/DataGridSimpleColumnsExample"/>
+		<compile-mxml example="/spark/controls/DataGridSimpleNoWrapExample"/>
+		<compile-mxml example="/spark/controls/DataGridSizingExample"/>
+		
+		<compile-mxml example="/spark/controls/ListDataPagingExample"/>
+				
+		<compile-mxml example="/spark/controls/SampleHelpFormExample"/>
+		<compile-mxml example="/spark/controls/SampleSequenceFormExample"/>
+		<compile-mxml example="/spark/controls/SampleSimpleFormExample"/>
+		<compile-mxml example="/spark/controls/SampleStackedFormExample"/>
+		
+		<compile-mxml example="/spark/controls/OSMFExample"/>
+	</target>
+	
+	<target name="compile-spark3">
+		<compile-mxml example="/spark/other/BidirectionalBinding1Example"/>
+		<compile-mxml example="/spark/other/BidirectionalBinding2Example"/>
+		<compile-mxml example="/spark/other/ControllingViewportExample"/>
+		<compile-mxml example="/spark/itemRenderers/ListItemRendererExample"/>
+		<compile-mxml example="/spark/effects/AnimatePropertiesExample"/>
+		<compile-mxml example="/spark/effects/AnimateTransformExample"/>
+		<compile-mxml example="/spark/effects/CrossFadeExample"/>
+		<compile-mxml example="/spark/effects/FadeExample"/>
+		<compile-mxml example="/spark/effects/Rotate3DExample"/>
+		<compile-mxml example="/spark/effects/Scale3DExample"/>
+		<compile-mxml example="/spark/fxg/EllipseTransformExample"/>
+		<compile-mxml example="/spark/fxg/DropShadowGraphicExample"/>
+		<compile-mxml example="/spark/fxg/LinearGradientsSpreadMethodExample"/>
+		<compile-mxml example="/spark/fxg/StaticFXGExample"/>
+		<compile-mxml example="/spark/containers/BorderExample"/>
+		<compile-mxml example="/spark/containers/GroupExample"/>
+		<compile-mxml example="/spark/containers/PanelExample"/>
+		<compile-mxml example="/spark/containers/TabNavigator1Example"/>
+		<compile-mxml example="/spark/containers/TabNavigator2Example"/>
+		<compile-mxml example="/spark/skinning/ButtonWithIconExample"/>
+		<compile-mxml example="/spark/skinning/SkinningApplication1Example"/>
+		<compile-mxml example="/spark/skinning/SkinningApplication2Example"/>
+		<compile-mxml example="/spark/skinning/SkinningApplication3Example"/>
+		<compile-mxml example="/spark/skinning/SkinningContainerExample"/>
+		<compile-mxml example="/spark/css/CSSIDSelectorExample"/>
+		<compile-mxml example="/spark/controls/ButtonExample"/>
+		<compile-mxml example="/spark/controls/ButtonBarExample"/>
+		<compile-mxml example="/spark/controls/PopUpAnchor1Example"/>
+		<compile-mxml example="/spark/controls/PopUpAnchor2Example"/>
+		<compile-mxml example="/spark/controls/ToggleButtonExample"/>
+		<compile-mxml example="/spark/controls/CheckboxExample"/>
+		<compile-mxml example="/spark/controls/DropdownExample"/>
+		<compile-mxml example="/spark/controls/NumericStepperExample"/>
+		<compile-mxml example="/spark/controls/RadioButtonExample"/>
+		<compile-mxml example="/spark/controls/ToggleButton2Example"/>
+		<compile-mxml example="/spark/controls/ScrollBarExample"/>
+		<compile-mxml example="/spark/controls/Scroller1Example"/>
+		<compile-mxml example="/spark/controls/Scroller2Example"/>
+		<compile-mxml example="/spark/controls/SliderExample"/>
+		<compile-mxml example="/spark/controls/SpinnerExample"/>
+		<compile-mxml example="/spark/controls/VideoPlayerExample"/>
+		<compile-mxml example="/spark/controls/ListExample"/>
+	</target>
+		
+	<target name="package" description="package up all source files" depends="package-dir,package-tar,package-zip">
+	</target>
+	
+	<target name="package-dir">
+		<delete dir="${basedir}/out"/>  
+		<mkdir dir="${basedir}/out"/> 
+	</target>
+		
+	<target name="package-tar" description="tar up all source files">     
+        <tar destfile="${basedir}/out/apache-flex-tour-de-flex-component-explorer-src-${version}.tar.gz" 
+         	compression="gzip"
+            longfile="gnu">
+            <tarfileset dir="${basedir}/..">
+                <include name="LICENSE" />
+                <include name="NOTICE" />
+            </tarfileset>
+            <tarfileset dir="${basedir}">
+                <include name="README" />
+                <include name="RELEASE_NOTES" />
+                <include name="build.xml" />
+                <include name="src/explorer.html" />
+                <include name="src/explorer.xml" />
+                <include name="src/AC_OETags.js" />
+                <include name="**/*.mxml" />
+                <include name="**/*.as" />
+                <include name="**/*.jpg" />
+                <include name="**/*.png" />
+                <include name="**/*.gif" />
+                <include name="**/*.ttf" />
+                <include name="**/*.mp4" />
+                <include name="**/*.mp3" />
+                <include name="**/*.fxg" />
+                <include name="**/*.xml" />
+                <exclude name="**/*.swf" />
+             </tarfileset>
+         </tar>
+	</target>
+	
+	<target name="package-zip" description="zip up all source files">    
+        <zip destfile="${basedir}/out/apache-flex-tour-de-flex-component-explorer-src-${version}.zip">
+            <fileset dir="${basedir}/..">
+                <include name="LICENSE" />
+                <include name="NOTICE" />
+            </fileset>
+            <fileset dir="${basedir}">
+                <include name="README" />
+                <include name="RELEASE_NOTES" />
+                <include name="build.xml" />
+                <include name="src/explorer.html" />
+                <include name="src/explorer.xml" />
+                <include name="src/AC_OETags.js" />
+                <include name="**/*.mxml" />
+                <include name="**/*.as" />
+                <include name="**/*.jpg" />
+                <include name="**/*.png" />
+                <include name="**/*.gif" />
+                <include name="**/*.ttf" />
+                <include name="**/*.mp4" />
+                <include name="**/*.mp3" />
+                <include name="**/*.fxg" />
+                <include name="**/*.xml" />
+                <exclude name="**/*.swf" />
+             </fileset>
+         </zip>
+	</target>
+   
+    <target name="clean" description="clean up">
+    	<delete>
+    		<fileset dir="${basedir}" includes="**/*.swf" />
+    	</delete>
+    </target>
+</project>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/html-template/history/history.css
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/html-template/history/history.css b/TourDeFlex/TourDeFlex3/html-template/history/history.css
new file mode 100755
index 0000000..913d444
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/html-template/history/history.css
@@ -0,0 +1,22 @@
+/*
+ * 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.
+ */
+/* This CSS stylesheet defines styles used by required elements in a flex application page that supports browser history */
+
+#ie_historyFrame { width: 0px; height: 0px; display:none }
+#firefox_anchorDiv { width: 0px; height: 0px; display:none }
+#safari_formDiv { width: 0px; height: 0px; display:none }
+#safari_rememberDiv { width: 0px; height: 0px; display:none }

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/html-template/history/history.js
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/html-template/history/history.js b/TourDeFlex/TourDeFlex3/html-template/history/history.js
new file mode 100755
index 0000000..3167c82
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/html-template/history/history.js
@@ -0,0 +1,694 @@
+/*
+ * 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.
+ */
+BrowserHistoryUtils = {
+    addEvent: function(elm, evType, fn, useCapture) {
+        useCapture = useCapture || false;
+        if (elm.addEventListener) {
+            elm.addEventListener(evType, fn, useCapture);
+            return true;
+        }
+        else if (elm.attachEvent) {
+            var r = elm.attachEvent('on' + evType, fn);
+            return r;
+        }
+        else {
+            elm['on' + evType] = fn;
+        }
+    }
+}
+
+BrowserHistory = (function() {
+    // type of browser
+    var browser = {
+        ie: false, 
+        ie8: false, 
+        firefox: false, 
+        safari: false, 
+        opera: false, 
+        version: -1
+    };
+
+    // Default app state URL to use when no fragment ID present
+    var defaultHash = '';
+
+    // Last-known app state URL
+    var currentHref = document.location.href;
+
+    // Initial URL (used only by IE)
+    var initialHref = document.location.href;
+
+    // Initial URL (used only by IE)
+    var initialHash = document.location.hash;
+
+    // History frame source URL prefix (used only by IE)
+    var historyFrameSourcePrefix = 'history/historyFrame.html?';
+
+    // History maintenance (used only by Safari)
+    var currentHistoryLength = -1;
+    
+    // Flag to denote the existence of onhashchange
+    var browserHasHashChange = false;
+
+    var historyHash = [];
+
+    var initialState = createState(initialHref, initialHref + '#' + initialHash, initialHash);
+
+    var backStack = [];
+    var forwardStack = [];
+
+    var currentObjectId = null;
+
+    //UserAgent detection
+    var useragent = navigator.userAgent.toLowerCase();
+
+    if (useragent.indexOf("opera") != -1) {
+        browser.opera = true;
+    } else if (useragent.indexOf("msie") != -1) {
+        browser.ie = true;
+        browser.version = parseFloat(useragent.substring(useragent.indexOf('msie') + 4));
+        if (browser.version == 8)
+        {
+            browser.ie = false;
+            browser.ie8 = true;
+        }
+    } else if (useragent.indexOf("safari") != -1) {
+        browser.safari = true;
+        browser.version = parseFloat(useragent.substring(useragent.indexOf('safari') + 7));
+    } else if (useragent.indexOf("gecko") != -1) {
+        browser.firefox = true;
+    }
+
+    if (browser.ie == true && browser.version == 7) {
+        window["_ie_firstload"] = false;
+    }
+
+    function hashChangeHandler()
+    {
+        currentHref = document.location.href;
+        var flexAppUrl = getHash();
+        //ADR: to fix multiple
+        if (typeof BrowserHistory_multiple != "undefined" && BrowserHistory_multiple == true) {
+            var pl = getPlayers();
+            for (var i = 0; i < pl.length; i++) {
+                pl[i].browserURLChange(flexAppUrl);
+            }
+        } else {
+            getPlayer().browserURLChange(flexAppUrl);
+        }
+    }
+
+    // Accessor functions for obtaining specific elements of the page.
+    function getHistoryFrame()
+    {
+        return document.getElementById('ie_historyFrame');
+    }
+
+    function getFormElement()
+    {
+        return document.getElementById('safari_formDiv');
+    }
+
+    function getRememberElement()
+    {
+        return document.getElementById("safari_remember_field");
+    }
+
+    // Get the Flash player object for performing ExternalInterface callbacks.
+    // Updated for changes to SWFObject2.
+    function getPlayer(id) {
+        var i;
+
+		if (id && document.getElementById(id)) {
+			var r = document.getElementById(id);
+			if (typeof r.SetVariable != "undefined") {
+				return r;
+			}
+			else {
+				var o = r.getElementsByTagName("object");
+				var e = r.getElementsByTagName("embed");
+                for (i = 0; i < o.length; i++) {
+                    if (typeof o[i].browserURLChange != "undefined")
+                        return o[i];
+                }
+                for (i = 0; i < e.length; i++) {
+                    if (typeof e[i].browserURLChange != "undefined")
+                        return e[i];
+                }
+			}
+		}
+		else {
+			var o = document.getElementsByTagName("object");
+			var e = document.getElementsByTagName("embed");
+            for (i = 0; i < e.length; i++) {
+                if (typeof e[i].browserURLChange != "undefined")
+                {
+                    return e[i];
+                }
+            }
+            for (i = 0; i < o.length; i++) {
+                if (typeof o[i].browserURLChange != "undefined")
+                {
+                    return o[i];
+                }
+            }
+		}
+		return undefined;
+	}
+    
+    function getPlayers() {
+        var i;
+        var players = [];
+        if (players.length == 0) {
+            var tmp = document.getElementsByTagName('object');
+            for (i = 0; i < tmp.length; i++)
+            {
+                if (typeof tmp[i].browserURLChange != "undefined")
+                    players.push(tmp[i]);
+            }
+        }
+        if (players.length == 0 || players[0].object == null) {
+            var tmp = document.getElementsByTagName('embed');
+            for (i = 0; i < tmp.length; i++)
+            {
+                if (typeof tmp[i].browserURLChange != "undefined")
+                    players.push(tmp[i]);
+            }
+        }
+        return players;
+    }
+
+	function getIframeHash() {
+		var doc = getHistoryFrame().contentWindow.document;
+		var hash = String(doc.location.search);
+		if (hash.length == 1 && hash.charAt(0) == "?") {
+			hash = "";
+		}
+		else if (hash.length >= 2 && hash.charAt(0) == "?") {
+			hash = hash.substring(1);
+		}
+		return hash;
+	}
+
+    /* Get the current location hash excluding the '#' symbol. */
+    function getHash() {
+       // It would be nice if we could use document.location.hash here,
+       // but it's faulty sometimes.
+       var idx = document.location.href.indexOf('#');
+       return (idx >= 0) ? document.location.href.substr(idx+1) : '';
+    }
+
+    /* Get the current location hash excluding the '#' symbol. */
+    function setHash(hash) {
+       // It would be nice if we could use document.location.hash here,
+       // but it's faulty sometimes.
+       if (hash == '') hash = '#'
+       document.location.hash = hash;
+    }
+
+    function createState(baseUrl, newUrl, flexAppUrl) {
+        return { 'baseUrl': baseUrl, 'newUrl': newUrl, 'flexAppUrl': flexAppUrl, 'title': null };
+    }
+
+    /* Add a history entry to the browser.
+     *   baseUrl: the portion of the location prior to the '#'
+     *   newUrl: the entire new URL, including '#' and following fragment
+     *   flexAppUrl: the portion of the location following the '#' only
+     */
+    function addHistoryEntry(baseUrl, newUrl, flexAppUrl) {
+
+        //delete all the history entries
+        forwardStack = [];
+
+        if (browser.ie) {
+            //Check to see if we are being asked to do a navigate for the first
+            //history entry, and if so ignore, because it's coming from the creation
+            //of the history iframe
+            if (flexAppUrl == defaultHash && document.location.href == initialHref && window['_ie_firstload']) {
+                currentHref = initialHref;
+                return;
+            }
+            if ((!flexAppUrl || flexAppUrl == defaultHash) && window['_ie_firstload']) {
+                newUrl = baseUrl + '#' + defaultHash;
+                flexAppUrl = defaultHash;
+            } else {
+                // for IE, tell the history frame to go somewhere without a '#'
+                // in order to get this entry into the browser history.
+                getHistoryFrame().src = historyFrameSourcePrefix + flexAppUrl;
+            }
+            setHash(flexAppUrl);
+        } else {
+
+            //ADR
+            if (backStack.length == 0 && initialState.flexAppUrl == flexAppUrl) {
+                initialState = createState(baseUrl, newUrl, flexAppUrl);
+            } else if(backStack.length > 0 && backStack[backStack.length - 1].flexAppUrl == flexAppUrl) {
+                backStack[backStack.length - 1] = createState(baseUrl, newUrl, flexAppUrl);
+            }
+
+            if (browser.safari && !browserHasHashChange) {
+                // for Safari, submit a form whose action points to the desired URL
+                if (browser.version <= 419.3) {
+                    var file = window.location.pathname.toString();
+                    file = file.substring(file.lastIndexOf("/")+1);
+                    getFormElement().innerHTML = '<form name="historyForm" action="'+file+'#' + flexAppUrl + '" method="GET"></form>';
+                    //get the current elements and add them to the form
+                    var qs = window.location.search.substring(1);
+                    var qs_arr = qs.split("&");
+                    for (var i = 0; i < qs_arr.length; i++) {
+                        var tmp = qs_arr[i].split("=");
+                        var elem = document.createElement("input");
+                        elem.type = "hidden";
+                        elem.name = tmp[0];
+                        elem.value = tmp[1];
+                        document.forms.historyForm.appendChild(elem);
+                    }
+                    document.forms.historyForm.submit();
+                } else {
+                    top.location.hash = flexAppUrl;
+                }
+                // We also have to maintain the history by hand for Safari
+                historyHash[history.length] = flexAppUrl;
+                _storeStates();
+            } else {
+                // Otherwise, just tell the browser to go there
+                setHash(flexAppUrl);
+            }
+        }
+        backStack.push(createState(baseUrl, newUrl, flexAppUrl));
+    }
+
+    function _storeStates() {
+        if (browser.safari) {
+            getRememberElement().value = historyHash.join(",");
+        }
+    }
+
+    function handleBackButton() {
+        //The "current" page is always at the top of the history stack.
+        var current = backStack.pop();
+        if (!current) { return; }
+        var last = backStack[backStack.length - 1];
+        if (!last && backStack.length == 0){
+            last = initialState;
+        }
+        forwardStack.push(current);
+    }
+
+    function handleForwardButton() {
+        //summary: private method. Do not call this directly.
+
+        var last = forwardStack.pop();
+        if (!last) { return; }
+        backStack.push(last);
+    }
+
+    function handleArbitraryUrl() {
+        //delete all the history entries
+        forwardStack = [];
+    }
+
+    /* Called periodically to poll to see if we need to detect navigation that has occurred */
+    function checkForUrlChange() {
+
+        if (browser.ie) {
+            if (currentHref != document.location.href && currentHref + '#' != document.location.href) {
+                //This occurs when the user has navigated to a specific URL
+                //within the app, and didn't use browser back/forward
+                //IE seems to have a bug where it stops updating the URL it
+                //shows the end-user at this point, but programatically it
+                //appears to be correct.  Do a full app reload to get around
+                //this issue.
+                if (browser.version < 7) {
+                    currentHref = document.location.href;
+                    document.location.reload();
+                } else {
+					if (getHash() != getIframeHash()) {
+						// this.iframe.src = this.blankURL + hash;
+						var sourceToSet = historyFrameSourcePrefix + getHash();
+						getHistoryFrame().src = sourceToSet;
+                        currentHref = document.location.href;
+					}
+                }
+            }
+        }
+
+        if (browser.safari && !browserHasHashChange) {
+            // For Safari, we have to check to see if history.length changed.
+            if (currentHistoryLength >= 0 && history.length != currentHistoryLength) {
+                //alert("did change: " + history.length + ", " + historyHash.length + "|" + historyHash[history.length] + "|>" + historyHash.join("|"));
+                var flexAppUrl = getHash();
+                if (browser.version < 528.16 /* Anything earlier than Safari 4.0 */)
+                {    
+                    // If it did change and we're running Safari 3.x or earlier, 
+                    // then we have to look the old state up in our hand-maintained 
+                    // array since document.location.hash won't have changed, 
+                    // then call back into BrowserManager.
+                currentHistoryLength = history.length;
+                    flexAppUrl = historyHash[currentHistoryLength];
+                }
+
+                //ADR: to fix multiple
+                if (typeof BrowserHistory_multiple != "undefined" && BrowserHistory_multiple == true) {
+                    var pl = getPlayers();
+                    for (var i = 0; i < pl.length; i++) {
+                        pl[i].browserURLChange(flexAppUrl);
+                    }
+                } else {
+                    getPlayer().browserURLChange(flexAppUrl);
+                }
+                _storeStates();
+            }
+        }
+        if (browser.firefox && !browserHasHashChange) {
+            if (currentHref != document.location.href) {
+                var bsl = backStack.length;
+
+                var urlActions = {
+                    back: false, 
+                    forward: false, 
+                    set: false
+                }
+
+                if ((window.location.hash == initialHash || window.location.href == initialHref) && (bsl == 1)) {
+                    urlActions.back = true;
+                    // FIXME: could this ever be a forward button?
+                    // we can't clear it because we still need to check for forwards. Ugg.
+                    // clearInterval(this.locationTimer);
+                    handleBackButton();
+                }
+                
+                // first check to see if we could have gone forward. We always halt on
+                // a no-hash item.
+                if (forwardStack.length > 0) {
+                    if (forwardStack[forwardStack.length-1].flexAppUrl == getHash()) {
+                        urlActions.forward = true;
+                        handleForwardButton();
+                    }
+                }
+
+                // ok, that didn't work, try someplace back in the history stack
+                if ((bsl >= 2) && (backStack[bsl - 2])) {
+                    if (backStack[bsl - 2].flexAppUrl == getHash()) {
+                        urlActions.back = true;
+                        handleBackButton();
+                    }
+                }
+                
+                if (!urlActions.back && !urlActions.forward) {
+                    var foundInStacks = {
+                        back: -1, 
+                        forward: -1
+                    }
+
+                    for (var i = 0; i < backStack.length; i++) {
+                        if (backStack[i].flexAppUrl == getHash() && i != (bsl - 2)) {
+                            arbitraryUrl = true;
+                            foundInStacks.back = i;
+                        }
+                    }
+                    for (var i = 0; i < forwardStack.length; i++) {
+                        if (forwardStack[i].flexAppUrl == getHash() && i != (bsl - 2)) {
+                            arbitraryUrl = true;
+                            foundInStacks.forward = i;
+                        }
+                    }
+                    handleArbitraryUrl();
+                }
+
+                // Firefox changed; do a callback into BrowserManager to tell it.
+                currentHref = document.location.href;
+                var flexAppUrl = getHash();
+                //ADR: to fix multiple
+                if (typeof BrowserHistory_multiple != "undefined" && BrowserHistory_multiple == true) {
+                    var pl = getPlayers();
+                    for (var i = 0; i < pl.length; i++) {
+                        pl[i].browserURLChange(flexAppUrl);
+                    }
+                } else {
+                    getPlayer().browserURLChange(flexAppUrl);
+                }
+            }
+        }
+    }
+
+    var _initialize = function () {
+        
+        browserHasHashChange = ("onhashchange" in document.body);
+        
+        if (browser.ie)
+        {
+            var scripts = document.getElementsByTagName('script');
+            for (var i = 0, s; s = scripts[i]; i++) {
+                if (s.src.indexOf("history.js") > -1) {
+                    var iframe_location = (new String(s.src)).replace("history.js", "historyFrame.html");
+                }
+            }
+            historyFrameSourcePrefix = iframe_location + "?";
+            var src = historyFrameSourcePrefix;
+
+            var iframe = document.createElement("iframe");
+            iframe.id = 'ie_historyFrame';
+            iframe.name = 'ie_historyFrame';
+            iframe.src = 'javascript:false;'; 
+
+            try {
+                document.body.appendChild(iframe);
+            } catch(e) {
+                setTimeout(function() {
+                    document.body.appendChild(iframe);
+                }, 0);
+            }
+        }
+
+        if (browser.safari && !browserHasHashChange)
+        {
+            var rememberDiv = document.createElement("div");
+            rememberDiv.id = 'safari_rememberDiv';
+            document.body.appendChild(rememberDiv);
+            rememberDiv.innerHTML = '<input type="text" id="safari_remember_field" style="width: 500px;">';
+
+            var formDiv = document.createElement("div");
+            formDiv.id = 'safari_formDiv';
+            document.body.appendChild(formDiv);
+
+            var reloader_content = document.createElement('div');
+            reloader_content.id = 'safarireloader';
+            var scripts = document.getElementsByTagName('script');
+            for (var i = 0, s; s = scripts[i]; i++) {
+                if (s.src.indexOf("history.js") > -1) {
+                    html = (new String(s.src)).replace(".js", ".html");
+                }
+            }
+            reloader_content.innerHTML = '<iframe id="safarireloader-iframe" src="about:blank" frameborder="no" scrolling="no"></iframe>';
+            document.body.appendChild(reloader_content);
+            reloader_content.style.position = 'absolute';
+            reloader_content.style.left = reloader_content.style.top = '-9999px';
+            iframe = reloader_content.getElementsByTagName('iframe')[0];
+
+            if (document.getElementById("safari_remember_field").value != "" ) {
+                historyHash = document.getElementById("safari_remember_field").value.split(",");
+            }
+        }
+
+        if (browserHasHashChange)        
+            document.body.onhashchange = hashChangeHandler;
+    }
+
+    return {
+        historyHash: historyHash, 
+        backStack: function() { return backStack; }, 
+        forwardStack: function() { return forwardStack }, 
+        getPlayer: getPlayer, 
+        initialize: function(src) {
+            _initialize(src);
+        }, 
+        setURL: function(url) {
+            document.location.href = url;
+        }, 
+        getURL: function() {
+            return document.location.href;
+        }, 
+        getTitle: function() {
+            return document.title;
+        }, 
+        setTitle: function(title) {
+            try {
+                backStack[backStack.length - 1].title = title;
+            } catch(e) { }
+            //if on safari, set the title to be the empty string. 
+            if (browser.safari) {
+                if (title == "") {
+                    try {
+                    var tmp = window.location.href.toString();
+                    title = tmp.substring((tmp.lastIndexOf("/")+1), tmp.lastIndexOf("#"));
+                    } catch(e) {
+                        title = "";
+                    }
+                }
+            }
+            document.title = title;
+        }, 
+        setDefaultURL: function(def)
+        {
+            defaultHash = def;
+            def = getHash();
+            //trailing ? is important else an extra frame gets added to the history
+            //when navigating back to the first page.  Alternatively could check
+            //in history frame navigation to compare # and ?.
+            if (browser.ie)
+            {
+                window['_ie_firstload'] = true;
+                var sourceToSet = historyFrameSourcePrefix + def;
+                var func = function() {
+                    getHistoryFrame().src = sourceToSet;
+                    window.location.replace("#" + def);
+                    setInterval(checkForUrlChange, 50);
+                }
+                try {
+                    func();
+                } catch(e) {
+                    window.setTimeout(function() { func(); }, 0);
+                }
+            }
+
+            if (browser.safari)
+            {
+                currentHistoryLength = history.length;
+                if (historyHash.length == 0) {
+                    historyHash[currentHistoryLength] = def;
+                    var newloc = "#" + def;
+                    window.location.replace(newloc);
+                } else {
+                    //alert(historyHash[historyHash.length-1]);
+                }
+                setInterval(checkForUrlChange, 50);
+            }
+            
+            
+            if (browser.firefox || browser.opera)
+            {
+                var reg = new RegExp("#" + def + "$");
+                if (window.location.toString().match(reg)) {
+                } else {
+                    var newloc ="#" + def;
+                    window.location.replace(newloc);
+                }
+                setInterval(checkForUrlChange, 50);
+            }
+
+        }, 
+
+        /* Set the current browser URL; called from inside BrowserManager to propagate
+         * the application state out to the container.
+         */
+        setBrowserURL: function(flexAppUrl, objectId) {
+            if (browser.ie && typeof objectId != "undefined") {
+                currentObjectId = objectId;
+            }
+           //fromIframe = fromIframe || false;
+           //fromFlex = fromFlex || false;
+           //alert("setBrowserURL: " + flexAppUrl);
+           //flexAppUrl = (flexAppUrl == "") ? defaultHash : flexAppUrl ;
+
+           var pos = document.location.href.indexOf('#');
+           var baseUrl = pos != -1 ? document.location.href.substr(0, pos) : document.location.href;
+           var newUrl = baseUrl + '#' + flexAppUrl;
+
+           if (document.location.href != newUrl && document.location.href + '#' != newUrl) {
+               currentHref = newUrl;
+               addHistoryEntry(baseUrl, newUrl, flexAppUrl);
+               currentHistoryLength = history.length;
+           }
+        }, 
+
+        browserURLChange: function(flexAppUrl) {
+            var objectId = null;
+            if (browser.ie && currentObjectId != null) {
+                objectId = currentObjectId;
+            }
+            
+            if (typeof BrowserHistory_multiple != "undefined" && BrowserHistory_multiple == true) {
+                var pl = getPlayers();
+                for (var i = 0; i < pl.length; i++) {
+                    try {
+                        pl[i].browserURLChange(flexAppUrl);
+                    } catch(e) { }
+                }
+            } else {
+                try {
+                    getPlayer(objectId).browserURLChange(flexAppUrl);
+                } catch(e) { }
+            }
+
+            currentObjectId = null;
+        },
+        getUserAgent: function() {
+            return navigator.userAgent;
+        },
+        getPlatform: function() {
+            return navigator.platform;
+        }
+
+    }
+
+})();
+
+// Initialization
+
+// Automated unit testing and other diagnostics
+
+function setURL(url)
+{
+    document.location.href = url;
+}
+
+function backButton()
+{
+    history.back();
+}
+
+function forwardButton()
+{
+    history.forward();
+}
+
+function goForwardOrBackInHistory(step)
+{
+    history.go(step);
+}
+
+//BrowserHistoryUtils.addEvent(window, "load", function() { BrowserHistory.initialize(); });
+(function(i) {
+    var u =navigator.userAgent;var e=/*@cc_on!@*/false; 
+    var st = setTimeout;
+    if(/webkit/i.test(u)){
+        st(function(){
+            var dr=document.readyState;
+            if(dr=="loaded"||dr=="complete"){i()}
+            else{st(arguments.callee,10);}},10);
+    } else if((/mozilla/i.test(u)&&!/(compati)/.test(u)) || (/opera/i.test(u))){
+        document.addEventListener("DOMContentLoaded",i,false);
+    } else if(e){
+    (function(){
+        var t=document.createElement('doc:rdy');
+        try{t.doScroll('left');
+            i();t=null;
+        }catch(e){st(arguments.callee,0);}})();
+    } else{
+        window.onload=i;
+    }
+})( function() {BrowserHistory.initialize();} );

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/html-template/history/historyFrame.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/html-template/history/historyFrame.html b/TourDeFlex/TourDeFlex3/html-template/history/historyFrame.html
new file mode 100755
index 0000000..a06035f
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/html-template/history/historyFrame.html
@@ -0,0 +1,45 @@
+<!--
+  ~ 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.
+  -->
+<html>
+    <head>
+        <META HTTP-EQUIV="Pragma" CONTENT="no-cache"> 
+        <META HTTP-EQUIV="Expires" CONTENT="-1"> 
+    </head>
+    <body>
+    <script>
+        function processUrl()
+        {
+
+            var pos = url.indexOf("?");
+            url = pos != -1 ? url.substr(pos + 1) : "";
+            if (!parent._ie_firstload) {
+                parent.BrowserHistory.setBrowserURL(url);
+                try {
+                    parent.BrowserHistory.browserURLChange(url);
+                } catch(e) { }
+            } else {
+                parent._ie_firstload = false;
+            }
+        }
+
+        var url = document.location.href;
+        processUrl();
+        document.write(encodeURIComponent(url));
+    </script>
+    Hidden frame for Browser History support.
+    </body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/html-template/index.template.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/html-template/index.template.html b/TourDeFlex/TourDeFlex3/html-template/index.template.html
new file mode 100755
index 0000000..304cbca
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/html-template/index.template.html
@@ -0,0 +1,124 @@
+<!--
+  ~ 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.
+  -->
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<!-- saved from url=(0014)about:internet -->
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"> 
+    <!-- 
+    Smart developers always View Source. 
+    
+    This application was built using Apache Flex, an open source framework
+    for building rich Internet applications that get delivered via the
+    Flash Player or to desktops via Adobe AIR. 
+    
+    Learn more about Flex at http://flex.org 
+    // -->
+    <head>
+        <title>${title}</title>
+        <meta name="google" value="notranslate" />         
+        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+        <!-- Include CSS to eliminate any default margins/padding and set the height of the html element and 
+             the body element to 100%, because Firefox, or any Gecko based browser, interprets percentage as 
+             the percentage of the height of its parent container, which has to be set explicitly.  Fix for
+             Firefox 3.6 focus border issues.  Initially, don't display flashContent div so it won't show 
+             if JavaScript disabled.
+        -->
+        <style type="text/css" media="screen"> 
+            html, body  { height:100%; }
+            body { margin:0; padding:0; overflow:auto; text-align:center; 
+                   background-color: ${bgcolor}; }   
+            object:focus { outline:none; }
+            #flashContent { display:none; }
+        </style>
+        
+        <!-- Enable Browser History by replacing useBrowserHistory tokens with two hyphens -->
+        <!-- BEGIN Browser History required section -->
+        <link rel="stylesheet" type="text/css" href="history/history.css" />
+        <script type="text/javascript" src="history/history.js"></script>
+        <!-- END Browser History required section -->  
+            
+        <script type="text/javascript" src="swfobject.js"></script>
+        <script type="text/javascript">
+            // For version detection, set to min. required Flash Player version, or 0 (or 0.0.0), for no version detection. 
+            var swfVersionStr = "${version_major}.${version_minor}.${version_revision}";
+            // To use express install, set to playerProductInstall.swf, otherwise the empty string. 
+            var xiSwfUrlStr = "playerProductInstall.swf";
+            var flashvars = {};
+            var params = {};
+            params.quality = "high";
+            params.bgcolor = "${bgcolor}";
+            params.allowscriptaccess = "sameDomain";
+            params.allowfullscreen = "true";
+            var attributes = {};
+            attributes.id = "${application}";
+            attributes.name = "${application}";
+            attributes.align = "middle";
+            swfobject.embedSWF(
+                "${swf}.swf", "flashContent", 
+                "${width}", "${height}", 
+                swfVersionStr, xiSwfUrlStr, 
+                flashvars, params, attributes);
+            // JavaScript enabled so display the flashContent div in case it is not replaced with a swf object.
+            swfobject.createCSS("#flashContent", "display:block;text-align:left;");
+        </script>
+    </head>
+    <body>
+        <!-- SWFObject's dynamic embed method replaces this alternative HTML content with Flash content when enough 
+             JavaScript and Flash plug-in support is available. The div is initially hidden so that it doesn't show
+             when JavaScript is disabled.
+        -->
+        <div id="flashContent">
+            <p>
+                To view this page ensure that Adobe Flash Player version 
+                ${version_major}.${version_minor}.${version_revision} or greater is installed. 
+            </p>
+            <script type="text/javascript"> 
+                var pageHost = ((document.location.protocol == "https:") ? "https://" : "http://"); 
+                document.write("<a href='http://www.adobe.com/go/getflashplayer'><img src='" 
+                                + pageHost + "www.adobe.com/images/shared/download_buttons/get_flash_player.gif' alt='Get Adobe Flash player' /></a>" ); 
+            </script> 
+        </div>
+        
+        <noscript>
+            <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="${width}" height="${height}" id="${application}">
+                <param name="movie" value="${swf}.swf" />
+                <param name="quality" value="high" />
+                <param name="bgcolor" value="${bgcolor}" />
+                <param name="allowScriptAccess" value="sameDomain" />
+                <param name="allowFullScreen" value="true" />
+                <!--[if !IE]>-->
+                <object type="application/x-shockwave-flash" data="${swf}.swf" width="${width}" height="${height}">
+                    <param name="quality" value="high" />
+                    <param name="bgcolor" value="${bgcolor}" />
+                    <param name="allowScriptAccess" value="sameDomain" />
+                    <param name="allowFullScreen" value="true" />
+                <!--<![endif]-->
+                <!--[if gte IE 6]>-->
+                    <p> 
+                        Either scripts and active content are not permitted to run or Adobe Flash Player version
+                        ${version_major}.${version_minor}.${version_revision} or greater is not installed.
+                    </p>
+                <!--<![endif]-->
+                    <a href="http://www.adobe.com/go/getflashplayer">
+                        <img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash Player" />
+                    </a>
+                <!--[if !IE]>-->
+                </object>
+                <!--<![endif]-->
+            </object>
+        </noscript>     
+   </body>
+</html>


[07/51] [partial] Merged TourDeFlex release from develop

Posted by jm...@apache.org.
http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/spark/controls/CustomDataGridSkin.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/controls/CustomDataGridSkin.mxml b/TourDeFlex/TourDeFlex3/src/spark/controls/CustomDataGridSkin.mxml
new file mode 100644
index 0000000..b3da2b7
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/spark/controls/CustomDataGridSkin.mxml
@@ -0,0 +1,375 @@
+<?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.
+
+-->
+
+<s:SparkSkin 
+    xmlns:fx="http://ns.adobe.com/mxml/2009" 
+    xmlns:s="library://ns.adobe.com/flex/spark" 
+    xmlns:mx="library://ns.adobe.com/flex/mx"
+    xmlns:fb="http://ns.adobe.com/flashbuilder/2009"
+    alpha.disabled="0.5" minWidth="89" minHeight="84">
+    
+    <fx:Metadata>
+    <![CDATA[
+        /** 
+        * @copy spark.skins.spark.ApplicationSkin#hostComponent
+          @langversion 3.0
+          @playerversion Flash 10
+          @playerversion AIR 1.5
+          @productversion Flex 4
+         */
+        [HostComponent("spark.components.DataGrid")]
+    ]]>
+    </fx:Metadata>
+    
+    <s:states>
+        <s:State name="normal" />
+        <s:State name="disabled" />
+    </s:states>
+    
+    <fx:Declarations>
+        <!--- @private -->        
+        <fx:Component id="alternatingRowColorsBackground">
+            <s:Rect implements="spark.components.gridClasses.IGridVisualElement">
+                <fx:Script>
+                    <![CDATA[
+                        import spark.components.DataGrid;
+                        import spark.components.Grid;
+                        
+                        /**
+                         * @private
+                         */
+                        public function prepareGridVisualElement(grid:Grid, rowIndex:int, columnIndex:int):void
+                        {
+                            const dataGrid:DataGrid = grid.dataGrid;
+                            if (!dataGrid)
+                                return;
+                            
+                            const colors:Array = dataGrid.getStyle("alternatingRowColors");
+                            if (colors && (colors.length > 0))
+                            {
+                                dataGrid.styleManager.getColorNames(colors); // lazily replace color names with ints
+                                rowBackgroundFillColor.color = colors[rowIndex % colors.length];
+                            }
+                            else
+                            {          
+                                // This should be the same as bgFill.color.
+                                rowBackgroundFillColor.color = 0xFFFFFF;
+                            }
+                        }
+                    ]]>
+                </fx:Script>  
+                <s:fill>
+                    <!--- @private -->   
+                    <s:SolidColor id="rowBackgroundFillColor" color="0xFFFFFF"/>
+                </s:fill>
+            </s:Rect>
+        </fx:Component>
+        
+        <!--- @private -->        
+        <fx:Component id="caretIndicator">
+            <s:Rect implements="spark.components.gridClasses.IGridVisualElement">
+                <fx:Script>
+                    <![CDATA[
+                        import spark.components.DataGrid;
+                        import spark.components.Grid;
+                        
+                        /**
+                         * @private
+                         */
+                        public function prepareGridVisualElement(grid:Grid, rowIndex:int, columnIndex:int):void
+                        {
+                            const dataGrid:DataGrid = grid.dataGrid;
+                            if (!dataGrid)
+                                return;
+                            
+                            const color:uint = dataGrid.getStyle("caretColor");
+                            caretIndicatorFill.color = color;
+                        }
+                    ]]>
+                </fx:Script>
+                
+                <s:stroke>
+                    <!--- @private -->
+                    <s:SolidColorStroke id="caretIndicatorFill" color="0x0167FF" weight="1"/>
+                </s:stroke>
+            </s:Rect>
+        </fx:Component>
+        
+        <!--- @private -->
+        <fx:Component id="columnSeparator">
+            <s:Line>
+                <s:stroke>
+                    <s:SolidColorStroke color="0xE6E6E6" weight="1" caps="square"/>
+                </s:stroke>
+            </s:Line>
+        </fx:Component>
+        
+        <!--- Defines the value of the columnSeparator property for the columnHeaderGroup. -->
+        <fx:Component id="headerColumnSeparator">
+            <s:Line>
+                <s:stroke>
+                    <s:SolidColorStroke color="0x696969" weight="1" caps="square"/>
+                </s:stroke>
+            </s:Line>
+        </fx:Component>
+        
+        <!--- Defines the value of the headerRenderer property for the columnHeaderGroup. 
+              The default is spark.skins.spark.DefaultGridHeaderRenderer -->
+        <fx:Component id="headerRenderer">
+            <s:DefaultGridHeaderRenderer />
+        </fx:Component>
+        
+        <!--- @private -->
+        <fx:Component id="hoverIndicator">
+            <s:Rect implements="spark.components.gridClasses.IGridVisualElement">
+                <fx:Script>
+                    <![CDATA[
+                        import spark.components.DataGrid;
+                        import spark.components.Grid;
+                        
+                        /**
+                         * @private
+                         */
+                        public function prepareGridVisualElement(grid:Grid, rowIndex:int, columnIndex:int):void
+                        {
+                            const dataGrid:DataGrid = grid.dataGrid;
+                            if (!dataGrid)
+                                return;
+                            
+                            const color:uint = dataGrid.getStyle("rollOverColor");
+                            hoverIndicatorFill.color = color;
+                        }
+                    ]]>
+                </fx:Script>
+                
+                <s:fill>
+                    <!--- @private -->
+                    <s:SolidColor id="hoverIndicatorFill" color="0xCEDBEF"/>
+                </s:fill>
+            </s:Rect>
+        </fx:Component>
+        
+        <!--- @private -->
+        <fx:Component id="rowSeparator">
+            <s:Line>
+                <s:stroke>
+                    <s:SolidColorStroke color="0xE6E6E6" weight="1" caps="square"/>
+                </s:stroke>
+            </s:Line>
+        </fx:Component>
+        
+        <!--- @private -->
+        <fx:Component id="selectionIndicator">
+            <s:Rect implements="spark.components.gridClasses.IGridVisualElement">
+                <fx:Script>
+                    <![CDATA[
+                        import spark.components.DataGrid;
+                        import spark.components.Grid;
+                        
+                        /**
+                         * @private
+                         */
+                        public function prepareGridVisualElement(grid:Grid, rowIndex:int, columnIndex:int):void
+                        {
+                            const dataGrid:DataGrid = grid.dataGrid;
+                            if (!dataGrid)
+                                return;
+                            
+                            const color:uint = dataGrid.getStyle("selectionColor");
+                            selectionIndicatorFill.color = color;
+                        }
+                    ]]>
+                </fx:Script>
+                
+                <s:fill>
+                    <!--- @private -->
+                    <s:SolidColor id="selectionIndicatorFill" color="0xA8C6EE"/>
+                </s:fill>                
+            </s:Rect>
+        </fx:Component>
+        
+        <!--- @private -->
+        <fx:Component id="editorIndicator">
+            <s:Rect>
+                <s:fill>
+                    <s:SolidColor color="0xFFFFFF"/>
+                </s:fill>                
+            </s:Rect>
+        </fx:Component>                    
+        
+    </fx:Declarations>
+    
+    <fx:Script fb:purpose="styling">
+    <![CDATA[
+        static private const exclusions:Array = ["scroller", "background", "columnHeaderGroup"];
+        static private const contentFill:Array = ["bgFill"];
+        
+        /**
+         * @private
+         */
+        override public function get colorizeExclusions():Array {return exclusions;}
+        
+        /**
+         * @private
+         */
+        override public function get contentItems():Array {return contentFill};
+        
+        /**
+         * @private
+         */
+        override protected function initializationComplete():void
+        {
+            useChromeColor = true;
+            super.initializationComplete();
+        }
+        
+        /**
+         * @private
+         */
+        override protected function updateDisplayList(unscaledWidth:Number, unscaledHeight:Number):void
+        {
+            if (getStyle("borderVisible") == true)
+            {
+                border.visible = true;
+                background.left = background.top = background.right = background.bottom = 1;
+                scroller.minViewportInset = 1;
+            }
+            else
+            {
+                border.visible = false;
+                background.left = background.top = background.right = background.bottom = 0;
+                scroller.minViewportInset = 0;
+            }
+            
+            borderStroke.color = getStyle("borderColor");
+            borderStroke.alpha = getStyle("borderAlpha");
+            
+            super.updateDisplayList(unscaledWidth, unscaledHeight);
+        }
+    ]]>
+    </fx:Script>
+    
+    <!-- column header, content -->
+    <s:VGroup horizontalAlign="justify" gap="0" left="0" right="0" top="0" bottom="0">
+        
+        <!--- @private -->
+        <s:GridColumnHeaderGroup id="columnHeaderGroup"
+            paddingLeft="1" paddingTop="1" paddingRight="1" minHeight="21" 
+            columnSeparator="{headerColumnSeparator}"
+            headerRenderer="{headerRenderer}"/>
+
+        <s:Group height="100%">
+            
+            <!--- @private -->
+            <s:Rect id="background" left="1" right="1" top="1" bottom="1" >
+                <s:fill>
+                    <!--- Defines the color of the background. The default color is 0xFFFFFF. -->
+                    <s:SolidColor id="bgFill" color="0xFFFFFF" />
+                </s:fill>
+            </s:Rect>
+            
+            <!-- header separator, scroller and grid -->
+            <s:VGroup horizontalAlign="justify" height="100%" width="100%" gap="-1">
+                <!--- @private -->
+                <s:Line id="headerSeparator">
+                    <s:stroke>
+                        <s:SolidColorStroke color="0x696969" weight="1" caps="square"/>
+                    </s:stroke>
+                </s:Line>          
+                
+                <!--- @private -->
+                <s:Scroller id="scroller" minViewportInset="1" hasFocusableChildren="false" height="100%">
+		            <s:Grid id="grid" itemRenderer="spark.skins.spark.DefaultGridItemRenderer"> 
+		                <!--
+		                <s:itemRenderer>
+		                    <fx:Component>
+		                        <s:GridItemRenderer>
+		                            <s:Label id="labelDisplay" paddingLeft="7" paddingRight="7" paddingBottom="5" paddingTop="9" width="100%" height="100%"/> 
+		                        </s:GridItemRenderer>
+		                    </fx:Component>
+		                </s:itemRenderer>
+		                -->
+		                
+		                <s:caretIndicator>
+		                    <fx:Component>
+		                        <s:Rect>
+		                            <s:stroke>
+		                                <s:SolidColorStroke color="0xff0000" weight="1"/>
+		                            </s:stroke>
+		                        </s:Rect>
+		                    </fx:Component>
+		                </s:caretIndicator>
+		                
+		                <s:selectionIndicator>
+		                    <fx:Component>
+		                        <s:Rect>
+		                            <s:fill>
+		                                <s:SolidColor color="0x00ff00"/>
+		                            </s:fill>                
+		                        </s:Rect>
+		                    </fx:Component>           
+		                </s:selectionIndicator>
+		               
+		                <s:columnSeparator>
+		                    <fx:Component>
+		                        <s:Line>
+		                            <s:stroke>
+		                                <s:SolidColorStroke color="0xE6E6E6" weight="1"/>
+		                            </s:stroke>
+		                        </s:Line>
+		                    </fx:Component>
+		                </s:columnSeparator>
+		                <s:rowSeparator>
+		                    <fx:Component>
+		                        <s:Line>
+		                            <s:stroke>
+		                                <s:SolidColorStroke color="0xE6E6E6" weight="1"/>
+		                            </s:stroke>
+		                        </s:Line>
+		                    </fx:Component>
+		                </s:rowSeparator>
+		                
+		                <s:hoverIndicator>
+		                    <fx:Component>
+		                        <s:Rect>
+		                            <s:fill>
+		                                <s:SolidColor color="0x0000ff"/>
+		                            </s:fill>
+		                        </s:Rect>
+		                    </fx:Component>            
+		                </s:hoverIndicator>
+		            </s:Grid>                  
+                </s:Scroller>
+            </s:VGroup>
+            
+        </s:Group>
+        
+    </s:VGroup>
+    
+    <!-- border -->
+    <!--- @private -->
+    <s:Rect left="0" right="0" top="0" bottom="0" id="border">
+        <s:stroke>
+            <!--- @private -->
+            <s:SolidColorStroke id="borderStroke" weight="1"/>
+        </s:stroke>
+    </s:Rect>    
+
+</s:SparkSkin>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/spark/controls/DataGridCustomRendererExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/controls/DataGridCustomRendererExample.mxml b/TourDeFlex/TourDeFlex3/src/spark/controls/DataGridCustomRendererExample.mxml
new file mode 100644
index 0000000..89bd8b5
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/spark/controls/DataGridCustomRendererExample.mxml
@@ -0,0 +1,62 @@
+<?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.
+
+-->
+<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
+			   xmlns:s="library://ns.adobe.com/flex/spark" 
+			   xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600">
+
+	<fx:Script>
+		import mx.collections.ArrayList;
+	</fx:Script>
+	
+	<fx:Declarations>
+		<s:RemoteObject id="ro" endpoint="http://www.jamesward.com/census2-tests/messagebroker/amf" destination="census"/>
+	</fx:Declarations>
+	
+	<s:applicationComplete>
+		ro.getElements(0, 500);
+	</s:applicationComplete>
+	
+	<s:DataGrid width="100%" height="100%" dataProvider="{new ArrayList(ro.getElements.lastResult)}">
+		<s:columns>
+			<s:ArrayList>
+				<s:GridColumn dataField="id"/>
+				<s:GridColumn dataField="age">
+					<s:itemRenderer>
+						<fx:Component>
+							<s:GridItemRenderer>
+								<s:Rect percentWidth="{data.age}" top="3" bottom="3">
+									<s:fill>
+										<s:SolidColor color="#0000ff"/>
+									</s:fill>
+								</s:Rect>
+							</s:GridItemRenderer>
+						</fx:Component>
+					</s:itemRenderer>
+				</s:GridColumn>
+				<s:GridColumn dataField="classOfWorker"/>
+				<s:GridColumn dataField="education"/>
+				<s:GridColumn dataField="maritalStatus"/>
+				<s:GridColumn dataField="race"/>
+				<s:GridColumn dataField="sex"/>
+			</s:ArrayList>
+		</s:columns>
+	</s:DataGrid>
+	
+</s:Application>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/spark/controls/DataGridCustomRendererPrepareExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/controls/DataGridCustomRendererPrepareExample.mxml b/TourDeFlex/TourDeFlex3/src/spark/controls/DataGridCustomRendererPrepareExample.mxml
new file mode 100644
index 0000000..81134cb
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/spark/controls/DataGridCustomRendererPrepareExample.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.
+
+-->
+<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
+			   xmlns:s="library://ns.adobe.com/flex/spark" 
+			   xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600">
+
+	<fx:Script>
+		import mx.collections.ArrayList;
+	</fx:Script>
+	
+	<fx:Declarations>
+		<s:RemoteObject id="ro" endpoint="http://www.jamesward.com/census2-tests/messagebroker/amf" destination="census"/>
+	</fx:Declarations>
+	
+	<s:applicationComplete>
+		ro.getElements(0, 500);
+	</s:applicationComplete>
+	
+	<s:DataGrid width="100%" height="100%" dataProvider="{new ArrayList(ro.getElements.lastResult)}">
+		<s:columns>
+			<s:ArrayList>
+				<s:GridColumn dataField="id"/>
+				<s:GridColumn dataField="age">
+					<s:itemRenderer>
+						<fx:Component>
+							<s:GridItemRenderer>
+								<fx:Script>
+									override public function prepare(hasBeenRecycled:Boolean):void
+									{
+										r.percentWidth = data.age;
+									}
+								</fx:Script>
+								<s:Rect id="r" top="3" bottom="3">
+									<s:fill>
+										<s:SolidColor color="#0000ff"/>
+									</s:fill>
+								</s:Rect>
+							</s:GridItemRenderer>
+						</fx:Component>
+					</s:itemRenderer>
+				</s:GridColumn>
+				<s:GridColumn dataField="classOfWorker"/>
+				<s:GridColumn dataField="education"/>
+				<s:GridColumn dataField="maritalStatus"/>
+				<s:GridColumn dataField="race"/>
+				<s:GridColumn dataField="sex"/>
+			</s:ArrayList>
+		</s:columns>
+	</s:DataGrid>
+	
+</s:Application>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/spark/controls/DataGridCustomSkinExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/controls/DataGridCustomSkinExample.mxml b/TourDeFlex/TourDeFlex3/src/spark/controls/DataGridCustomSkinExample.mxml
new file mode 100644
index 0000000..3bf97ff
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/spark/controls/DataGridCustomSkinExample.mxml
@@ -0,0 +1,39 @@
+<?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.
+
+-->
+<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
+			   xmlns:s="library://ns.adobe.com/flex/spark">
+	
+	<fx:Script>
+		import mx.collections.ArrayList;
+	</fx:Script>
+	
+	<fx:Declarations>
+		<s:RemoteObject id="ro" endpoint="http://www.jamesward.com/census2-tests/messagebroker/amf" destination="census"/>
+	</fx:Declarations>
+	
+	<s:applicationComplete>
+		ro.getElements(0, 500);
+	</s:applicationComplete>
+	
+	<s:DataGrid width="100%" height="100%"
+				dataProvider="{new ArrayList(ro.getElements.lastResult)}"
+				skinClass="CustomDataGridSkin"/>
+	
+</s:Application>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/spark/controls/DataGridExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/controls/DataGridExample.mxml b/TourDeFlex/TourDeFlex3/src/spark/controls/DataGridExample.mxml
new file mode 100644
index 0000000..b85c824
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/spark/controls/DataGridExample.mxml
@@ -0,0 +1,95 @@
+<?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.
+
+-->
+<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"  
+			   xmlns:s="library://ns.adobe.com/flex/spark" 
+			   xmlns:mx="library://ns.adobe.com/flex/mx" 
+			   skinClass="TDFGradientBackgroundSkin">
+	
+	<fx:Declarations>
+		<fx:XMLList id="employees">
+			<employee>
+				<name>Christina Coenraets</name>
+				<phone>555-219-2270</phone>
+				<email>ccoenraets@fictitious.com</email>
+				<active>true</active>
+				<image>images/arrow_icon_sm.png</image>
+			</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>
+	
+	<s:layout>
+		<s:HorizontalLayout horizontalAlign="center" />
+	</s:layout>
+	
+	<s:Panel title="DataGrid Control" 
+			 color="0x000000" 
+			 borderAlpha="0.15" 
+			 width="600">
+		
+		<s:layout>
+			<s:VerticalLayout paddingLeft="10" paddingRight="10" paddingTop="10" paddingBottom="10"/>
+		</s:layout>
+		
+		<s:Label width="100%" color="0x323232"
+				 text="Select a row in the DataGrid control."/>
+		
+		<mx:DataGrid id="dg" color="0x323232" width="100%" rowCount="3" 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 color="0x323232" width="100%" height="100%" paddingTop="0" paddingBottom="0"  >
+			
+			<mx:FormItem label="Name" paddingTop="0" paddingBottom="0">
+				<s:Label text="{dg.selectedItem.name}"/>
+			</mx:FormItem>
+			<mx:FormItem label="Email" paddingTop="0" paddingBottom="0">
+				<s:Label text="{dg.selectedItem.email}"/>
+			</mx:FormItem>
+			<mx:FormItem label="Phone" paddingTop="0" paddingBottom="0">
+				<s:Label text="{dg.selectedItem.phone}"/>
+			</mx:FormItem>
+			
+		</mx:Form>
+		
+	</s:Panel>
+	
+</s:Application>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/spark/controls/DataGridExample2.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/controls/DataGridExample2.mxml b/TourDeFlex/TourDeFlex3/src/spark/controls/DataGridExample2.mxml
new file mode 100644
index 0000000..d596f9b
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/spark/controls/DataGridExample2.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.
+
+-->
+<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
+			   xmlns:s="library://ns.adobe.com/flex/spark"
+			   applicationComplete="application1_applicationCompleteHandler(event)">
+	
+	<fx:Script>
+		<![CDATA[
+			import mx.collections.ArrayList;
+			import mx.events.FlexEvent;	
+
+			protected function application1_applicationCompleteHandler(event:FlexEvent):void
+			{
+				ro.getElements(0, 500);
+			}
+		]]>
+	</fx:Script>
+	<s:applicationComplete>
+		Security.loadPolicyFile("http://www.jamesward.com/census2-tests/crossdomain.xml");
+		ro.getElements(0, 500);
+	</s:applicationComplete>
+
+	
+	<fx:Declarations>
+		<s:RemoteObject id="ro" endpoint="http://www.jamesward.com/census2-tests/messagebroker/amf" destination="census"/>
+	</fx:Declarations>
+	
+	<s:DataGrid width="100%" height="100%" dataProvider="{new ArrayList(ro.getElements.lastResult)}"/>
+	
+</s:Application>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/spark/controls/DataGridSimpleColumnsExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/controls/DataGridSimpleColumnsExample.mxml b/TourDeFlex/TourDeFlex3/src/spark/controls/DataGridSimpleColumnsExample.mxml
new file mode 100644
index 0000000..d97b5d6
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/spark/controls/DataGridSimpleColumnsExample.mxml
@@ -0,0 +1,49 @@
+<?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.
+
+-->
+<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
+			   xmlns:s="library://ns.adobe.com/flex/spark">
+	
+	<fx:Script>
+		import mx.collections.ArrayList;
+	</fx:Script>
+	
+	<fx:Declarations>
+		<s:RemoteObject id="ro" endpoint="http://www.jamesward.com/census2-tests/messagebroker/amf" destination="census"/>
+	</fx:Declarations>
+	
+	<s:applicationComplete>
+		ro.getElements(0, 500);
+	</s:applicationComplete>
+	
+	<s:DataGrid width="100%" height="100%" dataProvider="{new ArrayList(ro.getElements.lastResult)}">
+		<s:columns>
+			<s:ArrayList id="columns">
+				<s:GridColumn dataField="id"/>
+				<s:GridColumn dataField="age" minWidth="45"/>
+				<s:GridColumn dataField="classOfWorker" minWidth="100"/>
+				<s:GridColumn dataField="education" minWidth="100"/>
+				<s:GridColumn dataField="maritalStatus" minWidth="100"/>
+				<s:GridColumn dataField="race" minWidth="100"/>
+				<s:GridColumn dataField="sex" minWidth="60"/>
+			</s:ArrayList>
+		</s:columns>
+	</s:DataGrid>
+	
+</s:Application>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/spark/controls/DataGridSimpleNoWrapExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/controls/DataGridSimpleNoWrapExample.mxml b/TourDeFlex/TourDeFlex3/src/spark/controls/DataGridSimpleNoWrapExample.mxml
new file mode 100644
index 0000000..02b5f9e
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/spark/controls/DataGridSimpleNoWrapExample.mxml
@@ -0,0 +1,37 @@
+<?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.
+
+-->
+<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
+			   xmlns:s="library://ns.adobe.com/flex/spark">
+	
+	<fx:Script>
+		import mx.collections.ArrayList;
+	</fx:Script>
+	
+	<fx:Declarations>
+		<s:RemoteObject id="ro" endpoint="http://www.jamesward.com/census2-tests/messagebroker/amf" destination="census" />
+	</fx:Declarations>
+	
+	<s:applicationComplete>
+		ro.getElements(0, 500);
+	</s:applicationComplete>
+	
+	<s:DataGrid width="100%" height="100%" dataProvider="{new ArrayList(ro.getElements.lastResult)}" />
+	
+</s:Application>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/spark/controls/DataGridSizingExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/controls/DataGridSizingExample.mxml b/TourDeFlex/TourDeFlex3/src/spark/controls/DataGridSizingExample.mxml
new file mode 100644
index 0000000..f919ef3
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/spark/controls/DataGridSizingExample.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.
+
+-->
+<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
+			   xmlns:s="library://ns.adobe.com/flex/spark"
+			   xmlns="*">
+
+	<fx:Declarations>
+		<s:RemoteObject id="ro" endpoint="http://www.jamesward.com/census2-tests/messagebroker/amf" destination="census"/>
+		<s:ArrayList id="columns">
+			<s:GridColumn dataField="id" minWidth="30"/>
+			<s:GridColumn dataField="age" minWidth="45"/>
+			<s:GridColumn dataField="classOfWorker" minWidth="100"/>
+			<s:GridColumn dataField="education" minWidth="100"/>
+			<s:GridColumn dataField="maritalStatus" minWidth="100"/>
+			<s:GridColumn dataField="race" minWidth="100"/>
+			<s:GridColumn dataField="sex" minWidth="60"/>
+		</s:ArrayList>
+	</fx:Declarations>
+	
+	<s:applicationComplete>
+		ro.getElements(0, 500);
+	</s:applicationComplete>
+	
+	<s:HGroup width="100%">
+		<s:DataGrid requestedRowCount="5" width="100%" dataProvider="{new ArrayList(ro.getElements.lastResult)}" columns="{columns}" />
+		<s:DataGrid requestedRowCount="7" width="100%" dataProvider="{new ArrayList(ro.getElements.lastResult)}" columns="{columns}" />
+		<s:DataGrid requestedRowCount="9" width="100%" dataProvider="{new ArrayList(ro.getElements.lastResult)}" columns="{columns}" />
+	</s:HGroup>
+	
+</s:Application>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/spark/controls/DataGroupExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/controls/DataGroupExample.mxml b/TourDeFlex/TourDeFlex3/src/spark/controls/DataGroupExample.mxml
new file mode 100644
index 0000000..28c1e46
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/spark/controls/DataGroupExample.mxml
@@ -0,0 +1,134 @@
+<?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 a DataGroup with a virtualized layout. 
+     Written by Flex 4 Team
+-->
+<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
+			   xmlns:mx="library://ns.adobe.com/flex/mx"
+			   xmlns:s="library://ns.adobe.com/flex/spark">
+	
+	<fx:Script>
+		<![CDATA[
+			import mx.collections.ArrayCollection;
+			
+			import skins.TDFPanelSkin;
+			
+			public function generateDataProvider(nItems:int = 10000):ArrayCollection {
+				var ac:ArrayCollection = new ArrayCollection();
+				
+				var sources:Array = ['San Francisco', 'New York', 'Vancouver', 'Denver', 'Hong Kong'];
+				var destinations:Array = ['London', 'Houston', 'Orlando', 'Los Angeles', 'Seattle'];
+				var airlines:Array = ['Green Jet', 'Orange Jet', 'Yellow Jet', 'Blue Jet', 'Red Jet'];
+				var dates:Array = ['March 23-29', 'April 23-29', 'May 1-3', 'May 10-13', 'June 6'];
+				
+				// create a collection of random flights
+				for (var i:int = 0; i < nItems; i++){
+					var temp:Object = new Object();
+					var random:int = Math.random() * 5;
+					
+					temp.start = sources[random];
+					temp.end = destinations[random];
+					temp.details = dates[random] + ', ' + airlines[random] + " (Flight " + i + ")";
+					ac.addItem(temp);
+				}
+				
+				return ac;
+				
+			}
+		]]>
+	</fx:Script>
+	
+	<s:Panel title="DataGroup with Virtual Layout" 
+			 width="100%" height="100%"
+			 skinClass="skins.TDFPanelSkin">
+		
+		<s:Scroller horizontalCenter="0" top="10">
+			<s:DataGroup width="600" height="123" clipAndEnableScrolling="true" dataProvider="{generateDataProvider(9000)}">
+				<s:layout>
+					<s:VerticalLayout gap="1" useVirtualLayout="true" />
+				</s:layout>
+				<s:itemRenderer>
+					<fx:Component>
+						<s:ItemRenderer width="600" height="20">
+							<s:states>
+								<s:State name="normal" />
+								<s:State name="hovered" />
+								<s:State name="selected" />
+							</s:states>
+							
+							<fx:Script>
+								<![CDATA[
+									override public function set data(value:Object):void {
+										super.data = value;
+										
+										if (data == null) // a renderer's data is set to null when it goes out of view
+											return;
+										
+										txtStart.text = data.start;
+										txtEnd.text = data.end;
+										txtDetails.text = data.details;
+									}
+								]]>
+							</fx:Script>
+							
+							<s:transitions>
+								<mx:Transition fromState="normal" toState="hovered">
+									<s:Animate target="{flightPlan}" duration="200">
+										<s:SimpleMotionPath property="width" />
+									</s:Animate>
+								</mx:Transition>
+								<mx:Transition fromState="hovered" toState="normal">
+									<s:Animate target="{flightPlan}" duration="200" >
+										<s:SimpleMotionPath property="width" />
+									</s:Animate>
+								</mx:Transition>
+							</s:transitions>
+							
+							<s:Rect left="0" right="0" top="0" bottom="0" radiusX="5" radiusY="5">
+								<s:fill>
+									<s:SolidColor color="#E1ECF4" />
+								</s:fill>
+							</s:Rect>
+							
+							<s:HGroup verticalAlign="middle">
+								<s:Group id="flightPlan" height="20" width="300" width.hovered="330">
+									<s:Rect left="0" right="0" top="0" bottom="0" radiusX="5" radiusY="5">
+										<s:fill>
+											<s:SolidColor color="#65A3CE" color.hovered="#65A3FF" />
+										</s:fill>
+									</s:Rect>
+									<s:Label id="txtStart" color="#FFFFFF" fontWeight="bold" left="20" verticalCenter="2" />
+									<s:Label id="txtEnd" color="#FFFFFF" fontWeight="bold" right="20" verticalCenter="2" textAlign="right" />
+								</s:Group>
+								<s:Label id="txtDetails" color="#32353f" fontSize="11" />
+							</s:HGroup>
+						</s:ItemRenderer>
+					</fx:Component>
+				</s:itemRenderer>
+			</s:DataGroup>
+		</s:Scroller>	
+		<s:Label width="90%" horizontalCenter="0" color="#323232" bottom="40"
+				 text="Apache Flex DataGroups support virtualization. Virtualization is an optimization for layout and rendering 
+that reduces the footprint and startup time for containers with large numbers of items. This sample shows how
+virtualization can be achieved by only creating enough objects for the items currently being displayed. The 
+useVirtualLayout property should be set on the layout object to achieve virtualization."/>
+	</s:Panel>
+	
+</s:Application>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/spark/controls/DateChooserExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/controls/DateChooserExample.mxml b/TourDeFlex/TourDeFlex3/src/spark/controls/DateChooserExample.mxml
new file mode 100644
index 0000000..f0017f9
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/spark/controls/DateChooserExample.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 DateChooser control. -->
+<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"  
+			   xmlns:s="library://ns.adobe.com/flex/spark" 
+			   xmlns:mx="library://ns.adobe.com/flex/mx" 
+			   skinClass="TDFGradientBackgroundSkin">
+	
+	<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>
+	
+	<s:layout>
+		<s:HorizontalLayout horizontalAlign="center" />
+	</s:layout>
+	
+	<s:Panel title="DateChooser Control Example" color="0x000000" 
+			 borderAlpha="0.15" 
+			 width="600">
+		
+		<s:layout>
+			<s:HorizontalLayout horizontalAlign="center" 
+								paddingLeft="10" paddingRight="10" 
+								paddingTop="10" paddingBottom="10"/>
+		</s:layout>
+		
+		<s:VGroup>
+			<s:Label width="100%" color="0x000000" text="Simple DateChooser Control"/>
+			<mx:DateChooser id="dateChooser1" yearNavigationEnabled="true"  height="145"   
+							change="displayDate(DateChooser(event.target).selectedDate)" color="0x000000"/>
+			<s:Label id="selection" color="0x323232" text="Date selected:"/>
+		</s:VGroup>
+		
+		<s:VGroup>
+			<s:Label width="100%" color="0x000000" text="Disable dates before Oct 31st, 2008"/>
+			<mx:DateChooser id="dateChooser2" yearNavigationEnabled="true" width="175" height="145"
+							disabledRanges="{[ {rangeEnd: new Date(2008, 9, 31)} ]}" color="0x000000"/>
+			<s:Label color="0x323232" text="Date selected: {df.format(dateChooser2.selectedDate)}"/>
+		</s:VGroup>
+		
+		<s:VGroup width="30%">
+			<mx:Text width="100%" color="0x323232" text="Select a date in the DateChooser control."/>
+			<mx:Text width="100%" color="0x323232" text="Select it again while holding down the Control key to clear it."/>
+		</s:VGroup>
+		
+	</s:Panel>    
+	
+</s:Application>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/spark/controls/DateFieldExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/controls/DateFieldExample.mxml b/TourDeFlex/TourDeFlex3/src/spark/controls/DateFieldExample.mxml
new file mode 100644
index 0000000..1572d85
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/spark/controls/DateFieldExample.mxml
@@ -0,0 +1,94 @@
+<?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. -->
+<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"  
+			   xmlns:s="library://ns.adobe.com/flex/spark" 
+			   xmlns:mx="library://ns.adobe.com/flex/mx" 
+			   skinClass="TDFGradientBackgroundSkin">
+	
+	<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>
+	
+	<s:layout>
+		<s:HorizontalLayout horizontalAlign="center" />
+	</s:layout>
+	
+	<s:Panel title="DateField Control Example" color="0x000000" 
+			 borderAlpha="0.15" 
+			 width="600">
+		
+		<s:layout>
+			<s:HorizontalLayout horizontalAlign="center" 
+								paddingLeft="10" paddingRight="10" 
+								paddingTop="10" paddingBottom="10"/>
+		</s:layout>
+		
+		<s:BorderContainer width="50%" borderColor="0xDCDCDC" height="100%" borderStyle="solid">
+			
+			<s:layout>
+				<s:VerticalLayout paddingBottom="5" paddingLeft="5" paddingRight="5" paddingTop="5"/>
+			</s:layout>
+			
+			<s:Label id="selection" color="0x323232" text="Date selected:" />
+			
+			<mx:DateField id="dateField1" yearNavigationEnabled="true"
+						  change="dateChanged(DateField(event.target).selectedDate)" color="0x000000"/>
+			
+			<s:Label color="0x000000" text="Basic DateField:"/>
+			
+			
+			<s:Label width="100%" color="0x323232"
+					 text="Select a date in the DateField control. Select it again while holding down the Control key to clear it."/>
+			
+		</s:BorderContainer>
+		
+		<s:BorderContainer width="50%" borderColor="0xDCDCDC" height="100%" borderStyle="solid">
+			
+			<s:layout>
+				<s:VerticalLayout paddingBottom="5" paddingLeft="5" paddingRight="5" paddingTop="5"/>
+			</s:layout>
+			
+			<s:Label color="0x323232" text="Date selected: {df.format(dateField2.selectedDate)}"/>
+			
+			<mx:DateField id="dateField2" yearNavigationEnabled="true" 
+						  disabledRanges="{[ {rangeEnd: new Date(2008, 9, 31)} ]}" color="0x000000"/>
+			
+			<s:Label color="0x000000" text="Disable dates on or before Oct 31, 2008."/>
+			
+		</s:BorderContainer>
+		
+	</s:Panel>
+	
+</s:Application>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/spark/controls/DropdownExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/controls/DropdownExample.mxml b/TourDeFlex/TourDeFlex3/src/spark/controls/DropdownExample.mxml
new file mode 100644
index 0000000..abe34ae
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/spark/controls/DropdownExample.mxml
@@ -0,0 +1,90 @@
+<?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.
+
+-->
+<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
+			   xmlns:s="library://ns.adobe.com/flex/spark" 
+			   xmlns:mx="library://ns.adobe.com/flex/mx"
+			   viewSourceURL="srcview/index.html">
+	
+	<fx:Script>
+		<![CDATA[
+			import spark.events.IndexChangeEvent;
+			import mx.collections.ArrayCollection;
+			
+			[Bindable]
+			public var depts:ArrayCollection = new ArrayCollection([
+				{label:"Electronics", data:1}, 
+				{label:"Home Goods", data:2}, 
+				{label:"Toys", data:3} ]);
+			
+			[Bindable]
+			public var elecItems:ArrayCollection = new ArrayCollection([
+				{label:"Samsung 25in TV", data:299}, 
+				{label:"Panasonic Plasma", data:999}, 
+				{label:"Sony LCD", data:899} ]);
+			
+			[Bindable]
+			public var homeItems:ArrayCollection = new ArrayCollection([
+				{label:"Blendtec Blender", data:399}, 
+				{label:"Hoover Vaccuum", data:599}, 
+				{label:"Black & Decker Toaster", data:99} ]);
+			
+			[Bindable]
+			public var toyItems:ArrayCollection = new ArrayCollection([
+				{label:"Nintendo DS", data:120}, 
+				{label:"Lego's Star Wars Set", data:50}, 
+				{label:"Leapfrog Leapster", data:30} ]);
+			
+			private function handleDepartmentSelected(event:IndexChangeEvent):void
+			{
+				list2.prompt="Select Item";
+				list2.selectedIndex=-1; // reset so prompt shows
+				if (list1.selectedIndex==0)
+					list2.dataProvider=elecItems;
+				else if (list1.selectedIndex==1)
+					list2.dataProvider=homeItems;
+				else if (list1.selectedIndex==2)
+					list2.dataProvider=toyItems;
+				
+			}
+			
+		]]>
+	</fx:Script>
+	
+	<!-- Note: A custom panel skin is used for the Tour de Flex samples and is included in the
+	source tabs for each sample.	-->
+	<s:Panel title="DropDownList Sample" 
+			 width="100%" height="100%" 
+			 skinClass="skins.TDFPanelSkin">
+		<s:VGroup width="100%" height="100%" left="120" top="5">
+			<s:Label text="RJ's Warehouse Price Checker" fontSize="18" color="0x014f9f"/>
+			<s:DropDownList id="list1" width="50%" dataProvider="{depts}" labelField="label" 
+							prompt="Select Category"
+							change="handleDepartmentSelected(event)"/>
+			<s:Label id="text2"/>
+			<s:DropDownList id="list2" width="50%" labelField="label" prompt="None"/>
+			<mx:Spacer height="10"/>
+			<s:Label fontSize="14" color="0x336699" text="The price of item: {list2.selectedItem.label} is: ${list1.selectedItem.data}" verticalAlign="bottom"/>
+		</s:VGroup>
+		<s:Label top="10" right="10" width="250" verticalAlign="justify" color="#323232" 
+					  text="The DropDownList control contains a drop-down list from which the user can select a single value. Its functionality is very similar to that of the SELECT form element in HTML.
+The DropDownList control consists of the anchor button, prompt area, and drop-down-list, Use the anchor button to open and close the drop-down-list. The prompt area displays a prompt String, or the selected item in the drop-down-list."/>
+	</s:Panel>
+	
+</s:Application>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/spark/controls/FormExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/controls/FormExample.mxml b/TourDeFlex/TourDeFlex3/src/spark/controls/FormExample.mxml
new file mode 100644
index 0000000..79af492
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/spark/controls/FormExample.mxml
@@ -0,0 +1,92 @@
+<?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.
+
+-->
+<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"  
+			   xmlns:s="library://ns.adobe.com/flex/spark" 
+			   xmlns:mx="library://ns.adobe.com/flex/mx" 
+			   skinClass="TDFGradientBackgroundSkin">
+	
+	<fx:Declarations>
+		<fx:Model id="checkModel">
+			<User>
+				<FirstName>{fname.text}</FirstName>
+				<DOB>{dob.text}</DOB>
+				<Email>{email.text}</Email>
+				<Age>{age.text}</Age>
+				<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:ZipCodeValidator source="{zip}" property="text"/>
+		
+	</fx:Declarations>
+    
+    
+	<s:layout>
+		<s:HorizontalLayout horizontalAlign="center" />
+	</s:layout>
+	
+	<s:Panel title="Form Container: Moving from one form field to another triggers the validator" color="0x000000" 
+			 borderAlpha="0.15" 
+			 width="600">
+		
+		<s:layout>
+			<s:VerticalLayout horizontalAlign="center" 
+							  paddingLeft="10" paddingRight="10" 
+							  paddingTop="10" paddingBottom="10"/>
+		</s:layout>
+
+        <mx:Form width="100%" color="0x323232" paddingTop="0">
+            <mx:FormHeading fontSize="10"  label="Enter values into the form." paddingTop="0" />
+
+            <mx:FormItem label="First name">
+                <s:TextInput id="fname" width="200"/>
+            </mx:FormItem>
+
+            <mx:FormItem label="Date of birth (mm/dd/yyyy)">
+                <s:TextInput id="dob" width="200"/>
+            </mx:FormItem>
+
+            <mx:FormItem label="E-mail address">
+                <s:TextInput id="email" width="200"/>
+            </mx:FormItem>
+
+            <mx:FormItem label="Age">
+                <s:TextInput id="age" width="200"/>
+            </mx:FormItem>
+
+            <mx:FormItem label="Zip">
+                <s:TextInput id="zip" width="200"/>
+            </mx:FormItem>
+
+            <mx:FormItem label="Phone">
+                <s:TextInput id="phone" width="200"/>
+            </mx:FormItem>
+        </mx:Form>
+        
+	</s:Panel>
+	
+</s:Application>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/spark/controls/ImageExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/controls/ImageExample.mxml b/TourDeFlex/TourDeFlex3/src/spark/controls/ImageExample.mxml
new file mode 100644
index 0000000..f3473b7
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/spark/controls/ImageExample.mxml
@@ -0,0 +1,70 @@
+<?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.
+
+-->
+<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"  
+			   xmlns:s="library://ns.adobe.com/flex/spark" 
+			   xmlns:mx="library://ns.adobe.com/flex/mx" 
+			   skinClass="TDFGradientBackgroundSkin">
+	
+	<fx:Script>
+		<![CDATA[
+			private function smoothImage(ev:Event):void{
+            	//set image smoothing so image looks better when transformed.
+				var bmp:Bitmap = ev.target.content as Bitmap;
+				bmp.smoothing = true;
+			}
+		]]>
+	</fx:Script>
+	
+	<s:layout>
+		<s:HorizontalLayout horizontalAlign="center" />
+	</s:layout>
+	
+	<s:Panel title="Image Samples" color="0x000000" 
+			  borderAlpha="0.15" 
+			  width="600">
+		
+		<s:layout>
+			<s:HorizontalLayout horizontalAlign="center" 
+								paddingLeft="10" paddingRight="10" 
+								paddingTop="10" paddingBottom="10"/>
+		</s:layout>
+		
+		<!--<mx:VBox width="100%" borderColor="0xACACAC" borderThickness="1" borderStyle="solid" horizontalAlign="center"
+		 	paddingTop="5" paddingRight="5" paddingBottom="5" paddingLeft="5" >-->
+		<s:BorderContainer width="50%" borderColor="0xACACAC" height="100%" borderStyle="solid">
+			
+			<s:layout>
+				<s:VerticalLayout paddingBottom="5" paddingLeft="5" paddingRight="5" paddingTop="5"/>
+			</s:layout>
+			<s:Label color="0x323232" text="Sample of image embeded at compile time." />
+			<mx:Image id="embededImage" width="50%" height="50%" source="@Embed('assets/ApacheFlexLogo.png')" creationComplete="smoothImage(event);"/>
+		</s:BorderContainer>
+		
+		<s:BorderContainer width="50%" borderColor="0xACACAC" height="100%" borderStyle="solid">
+			
+			<s:layout>
+				<s:VerticalLayout paddingBottom="5" paddingLeft="5" paddingRight="5" paddingTop="5"/>
+			</s:layout>
+			<s:Label color="0x323232" text="Sample of image loaded at run-time." />
+			<mx:Image id="loadedImage" width="50%" height="50%" source="assets/ApacheFlexLogo.png" creationComplete="smoothImage(event);"/>
+		</s:BorderContainer>
+	</s:Panel>
+	
+</s:Application>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/spark/controls/Item.as
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/controls/Item.as b/TourDeFlex/TourDeFlex3/src/spark/controls/Item.as
new file mode 100644
index 0000000..f5f0a30
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/spark/controls/Item.as
@@ -0,0 +1,62 @@
+////////////////////////////////////////////////////////////////////////////////
+//
+//  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.
+//
+////////////////////////////////////////////////////////////////////////////////
+package
+{
+    [Bindable]
+    public class Item
+    {
+        private var _name:String;
+        private var _photo:String;
+		private var _price:String;
+        
+        public function Item()
+        {
+        }
+        
+        public function get name():String
+        {
+            return _name;
+        }
+		
+		public function set name(name:String):void
+		{
+			_name = name;
+		}
+
+		public function get photo():String
+        {
+            return _photo;
+        }
+		
+		public function set photo(photo:String):void
+		{
+			_photo = photo;
+		}
+        
+		public function get price():String
+		{
+			return _price;
+		}
+		public function set price(price:String):void
+		{
+			_price = price;
+		}
+
+    }
+}
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/spark/controls/LinkBarExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/controls/LinkBarExample.mxml b/TourDeFlex/TourDeFlex3/src/spark/controls/LinkBarExample.mxml
new file mode 100644
index 0000000..eff7901
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/spark/controls/LinkBarExample.mxml
@@ -0,0 +1,89 @@
+<?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.
+
+-->
+<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"  
+			   xmlns:s="library://ns.adobe.com/flex/spark" 
+			   xmlns:mx="library://ns.adobe.com/flex/mx" 
+			   skinClass="TDFGradientBackgroundSkin">
+	
+	<s:layout>
+		<s:HorizontalLayout verticalAlign="middle" horizontalAlign="center" />
+	</s:layout>
+	
+	<s:Panel title="LinkBar Control" width="600" height="100%"
+			 color="0x000000" 
+			 borderAlpha="0.15">
+		
+		<s:layout>
+			<s:VerticalLayout paddingLeft="10" paddingRight="10" paddingTop="10" paddingBottom="10"/>
+		</s:layout>
+		
+		<s:Label width="100%" color="0x323232" textAlign="center"
+				 text="Select a link in the LinkBar control to set the active child of the ViewStack container."/>
+		
+		<mx:LinkBar color="0x0050AA" horizontalAlign="center" width="100%" fontWeight="bold" dataProvider="{myViewStack}" borderColor="0xACACAC" borderStyle="solid"/>
+		
+		<!-- Define the ViewStack and the three child containers -->
+		<mx:ViewStack id="myViewStack" borderStyle="solid" width="100%" height="80%" color="0x323232">
+			
+			<s:NavigatorContent id="search" label="Customer Info" backgroundColor="0xDCDCDC" fontWeight="bold">
+				<s:layout>
+					<s:VerticalLayout horizontalAlign="center" />
+				</s:layout>
+				
+				<s:Label text="Search Panel" width="100%" textAlign="center" paddingTop="10" />
+				<s:HGroup>
+					<s:TextInput id="Searchtxt" width="200" />
+					<s:Button label="search" click="Searchtxt.text=''" />
+				</s:HGroup>
+			</s:NavigatorContent>
+			
+			<s:NavigatorContent id="custInfo" label="Customer Info" backgroundColor="0xDCDCDC" width="100%" height="100%">
+				
+				<s:layout>
+					<s:VerticalLayout horizontalAlign="center" />
+				</s:layout>
+				
+				<s:Label text="Customer Info" width="100%" textAlign="center" paddingTop="10" />
+				<s:HGroup>
+					<s:Label text="Email Address"/>
+					<s:TextInput id="email" width="200"/>
+					<s:Button label="Submit" click="email.text='';" />
+				</s:HGroup>
+				
+			</s:NavigatorContent>
+			
+			<s:NavigatorContent id="accountInfo" label="Account Info" backgroundColor="0xDCDCDC" width="100%" height="100%" fontWeight="bold" >
+				
+				<s:layout>
+					<s:VerticalLayout horizontalAlign="center" />
+				</s:layout>
+				
+				<s:Label text="Account Info" width="100%" textAlign="center" paddingTop="10" />
+				<s:HGroup>
+					<mx:Button label="Purchases" />
+					<mx:Button label="Sales" />
+					<mx:Button label="Reports" />
+				</s:HGroup>
+			</s:NavigatorContent>
+			
+		</mx:ViewStack>
+		
+	</s:Panel>
+</s:Application>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/spark/controls/LinkButtonExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/controls/LinkButtonExample.mxml b/TourDeFlex/TourDeFlex3/src/spark/controls/LinkButtonExample.mxml
new file mode 100644
index 0000000..02aaaf8
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/spark/controls/LinkButtonExample.mxml
@@ -0,0 +1,50 @@
+<?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.
+
+-->
+<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"  
+			   xmlns:s="library://ns.adobe.com/flex/spark" 
+			   xmlns:mx="library://ns.adobe.com/flex/mx" 
+			   skinClass="TDFGradientBackgroundSkin">
+	
+	<fx:Script>
+		<![CDATA[
+			import mx.controls.Alert;
+		]]>
+	</fx:Script>
+	
+	<s:layout>
+		<s:HorizontalLayout horizontalAlign="center" />
+	</s:layout>
+	
+	<s:Panel title="LinkButton Sample" color="0x000000" 
+			 borderAlpha="0.15" 
+			 width="600">
+		
+		<s:layout>
+			<s:VerticalLayout horizontalAlign="center" 
+								paddingLeft="10" paddingRight="10" 
+								paddingTop="10" paddingBottom="10"/>
+		</s:layout>
+		
+		<s:Label color="0x323232" text="Sample of image embeded at compile time." />
+		<mx:LinkButton label="LinkButton Control" color="0x3380DD" click="{Alert.show('LinkButton Pressed');}"
+			 textDecoration="underline" fontWeight="normal" icon="@Embed('assets/arrow_icon.png')" />
+	</s:Panel>
+	
+</s:Application>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/spark/controls/ListDataPagingExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/controls/ListDataPagingExample.mxml b/TourDeFlex/TourDeFlex3/src/spark/controls/ListDataPagingExample.mxml
new file mode 100644
index 0000000..75aeb35
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/spark/controls/ListDataPagingExample.mxml
@@ -0,0 +1,80 @@
+<?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.
+
+-->
+<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
+			   xmlns:s="library://ns.adobe.com/flex/spark"
+			   xmlns:local="*"
+			   initialize="loadSecurity();">
+	
+	<fx:Script>
+		<![CDATA[
+			import mx.collections.IList;
+			import mx.collections.errors.ItemPendingError;
+			import mx.rpc.AsyncResponder;
+			import mx.rpc.AsyncToken;
+			import mx.rpc.events.FaultEvent;
+			import mx.rpc.events.ResultEvent;
+			
+			private function loadSecurity():void 
+			{
+				Security.loadPolicyFile("http://www.jamesward.com/census2-tests/crossdomain.xml");
+			}
+			
+			private function handleCreatePendingItemFunction(index:int, ipe:ItemPendingError):Object {
+				return {};
+			}
+			
+			private function loadItems(list:IList, start:uint, count:uint):void
+			{
+				var asyncToken:AsyncToken = ro.getElements(start, count);
+				asyncToken.addResponder(new AsyncResponder(function result(event:ResultEvent, token:Object = null):void {
+					var v:Vector.<Object> = new Vector.<Object>();
+					for each (var i:Object in event.result)
+					{
+						v.push(i);
+					}
+					pagedList.storeItemsAt(v, token as int);
+				}, function fault(event:FaultEvent, token:Object = null):void {
+					trace(event.fault.faultString);
+				}, start));
+			}
+		]]>
+	</fx:Script>
+	
+	<fx:Declarations>
+		<local:PagedList id="pagedList" pageSize="100" length="100000" loadItemsFunction="loadItems"/>
+		<s:AsyncListView id="asyncListView" list="{pagedList}" createPendingItemFunction="handleCreatePendingItemFunction"/>
+		<s:RemoteObject id="ro" destination="census" endpoint="http://www.jamesward.com/census2-tests/messagebroker/amf"/>
+	</fx:Declarations>
+	
+	<s:DataGrid dataProvider="{asyncListView}" width="100%" height="100%">
+		<s:columns>
+			<s:ArrayList>
+				<s:GridColumn dataField="id"/>
+				<s:GridColumn dataField="age"/>
+				<s:GridColumn dataField="classOfWorker"/>
+				<s:GridColumn dataField="education"/>
+				<s:GridColumn dataField="maritalStatus"/>
+				<s:GridColumn dataField="race"/>
+				<s:GridColumn dataField="sex"/>
+			</s:ArrayList>
+		</s:columns>
+	</s:DataGrid>
+	
+</s:Application>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/spark/controls/ListExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/controls/ListExample.mxml b/TourDeFlex/TourDeFlex3/src/spark/controls/ListExample.mxml
new file mode 100644
index 0000000..805c346
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/spark/controls/ListExample.mxml
@@ -0,0 +1,102 @@
+<?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.
+
+-->
+<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
+			   xmlns:s="library://ns.adobe.com/flex/spark" 
+			   xmlns:mx="library://ns.adobe.com/flex/mx"
+			   xmlns:local="*" viewSourceURL="srcview/index.html">
+	<fx:Script>
+		<![CDATA[
+			import spark.events.IndexChangeEvent;
+			
+			[Bindable]
+			private var totalPrice:Number = 0.00;
+			
+			protected function itemIndexChangeHandler(event:IndexChangeEvent):void
+			{
+				if (ta.text.length!=0) 
+					ta.text=ta.text+"\n"+myList.selectedItem.name + " $"+myList.selectedItem.price;
+				else ta.text=myList.selectedItem.name+ " $"+myList.selectedItem.price;
+				totalPrice += Number(myList.selectedItem.price);
+			}
+			protected function buyBtn_clickHandler(event:MouseEvent):void
+			{
+				txtResponse.text="Thank you for your order totaling: " + usdFormatter.format(totalPrice) + "\nItems will ship in 3 days.";
+			}
+
+		]]>
+	</fx:Script>
+	<fx:Declarations>
+		<mx:CurrencyFormatter id="usdFormatter" precision="2" currencySymbol="$"
+							  decimalSeparatorFrom="." decimalSeparatorTo="." useNegativeSign="true"
+							  useThousandsSeparator="true" alignSymbol="left"/>
+	</fx:Declarations>
+	<fx:Style>
+		@namespace "library://ns.adobe.com/flex/spark";
+		#vGrp { 
+			color: #000000; 
+			fontFamily: "Arial";
+			fontSize: "12";
+		}
+	</fx:Style>
+		
+	<s:Panel title="List Sample" 
+			 width="100%" height="100%"  
+			 skinClass="skins.TDFPanelSkin">
+		<s:VGroup id="vGrp" horizontalCenter="0" top="3" 
+				  width="80%" height="75%">
+			<s:HGroup verticalAlign="middle">
+				<s:Label text="Select items to add, price will be shown when added:" 
+							  verticalAlign="bottom"/>
+			</s:HGroup>
+			<s:HGroup >
+				<s:List id="myList" height="157" width="160" 
+						itemRenderer="MyListItemRenderer" 
+						change="itemIndexChangeHandler(event)">
+					<s:dataProvider>
+						<s:ArrayCollection>
+							<local:Item name="Backpack" photo="assets/ApacheFlexLogo.png" price="29.99"/>
+							<local:Item name="Boots" photo="assets/ApacheFlexLogo.png" price="69.99"/>
+							<local:Item name="Compass" photo="assets/ApacheFlexLogo.png" price="12.99"/>
+							<local:Item name="Goggles" photo="assets/ApacheFlexLogo.png" price="14.99"/>
+							<local:Item name="Helmet" photo="assets/ApacheFlexLogo.png" price="47.99"/>
+						</s:ArrayCollection>
+					</s:dataProvider>
+				</s:List>
+				<s:TextArea id="ta" width="{myList.width}" height="{myList.height}" 
+							color="0xAE0A0A" fontWeight="bold"/>
+				<s:VGroup>
+					<mx:Spacer height="10"/>
+					<s:Label text="Total of Items selected: {usdFormatter.format(this.totalPrice)}"/> 
+					<s:Button id="buyBtn" horizontalCenter="0" bottom="30" label="Buy Now!" 
+							  fontWeight="bold" 
+							  click="buyBtn_clickHandler(event)"/>
+					<s:Label id="txtResponse"/>
+				</s:VGroup>
+			</s:HGroup>
+		</s:VGroup>
+		<s:Label bottom="15" horizontalCenter="0" width="95%" verticalAlign="justify" color="#323232" 
+					  text="The Spark List control displays a list of data items. Its functionality is
+very similar to that of the SELECT form element in HTML. The user can select one or more items from the list. 
+The List control automatically displays horizontal and vertical scroll bar when the list items do not fit 
+the size of the control."/>
+	</s:Panel>
+	
+	
+</s:Application>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/spark/controls/MenuExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/controls/MenuExample.mxml b/TourDeFlex/TourDeFlex3/src/spark/controls/MenuExample.mxml
new file mode 100644
index 0000000..d2e6d08
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/spark/controls/MenuExample.mxml
@@ -0,0 +1,90 @@
+<?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.
+
+-->
+<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
+			   xmlns:s="library://ns.adobe.com/flex/spark" 
+			   xmlns:mx="library://ns.adobe.com/flex/mx">
+	<fx:Script>
+		<![CDATA[
+			import mx.controls.Menu;
+			import mx.events.FlexEvent;
+			import mx.events.MenuEvent;
+			
+			import skins.TDFPanelSkin;
+			
+			protected var myMenu:Menu; 
+			
+			protected function showHandler(event:MouseEvent):void
+			{
+				myMenu = Menu.createMenu(null, myMenuData, false);
+				myMenu.labelField="@label";
+				myMenu.show(90, 35);
+				myMenu.addEventListener(MenuEvent.CHANGE,onMenuChange);
+			}
+
+			protected function hideHandler(event:MouseEvent):void
+			{
+				myMenu.hide();
+			}
+			
+			protected function onMenuChange(event:MenuEvent):void
+			{
+				lblSelected.text =  event.label;
+			}
+
+		]]>
+	</fx:Script>
+	
+
+	<fx:Declarations>
+		<fx:XML format="e4x" id="myMenuData">
+			<root>
+				<menuitem label="MenuItem A" >
+					<menuitem label="SubMenuItem A-1" enabled="false"/>
+					<menuitem label="SubMenuItem A-2"/>
+				</menuitem>
+				<menuitem label="MenuItem B" type="check" toggled="true"/>
+				<menuitem label="MenuItem C" type="check" toggled="false"/>
+				<menuitem type="separator"/>     
+				<menuitem label="MenuItem D" >
+					<menuitem label="SubMenuItem D-1" type="radio" 
+							  groupName="one"/>
+					<menuitem label="SubMenuItem D-2" type="radio" 
+							  groupName="one" toggled="true"/>
+					<menuitem label="SubMenuItem D-3" type="radio" 
+							  groupName="one"/>
+				</menuitem>
+			</root>
+		</fx:XML>
+	</fx:Declarations>
+	
+	<s:Panel title="Menu Sample" width="100%" height="100%" skinClass="skins.TDFPanelSkin">
+		<s:HGroup bottom="15" horizontalCenter="0" verticalAlign="middle">
+			<s:Button label="Show Menu" click="showHandler(event)" />
+			<s:Button label="Hide Menu" click="hideHandler(event)" />
+			<s:Label text="Menu Item Selected:" fontWeight="bold" fontSize="12" color="0x336699"/>
+			<s:Label id="lblSelected" />
+		</s:HGroup>
+		<s:Label width="220" color="#323232" top="15" right="50"
+				 text="The Menu control is a pop-up control that contains a menu of individually selectable choices. You use ActionScript 
+				 to create a Menu control that pops up in response to a user action, typically as part of an event listener."/>	
+
+	</s:Panel>
+	
+</s:Application>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/spark/controls/MyListItemRenderer.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/controls/MyListItemRenderer.mxml b/TourDeFlex/TourDeFlex3/src/spark/controls/MyListItemRenderer.mxml
new file mode 100644
index 0000000..73228d6
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/spark/controls/MyListItemRenderer.mxml
@@ -0,0 +1,39 @@
+<!--
+
+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.
+
+-->
+<s:ItemRenderer
+	xmlns:fx="http://ns.adobe.com/mxml/2009"
+	xmlns:s="library://ns.adobe.com/flex/spark"
+	xmlns:mx="library://ns.adobe.com/flex/mx">
+	
+	<s:states>
+		<s:State name="normal"/>
+		<s:State name="hovered"/>
+		<s:State name="selected" />
+	</s:states>
+	
+	<s:layout>
+		<s:VerticalLayout/>
+	</s:layout>
+	
+	<s:HGroup verticalAlign="middle" paddingTop="0" paddingBottom="0">
+		<mx:Image source="{data.photo}" width="50" height="40" alpha.hovered=".5"/>
+		<s:Label text="{data.name}" color.hovered="0x1313cd" color.selected="0x000000" verticalAlign="bottom"/>
+	</s:HGroup>
+	
+</s:ItemRenderer>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/spark/controls/MyTextFlow.xml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/controls/MyTextFlow.xml b/TourDeFlex/TourDeFlex3/src/spark/controls/MyTextFlow.xml
new file mode 100644
index 0000000..8b787ea
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/spark/controls/MyTextFlow.xml
@@ -0,0 +1,23 @@
+<?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.
+
+-->
+<!-- http://blog.flexexamples.com/2009/08/11/setting-text-in-a-spark-richtext-control-in-flex-4/ -->
+<TextFlow xmlns="http://ns.adobe.com/textLayout/2008" whiteSpaceCollapse="preserve">
+    <p><span>This is an example of external text being included that is using the </span> <span fontWeight="bold">Text Layout Framework </span> <span> markup.</span></p>
+</TextFlow>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/spark/controls/NumericStepperExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/controls/NumericStepperExample.mxml b/TourDeFlex/TourDeFlex3/src/spark/controls/NumericStepperExample.mxml
new file mode 100644
index 0000000..b4d2667
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/spark/controls/NumericStepperExample.mxml
@@ -0,0 +1,92 @@
+<?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.
+
+-->
+<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
+			   xmlns:s="library://ns.adobe.com/flex/spark" 
+			   xmlns:mx="library://ns.adobe.com/flex/mx" 
+			   viewSourceURL="srcview/index.html">
+
+	<fx:Script>
+		<![CDATA[
+			protected function clickHandler(event:MouseEvent):void
+			{
+				responseText.text = "Thank you for your purchase of " +this.numStepper.value + " tickets!";
+			}
+		]]>
+	</fx:Script>
+
+	<fx:Style>
+		@namespace "library://ns.adobe.com/flex/spark";
+		@namespace mx "library://ns.adobe.com/flex/mx";
+		#formHead { 
+			fontSize: 18;
+			fontFamily: Arial;
+			fontWeight: bold;
+		}
+		mx|FormItem { 
+			fontSize: 12;
+			fontFamily: Arial;
+			fontWeight: bold;
+		}	
+			
+	</fx:Style>
+	
+	<!-- Note: A custom panel skin is used for the Tour de Flex samples and is included in the
+	source tabs for each sample.	-->
+	<s:Panel title="NumericStepper Sample" 
+			 width="100%" height="100%" 
+			 skinClass="skins.TDFPanelSkin">
+			
+			<s:HGroup left="15" top="10">
+				<s:Label width="250" verticalAlign="justify" color="#323232" 
+						 text="The NumericStepper control allows you to select a number from an
+ordered set. The NumericStepper control consists of a single-line input text field and a pair of arrow buttons
+for stepping through the valid values. You can use the Up Arrow and Down arrow keys to cycle through the values."/>
+				
+				<mx:Form >
+					<mx:FormHeading id="formHead" label="Welcome to Ticket Grabber!"/>
+					<mx:FormItem label="Name:">
+						<s:TextInput id="nameTxt" widthInChars="20"/>
+					</mx:FormItem>
+					<mx:FormItem label="Address:">
+						<s:TextArea widthInChars="20" heightInLines="2"/>
+					</mx:FormItem>
+					<mx:FormItem label="Phone:">
+						<s:TextInput id="phoneTxt" widthInChars="20"/>	
+					</mx:FormItem>
+					<mx:FormItem label="Select # of tickets:">
+						<s:NumericStepper id="numStepper" width="55" 
+										  value="0" snapInterval="2"/>
+					</mx:FormItem>
+					<mx:FormItem>
+						<s:Button label="Buy Now!" click="clickHandler(event)"/>
+					</mx:FormItem>
+					<mx:FormItem>
+						<s:Group>
+							<s:Label id="responseText"/>	
+						</s:Group>
+					</mx:FormItem>
+				</mx:Form>
+			</s:HGroup>
+		
+		
+		</s:Panel>
+
+	
+</s:Application>


[09/51] [partial] Merged TourDeFlex release from develop

Posted by jm...@apache.org.
http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/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/e1f9d1df/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/e1f9d1df/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/e1f9d1df/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/e1f9d1df/TourDeFlex/TourDeFlex3/src/spark/charts/AreaChartExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/charts/AreaChartExample.mxml b/TourDeFlex/TourDeFlex3/src/spark/charts/AreaChartExample.mxml
new file mode 100644
index 0000000..f504b6c
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/spark/charts/AreaChartExample.mxml
@@ -0,0 +1,70 @@
+<?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.
+
+-->
+<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"  
+			   xmlns:s="library://ns.adobe.com/flex/spark" 
+			   xmlns:mx="library://ns.adobe.com/flex/mx" 
+			   skinClass="TDFGradientBackgroundSkin">
+	
+	<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>
+	
+	<s:layout>
+		<s:HorizontalLayout verticalAlign="middle" horizontalAlign="center" />
+	</s:layout>
+	
+	<s:Panel title="AreaChart Control" width="600" height="100%"
+			 color="0x000000" 
+			 borderAlpha="0.15">
+		
+		<s:layout>
+			<s:HorizontalLayout paddingLeft="10" paddingRight="10" paddingTop="10" paddingBottom="10"/>
+		</s:layout>
+		
+		<mx:AreaChart id="Areachart" color="0x323232" height="100%"
+					  showDataTips="true" dataProvider="{expensesAC}">
+			
+			<mx:horizontalAxis>
+				<mx:CategoryAxis categoryField="Month"/>
+			</mx:horizontalAxis>
+			
+			<mx:series>
+				<mx:AreaSeries yField="Profit" form="curve" displayName="Profit"/>
+				<mx:AreaSeries yField="Expenses" form="curve" displayName="Expenses"/>
+				<mx:AreaSeries yField="Amount" form="curve" displayName="Amount"/>
+			</mx:series>
+		</mx:AreaChart>
+		
+		<mx:Legend dataProvider="{Areachart}" color="0x323232"/>
+		
+	</s:Panel>
+	
+</s:Application>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/spark/charts/BarChartExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/charts/BarChartExample.mxml b/TourDeFlex/TourDeFlex3/src/spark/charts/BarChartExample.mxml
new file mode 100644
index 0000000..554ce88
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/spark/charts/BarChartExample.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.
+
+-->
+<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"  
+			   xmlns:s="library://ns.adobe.com/flex/spark" 
+			   xmlns:mx="library://ns.adobe.com/flex/mx" 
+			   skinClass="TDFGradientBackgroundSkin">
+	
+	<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>
+	
+	<s:layout>
+		<s:HorizontalLayout verticalAlign="middle" horizontalAlign="center" />
+	</s:layout>
+    
+	<s:Panel title="BarChart Control" width="600" height="100%"
+			 color="0x000000" 
+			 borderAlpha="0.15">
+		
+		<s:layout>
+			<s:HorizontalLayout paddingLeft="10" paddingRight="10" paddingTop="10" paddingBottom="10"/>
+		</s:layout>
+         
+         <mx:BarChart id="bar" height="100%" color="0x323232" 
+         	showDataTips="true" dataProvider="{medalsAC}">
+                
+            <mx:verticalAxis>
+                <mx:CategoryAxis categoryField="Country"/>
+            </mx:verticalAxis>
+                
+            <mx:series>
+                <mx:BarSeries yField="Country" xField="Gold" displayName="Gold"/>
+                <mx:BarSeries yField="Country" xField="Silver" displayName="Silver"/>
+                <mx:BarSeries yField="Country" xField="Bronze" displayName="Bronze"/>
+            </mx:series>
+        </mx:BarChart>
+
+        <mx:Legend dataProvider="{bar}" color="0x323232"/>
+        
+	</s:Panel>
+	
+</s:Application>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/spark/charts/BubbleChartExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/charts/BubbleChartExample.mxml b/TourDeFlex/TourDeFlex3/src/spark/charts/BubbleChartExample.mxml
new file mode 100644
index 0000000..365df88
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/spark/charts/BubbleChartExample.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.
+
+-->
+<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"  
+			   xmlns:s="library://ns.adobe.com/flex/spark" 
+			   xmlns:mx="library://ns.adobe.com/flex/mx" 
+			   skinClass="TDFGradientBackgroundSkin">
+	
+	<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:Style>  
+		@namespace mx "library://ns.adobe.com/flex/mx";
+		
+		mx|BubbleChart { color:#000099; }
+	</fx:Style>
+	
+	<s:layout>
+		<s:HorizontalLayout verticalAlign="middle" horizontalAlign="center" />
+	</s:layout>
+	
+	<s:Panel title="BubbleChart Control" width="600" height="100%"
+			 color="0x000000" 
+			 borderAlpha="0.15">
+		
+		<s:layout>
+			<s:HorizontalLayout horizontalAlign="center" 
+							  paddingLeft="10" paddingRight="10" 
+							  paddingTop="10" paddingBottom="10"/>
+		</s:layout>
+		
+		<mx:BubbleChart id="bubblechart" height="100%" width="100%" paddingRight="5" paddingLeft="5" color="0x323232"
+						showDataTips="true" maxRadius="20" dataProvider="{expensesAC}">
+			
+			<mx:series>
+				<mx:BubbleSeries displayName="Profit/Expenses/Amount" 
+								 xField="Profit" yField="Expenses" radiusField="Amount"/>
+			</mx:series>            
+		</mx:BubbleChart>
+		
+		<mx:Legend dataProvider="{bubblechart}" color="0x323232"/>
+		
+	</s:Panel>
+	
+</s:Application>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/spark/charts/CandleStickChartExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/charts/CandleStickChartExample.mxml b/TourDeFlex/TourDeFlex3/src/spark/charts/CandleStickChartExample.mxml
new file mode 100644
index 0000000..b39be2e
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/spark/charts/CandleStickChartExample.mxml
@@ -0,0 +1,79 @@
+<?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.
+
+-->
+<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"  
+			   xmlns:s="library://ns.adobe.com/flex/spark" 
+			   xmlns:mx="library://ns.adobe.com/flex/mx" 
+			   skinClass="TDFGradientBackgroundSkin">
+	
+	 <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>
+	
+	<s:layout>
+		<s:HorizontalLayout verticalAlign="middle" horizontalAlign="center" />
+	</s:layout>
+    
+	<s:Panel title="CandlestickChart Control" width="600" height="100%"
+			 color="0x000000" 
+			 borderAlpha="0.15">
+		
+		<s:layout>
+			<s:HorizontalLayout horizontalAlign="center" 
+								paddingLeft="10" paddingRight="10" 
+								paddingTop="10" paddingBottom="10"/>
+		</s:layout>
+         
+         <mx:CandlestickChart id="candlestickchart" height="100%" width="100%" paddingRight="5" paddingLeft="5" 
+            color="0x323232" showDataTips="true" dataProvider="{expensesAC}">
+            
+            <mx:verticalAxis>
+                <mx:LinearAxis baseAtZero="false" />
+            </mx:verticalAxis>
+
+            <mx:horizontalAxis>
+                <mx:CategoryAxis categoryField="Date" title="Date"/>
+            </mx:horizontalAxis>
+
+            <mx:series>
+                <mx:CandlestickSeries openField="Open" highField="High" 
+                    lowField="Low" closeField="Close"/>
+            </mx:series>
+
+        </mx:CandlestickChart>
+        
+	</s:Panel>
+	
+</s:Application>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/spark/charts/ColumnChartExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/charts/ColumnChartExample.mxml b/TourDeFlex/TourDeFlex3/src/spark/charts/ColumnChartExample.mxml
new file mode 100644
index 0000000..f3ba41d
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/spark/charts/ColumnChartExample.mxml
@@ -0,0 +1,70 @@
+<?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.
+
+-->
+<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"  
+			   xmlns:s="library://ns.adobe.com/flex/spark" 
+			   xmlns:mx="library://ns.adobe.com/flex/mx" 
+			   skinClass="TDFGradientBackgroundSkin">
+	
+	<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>
+	
+	<s:layout>
+		<s:HorizontalLayout verticalAlign="middle" horizontalAlign="center" />
+	</s:layout>
+    
+	<s:Panel title="ColumnChart Control" width="600" height="100%"
+			 color="0x000000" 
+			 borderAlpha="0.15">
+		
+		<s:layout>
+			<s:HorizontalLayout horizontalAlign="center" 
+								paddingLeft="10" paddingRight="10" 
+								paddingTop="10" paddingBottom="10"/>
+		</s:layout>
+         
+         <mx:ColumnChart id="column" height="100%" color="0x323232"
+            showDataTips="true" dataProvider="{medalsAC}">
+                
+            <mx:horizontalAxis>
+                <mx:CategoryAxis categoryField="Country"/>
+            </mx:horizontalAxis>
+                
+            <mx:series>
+                <mx:ColumnSeries xField="Country" yField="Gold" displayName="Gold"/>
+                <mx:ColumnSeries xField="Country" yField="Silver" displayName="Silver"/>
+                <mx:ColumnSeries xField="Country" yField="Bronze" displayName="Bronze"/>
+            </mx:series>
+        </mx:ColumnChart>
+
+        <mx:Legend dataProvider="{column}" color="0x323232"/>
+        
+	</s:Panel>
+	
+</s:Application>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/spark/charts/HLOCChartExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/charts/HLOCChartExample.mxml b/TourDeFlex/TourDeFlex3/src/spark/charts/HLOCChartExample.mxml
new file mode 100644
index 0000000..73fe34d
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/spark/charts/HLOCChartExample.mxml
@@ -0,0 +1,78 @@
+<?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.
+
+-->
+<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"  
+			   xmlns:s="library://ns.adobe.com/flex/spark" 
+			   xmlns:mx="library://ns.adobe.com/flex/mx" 
+			   skinClass="TDFGradientBackgroundSkin">
+	
+	<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>
+	
+	<s:layout>
+		<s:HorizontalLayout verticalAlign="middle" horizontalAlign="center" />
+	</s:layout>
+	
+	<s:Panel title="HLOCChart Control" width="600" height="100%"
+			 color="0x000000" 
+			 borderAlpha="0.15">
+		
+		<s:layout>
+			<s:HorizontalLayout horizontalAlign="center" 
+								paddingLeft="10" paddingRight="10" 
+								paddingTop="10" paddingBottom="10"/>
+		</s:layout>
+		
+		<mx:HLOCChart id="hlocchart" height="100%" width="100%" paddingRight="5" paddingLeft="5"
+					  color="0x323232" showDataTips="true" dataProvider="{stockDataAC}">
+			
+			<mx:verticalAxis>
+				<mx:LinearAxis baseAtZero="false" />
+			</mx:verticalAxis>
+			
+			<mx:horizontalAxis>
+				<mx:CategoryAxis categoryField="Date" title="Date" />
+			</mx:horizontalAxis>
+			
+			<mx:series>
+				<mx:HLOCSeries openField="Open" highField="High" 
+							   lowField="Low" closeField="Close"/>
+			</mx:series>
+		</mx:HLOCChart>
+		
+	</s:Panel>
+	
+</s:Application>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/spark/charts/LineChartExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/charts/LineChartExample.mxml b/TourDeFlex/TourDeFlex3/src/spark/charts/LineChartExample.mxml
new file mode 100644
index 0000000..5f61ee0
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/spark/charts/LineChartExample.mxml
@@ -0,0 +1,72 @@
+<?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.
+
+-->
+<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"  
+			   xmlns:s="library://ns.adobe.com/flex/spark" 
+			   xmlns:mx="library://ns.adobe.com/flex/mx" 
+			   skinClass="TDFGradientBackgroundSkin">
+	
+	<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>
+	
+	<s:layout>
+		<s:HorizontalLayout verticalAlign="middle" horizontalAlign="center" />
+	</s:layout>
+	
+	<s:Panel title="LineChart Control" width="600" height="100%"
+			 color="0x000000" 
+			 borderAlpha="0.15">
+		
+		<s:layout>
+			<s:HorizontalLayout horizontalAlign="center" 
+								paddingLeft="10" paddingRight="10" 
+								paddingTop="10" paddingBottom="10"/>
+		</s:layout>
+		
+		<mx:LineChart id="linechart" color="0x323232" height="100%"
+					  showDataTips="true" dataProvider="{expensesAC}">
+			
+			<mx:horizontalAxis>
+				<mx:CategoryAxis categoryField="Month"/>
+			</mx:horizontalAxis>
+			
+			<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}" color="0x323232"/>
+		
+	</s:Panel>
+	
+</s:Application>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/spark/charts/PieChartExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/charts/PieChartExample.mxml b/TourDeFlex/TourDeFlex3/src/spark/charts/PieChartExample.mxml
new file mode 100644
index 0000000..f14e5c9
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/spark/charts/PieChartExample.mxml
@@ -0,0 +1,77 @@
+<?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.
+
+-->
+<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"  
+			   xmlns:s="library://ns.adobe.com/flex/spark" 
+			   xmlns:mx="library://ns.adobe.com/flex/mx" 
+			   skinClass="TDFGradientBackgroundSkin">
+	
+	<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>
+	
+	<s:layout>
+		<s:HorizontalLayout verticalAlign="middle" horizontalAlign="center" />
+	</s:layout>
+	
+	<s:Panel title="PieChart Control" width="600" height="100%"
+			 color="0x000000" 
+			 borderAlpha="0.15">
+		
+		<s:layout>
+			<s:HorizontalLayout horizontalAlign="center" 
+								paddingLeft="10" paddingRight="10" 
+								paddingTop="10" paddingBottom="10"/>
+		</s:layout>
+		
+		<mx:PieChart id="chart" height="100%" width="100%" paddingRight="5" paddingLeft="5" color="0x323232"
+					 showDataTips="true" dataProvider="{medalsAC}" >
+			
+			<mx:series>
+				<mx:PieSeries labelPosition="callout" field="Gold" labelFunction="displayGold">
+					<mx:calloutStroke>
+						<s:SolidColorStroke weight="0" color="0x888888" alpha="1.0"/>
+					</mx:calloutStroke>
+					<mx:radialStroke>
+						<s:SolidColorStroke weight="0" color="#FFFFFF" alpha="0.20"/>
+					</mx:radialStroke>
+					<mx:stroke>
+						<s:SolidColorStroke color="0" alpha="0.20" weight="2"/>
+					</mx:stroke>
+				</mx:PieSeries>
+			</mx:series>
+		</mx:PieChart>
+		
+	</s:Panel>
+	
+</s:Application>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/spark/charts/PlotChartExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/charts/PlotChartExample.mxml b/TourDeFlex/TourDeFlex3/src/spark/charts/PlotChartExample.mxml
new file mode 100644
index 0000000..8b1b581
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/spark/charts/PlotChartExample.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.
+
+-->
+<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"  
+			   xmlns:s="library://ns.adobe.com/flex/spark" 
+			   xmlns:mx="library://ns.adobe.com/flex/mx" 
+			   skinClass="TDFGradientBackgroundSkin">
+	
+	<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>
+	
+	<s:layout>
+		<s:HorizontalLayout verticalAlign="middle" horizontalAlign="center" />
+	</s:layout>
+	
+	<s:Panel title="PlotChart Control" width="600" height="100%"
+			 color="0x000000" 
+			 borderAlpha="0.15">
+		
+		<s:layout>
+			<s:HorizontalLayout horizontalAlign="center" 
+								paddingLeft="10" paddingRight="10" 
+								paddingTop="10" paddingBottom="10"/>
+		</s:layout>
+		
+		<mx:PlotChart id="plot" height="100%" paddingLeft="5" paddingRight="5"  color="0x323232"
+					  showDataTips="true" dataProvider="{expensesAC}">
+			
+			<mx:series>
+				<mx:PlotSeries xField="Expenses" yField="Profit" displayName="Expenses/Profit"/>
+				<mx:PlotSeries xField="Amount" yField="Expenses" displayName="Amount/Expenses"/>
+				<mx:PlotSeries xField="Profit" yField="Amount" displayName="Profit/Amount"/>
+			</mx:series>
+		</mx:PlotChart>
+		
+		<mx:Legend dataProvider="{plot}" color="0x323232"/>
+		
+	</s:Panel>
+	
+</s:Application>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/spark/charts/SeriesInterpolateExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/charts/SeriesInterpolateExample.mxml b/TourDeFlex/TourDeFlex3/src/spark/charts/SeriesInterpolateExample.mxml
new file mode 100644
index 0000000..554f633
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/spark/charts/SeriesInterpolateExample.mxml
@@ -0,0 +1,114 @@
+<?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.
+
+-->
+<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"  
+			   xmlns:s="library://ns.adobe.com/flex/spark" 
+			   xmlns:mx="library://ns.adobe.com/flex/mx" 
+			   skinClass="TDFGradientBackgroundSkin">
+	
+	<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>
+	
+	<s:layout>
+		<s:HorizontalLayout verticalAlign="middle" horizontalAlign="center" />
+	</s:layout>
+	
+	<fx:Declarations>
+		<mx:SeriesInterpolate id="interpolateIn" duration="1000"/>
+	</fx:Declarations>
+	
+	<s:Panel title="Interpolate Effect" width="600" height="100%"
+			 color="0x000000" 
+			 borderAlpha="0.15">
+		
+		<s:layout>
+			<s:HorizontalLayout horizontalAlign="center" 
+								paddingLeft="10" paddingRight="10" 
+								paddingTop="10" paddingBottom="10"/>
+		</s:layout>
+		
+		<mx:CandlestickChart id="candlestickchart" height="100%" paddingRight="5" paddingLeft="5" color="0x323232"
+							 showDataTips="true" dataProvider="{companyAAC}">
+			
+			<mx:verticalAxis>
+				<mx:LinearAxis baseAtZero="false" />
+			</mx:verticalAxis>
+			
+			<mx:horizontalAxis>
+				<mx:CategoryAxis categoryField="Date" title="Date"/>
+			</mx:horizontalAxis>
+			
+			<mx:series>
+				<mx:CandlestickSeries  
+					openField="Open" highField="High" 
+					lowField="Low" closeField="Close"
+					showDataEffect="{interpolateIn}"/>
+			</mx:series>
+		</mx:CandlestickChart>
+		
+		
+		<s:BorderContainer color="0x323232" width="30%" borderColor="0xDCDCDC" borderStyle="solid" height="100%">
+			
+			<s:layout>
+				<s:VerticalLayout paddingLeft="5" paddingRight="0" paddingTop="5" />
+			</s:layout>
+			
+			<s:Label color="0x0050AA" width="100%"
+					 text="Choose a company to view recent stock data."/>
+			
+			<s:RadioButton groupName="stocks" label="View Company A"
+						   selected="true" click="candlestickchart.dataProvider=companyAAC;"/>
+			<s:RadioButton groupName="stocks" label="View Company B"
+						   click="candlestickchart.dataProvider=companyBAC;"/>
+		</s:BorderContainer>
+		
+	</s:Panel>
+	
+</s:Application>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/spark/charts/SeriesSlideExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/charts/SeriesSlideExample.mxml b/TourDeFlex/TourDeFlex3/src/spark/charts/SeriesSlideExample.mxml
new file mode 100644
index 0000000..4d24782
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/spark/charts/SeriesSlideExample.mxml
@@ -0,0 +1,116 @@
+<?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.
+
+-->
+<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"  
+			   xmlns:s="library://ns.adobe.com/flex/spark" 
+			   xmlns:mx="library://ns.adobe.com/flex/mx" 
+			   skinClass="TDFGradientBackgroundSkin">
+	
+	<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>
+	
+	<s:layout>
+		<s:HorizontalLayout verticalAlign="middle" horizontalAlign="center" />
+	</s:layout>
+	
+	<fx:Declarations>
+		<mx:SeriesSlide id="slideIn" duration="1000" direction="up"/>
+		<mx:SeriesSlide id="slideOut" duration="1000" direction="down"/>
+	</fx:Declarations>
+	
+	
+	<s:Panel title="Slide Effect" width="600" height="100%"
+			 color="0x000000" 
+			 borderAlpha="0.15">
+		
+		<s:layout>
+			<s:HorizontalLayout horizontalAlign="center" 
+								paddingLeft="10" paddingRight="10" 
+								paddingTop="10" paddingBottom="10"/>
+		</s:layout>
+		
+		<mx:CandlestickChart id="candlestickchart" height="100%" paddingRight="5" paddingLeft="5" color="0x323232"
+							 showDataTips="true" dataProvider="{companyAAC}">
+			
+			<mx:verticalAxis>
+				<mx:LinearAxis baseAtZero="false" />
+			</mx:verticalAxis>
+			
+			<mx:horizontalAxis>
+				<mx:CategoryAxis categoryField="Date" title="Date"/>
+			</mx:horizontalAxis>
+			
+			<mx:series>
+				<mx:CandlestickSeries  
+					openField="Open" highField="High" 
+					lowField="Low" closeField="Close"
+					showDataEffect="{slideIn}" 
+					hideDataEffect="{slideOut}"/>
+			</mx:series>
+		</mx:CandlestickChart>
+		
+		<s:BorderContainer color="0x323232" width="30%" borderColor="0xDCDCDC" borderStyle="solid" height="100%">
+			
+			<s:layout>
+				<s:VerticalLayout paddingLeft="5" paddingRight="0" paddingTop="5" />
+			</s:layout>
+			
+			<s:Label color="0x0050AA" width="100%"
+					 text="Choose a company to view recent stock data."/>
+			
+			<s:RadioButton groupName="stocks" label="View Company A"
+						   selected="true" click="candlestickchart.dataProvider=companyAAC;"/>
+			<s:RadioButton groupName="stocks" label="View Company B"
+						   click="candlestickchart.dataProvider=companyBAC;"/>
+		</s:BorderContainer>
+		
+	</s:Panel>
+	
+</s:Application>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/spark/charts/SeriesZoomExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/charts/SeriesZoomExample.mxml b/TourDeFlex/TourDeFlex3/src/spark/charts/SeriesZoomExample.mxml
new file mode 100644
index 0000000..d94c176
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/spark/charts/SeriesZoomExample.mxml
@@ -0,0 +1,115 @@
+<?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.
+
+-->
+<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"  
+			   xmlns:s="library://ns.adobe.com/flex/spark" 
+			   xmlns:mx="library://ns.adobe.com/flex/mx" 
+			   skinClass="TDFGradientBackgroundSkin">
+	
+	<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>
+	
+	<s:layout>
+		<s:HorizontalLayout verticalAlign="middle" horizontalAlign="center" />
+	</s:layout>
+	
+	<fx:Declarations>
+		<mx:SeriesZoom id="zoomIn" duration="1000"/>
+		<mx:SeriesZoom id="zoomOut" duration="1000"/>
+	</fx:Declarations>
+	
+	
+	<s:Panel title="Zoom Effect" width="600" height="100%"
+			 color="0x000000" 
+			 borderAlpha="0.15">
+		
+		<s:layout>
+			<s:HorizontalLayout horizontalAlign="center" 
+								paddingLeft="10" paddingRight="10" 
+								paddingTop="10" paddingBottom="10"/>
+		</s:layout>
+		
+		<mx:CandlestickChart id="candlestickchart" height="100%" paddingRight="5" paddingLeft="5" color="0x323232"
+							 showDataTips="true" dataProvider="{companyAAC}">
+			
+			<mx:verticalAxis>
+				<mx:LinearAxis baseAtZero="false" />
+			</mx:verticalAxis>
+			
+			<mx:horizontalAxis>
+				<mx:CategoryAxis categoryField="Date" title="Date"/>
+			</mx:horizontalAxis>
+			
+			<mx:series>
+				<mx:CandlestickSeries  
+					openField="Open" highField="High" 
+					lowField="Low" closeField="Close"
+					showDataEffect="{zoomIn}" 
+					hideDataEffect="{zoomOut}"/>
+			</mx:series>
+		</mx:CandlestickChart>
+		
+		<s:BorderContainer color="0x323232" width="30%" borderColor="0xDCDCDC" borderStyle="solid" height="100%">
+			<s:layout>
+				<s:VerticalLayout paddingLeft="5" paddingRight="0" paddingTop="5" />
+			</s:layout>
+			
+			<s:Label color="0x0050AA" width="100%"
+					 text="Choose a company to view recent stock data."/>
+			
+			<s:RadioButton groupName="stocks" label="View Company A"
+						   selected="true" click="candlestickchart.dataProvider=companyAAC;"/>
+			<s:RadioButton groupName="stocks" label="View Company B"
+						   click="candlestickchart.dataProvider=companyBAC;"/>
+		</s:BorderContainer>
+		
+	</s:Panel>
+</s:Application>
+

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/spark/charts/TDFGradientBackgroundSkin.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/charts/TDFGradientBackgroundSkin.mxml b/TourDeFlex/TourDeFlex3/src/spark/charts/TDFGradientBackgroundSkin.mxml
new file mode 100644
index 0000000..553aee3
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/spark/charts/TDFGradientBackgroundSkin.mxml
@@ -0,0 +1,49 @@
+<?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.
+
+-->
+<s:SparkSkin xmlns:fx="http://ns.adobe.com/mxml/2009" 
+			 xmlns:mx="library://ns.adobe.com/flex/mx" 
+			 xmlns:s="library://ns.adobe.com/flex/spark">
+	
+	<fx:Metadata>
+		[HostComponent("spark.components.Application")]
+	</fx:Metadata> 
+	
+	<s:states>
+		<s:State name="normal" />
+		<s:State name="disabled" />
+	</s:states>
+	
+	<s:layout>
+		<s:BasicLayout />
+	</s:layout>
+	
+	<s:Rect id="bg" width="100%" height="100%">
+		<s:fill>
+			<s:LinearGradient rotation="90">
+				<s:entries>
+					<s:GradientEntry color="0x000000" ratio="0.00" />
+					<s:GradientEntry color="0x323232" ratio="1.0" />
+				</s:entries>
+			</s:LinearGradient>    
+		</s:fill>
+	</s:Rect>
+	
+	<s:Group id="contentGroup" left="0" right="0" top="0" bottom="0" />
+</s:SparkSkin>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/spark/components/SearchBox.as
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/components/SearchBox.as b/TourDeFlex/TourDeFlex3/src/spark/components/SearchBox.as
new file mode 100644
index 0000000..e263c2c
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/spark/components/SearchBox.as
@@ -0,0 +1,176 @@
+////////////////////////////////////////////////////////////////////////////////
+//
+//  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.
+//
+////////////////////////////////////////////////////////////////////////////////
+package
+{
+	import flash.events.Event;
+	import flash.events.KeyboardEvent;
+	import flash.events.MouseEvent;
+	import flash.geom.Point;
+	import flash.ui.Keyboard;
+	
+	import mx.collections.ArrayCollection;
+	import mx.controls.Button;
+	import mx.controls.List;
+	import mx.controls.TextInput;
+	import mx.core.UIComponent;
+	import mx.events.FlexEvent;
+	import mx.events.FlexMouseEvent;
+	import mx.events.ListEvent;
+	import mx.managers.PopUpManager;
+	
+	[Event(name="textChange", type="flash.events.Event")]
+	[Event(name="itemSelected", type="SearchBoxEvent")]
+	
+	public class SearchBox extends UIComponent
+	{
+		[Embed("assets/icon_close.png")]
+		private var closeIcon:Class;
+		
+		private var textInput:TextInput;
+		private var closeButton:Button;
+		private var list:List;
+		
+		private var isListVisible:Boolean = false;
+		
+		public var text:String;
+		
+		public function set dataProvider(dp:ArrayCollection):void
+		{
+			list.dataProvider = dp;
+			if (dp != null && dp.length > 0)
+			{
+				 if (!isListVisible) popup();
+				 list.selectedIndex = 0;
+			}
+			else
+			{
+				 if (isListVisible) removePopup();
+			}
+		}
+		
+		override protected function createChildren():void
+		{
+			super.createChildren();
+
+            textInput = new TextInput();
+			textInput.addEventListener(Event.CHANGE, textInput_changeHandler);
+			textInput.addEventListener(KeyboardEvent.KEY_DOWN, textInput_keyDownHandler);
+            addChild(textInput);
+            
+            closeButton = new Button();
+            closeButton.setStyle("icon", closeIcon)
+            closeButton.setStyle("skin", null)
+            closeButton.addEventListener(MouseEvent.CLICK, closeHandler);
+			closeButton.width = 20;
+            addChild(closeButton);
+			
+			list = new List();
+			list.setStyle("dropShadowEnabled", true);
+			list.addEventListener(ListEvent.ITEM_CLICK, selectItem);
+            systemManager.addEventListener(Event.RESIZE, removePopup, false, 0, true);
+		}
+	   	
+		override protected function updateDisplayList(unscaledWidth:Number, unscaledHeight:Number):void
+		{
+			super.updateDisplayList(unscaledWidth, unscaledHeight);
+
+			textInput.width = unscaledWidth - closeButton.width;
+			textInput.height = unscaledHeight;
+			
+			closeButton.height = unscaledHeight;
+			closeButton.move(unscaledWidth - closeButton.width, 0);
+		}
+		
+        override protected function measure():void 
+        {
+            super.measure();
+            this.measuredWidth = 160;
+            this.measuredHeight = textInput.measuredHeight;
+        }
+
+		private function textInput_keyDownHandler(event:KeyboardEvent):void
+		{
+			switch (event.keyCode) 
+			{
+				case Keyboard.DOWN:
+					if (isListVisible)
+						list.selectedIndex++;
+					else
+						popup();					
+    				break;
+				case Keyboard.UP:
+					if (isListVisible && list.selectedIndex > 0)
+					{
+						list.selectedIndex--;
+					}
+					textInput.setSelection(textInput.text.length, textInput.text.length);
+    				break;
+				case Keyboard.ENTER:
+					if (isListVisible) selectItem();
+    				break;
+				case Keyboard.ESCAPE:
+					if (isListVisible) removePopup();
+    				break;
+			}
+		}
+
+	    private function textInput_changeHandler(event:Event):void
+	    {
+	    	text = textInput.text;
+	    	dispatchEvent(new Event("textChange"));	
+	    }
+
+	    private function list_mouseDownOutsideHandler(event:MouseEvent):void
+	    {
+    		removePopup();
+	    }
+
+	    private function selectItem(event:ListEvent = null):void
+	    {
+	    	dispatchEvent(new SearchBoxEvent(SearchBoxEvent.ITEM_SELECTED, list.selectedItem));	
+	    	removePopup();
+	    }
+
+		private function popup():void
+		{
+			PopUpManager.addPopUp(list, this);
+        	isListVisible = true;
+			list.width = textInput.width;
+	        var point:Point = new Point(0, unscaledHeight);
+    	    point = localToGlobal(point);
+    	    point = list.parent.globalToLocal(point);
+        	list.move(point.x, point.y);
+            list.addEventListener(FlexMouseEvent.MOUSE_DOWN_OUTSIDE, list_mouseDownOutsideHandler);
+		}
+
+		private function removePopup(event:Event=null):void
+		{
+			PopUpManager.removePopUp(list);
+            list.removeEventListener(FlexMouseEvent.MOUSE_DOWN_OUTSIDE, list_mouseDownOutsideHandler);
+			isListVisible = false;	
+		}
+		
+		private function closeHandler(event:MouseEvent):void
+		{
+			textInput.text = "";
+			textInput.setFocus();
+		}
+		
+	}
+}
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/spark/components/SearchBoxEvent.as
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/components/SearchBoxEvent.as b/TourDeFlex/TourDeFlex3/src/spark/components/SearchBoxEvent.as
new file mode 100644
index 0000000..28e744f
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/spark/components/SearchBoxEvent.as
@@ -0,0 +1,35 @@
+////////////////////////////////////////////////////////////////////////////////
+//
+//  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.
+//
+////////////////////////////////////////////////////////////////////////////////
+package
+{
+	import flash.events.Event;
+
+	public class SearchBoxEvent extends Event
+	{
+		public static const ITEM_SELECTED:String = "itemSelected";
+	
+		public var item:Object;
+		
+		public function SearchBoxEvent(type:String, item:Object, bubbles:Boolean = true, cancelable:Boolean = false)
+   		{
+   			this.item = item;
+			super(type, bubbles, cancelable);
+		}
+	}
+}
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/spark/components/SearchExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/components/SearchExample.mxml b/TourDeFlex/TourDeFlex3/src/spark/components/SearchExample.mxml
new file mode 100644
index 0000000..6843f52
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/spark/components/SearchExample.mxml
@@ -0,0 +1,91 @@
+<?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.
+
+-->
+<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"  
+			   xmlns:s="library://ns.adobe.com/flex/spark" 
+			   xmlns:mx="library://ns.adobe.com/flex/mx" 
+			   xmlns:local="*"
+			   skinClass="TDFGradientBackgroundSkin">
+	
+	<fx:Style>
+		@namespace s "library://ns.adobe.com/flex/spark";
+		@namespace mx "library://ns.adobe.com/flex/mx";
+		@namespace local "*";
+		
+		s|Label {
+			color: #000000;
+		}
+		
+	</fx:Style>
+	
+	<fx:Script>
+		<![CDATA[
+			
+			import mx.collections.ArrayCollection;
+			
+			private var names:ArrayCollection = new ArrayCollection( 
+				["John Smith", "Jane Doe", "Paul Dupont", "Liz Jones", "Marie Taylor"]);
+			
+			private function searchName(item:Object):Boolean
+			{
+				return item.toLowerCase().search(searchBox.text) != -1;
+			}
+			
+			private function textChangeHandler():void
+			{
+				names.filterFunction = searchName;
+				names.refresh();
+				searchBox.dataProvider = names;
+			}
+			
+			private function itemSelectedHandler(event:SearchBoxEvent):void
+			{
+				fullName.text = event.item as String;	
+			}
+			
+		]]>
+	</fx:Script>
+	
+	<s:layout>
+		<s:HorizontalLayout verticalAlign="middle" horizontalAlign="center" />
+	</s:layout>
+	
+	<s:Panel title="Components Samples"
+			 width="600" height="100%"
+			 color="0x000000" 
+			 borderAlpha="0.15">
+		
+		<s:layout>
+			<s:HorizontalLayout horizontalAlign="center" 
+								paddingLeft="10" paddingRight="10" 
+								paddingTop="10" paddingBottom="10"/>
+		</s:layout>
+		
+		<s:HGroup >
+			<s:Label text="Type a few characters to search:" />
+			<local:SearchBox id="searchBox" textChange="textChangeHandler()" itemSelected="itemSelectedHandler(event)"/>
+		</s:HGroup>
+		
+		<mx:FormItem label="You selected:" >
+			<s:TextInput id="fullName"/>
+		</mx:FormItem>
+		
+	</s:Panel>
+	
+</s:Application>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/spark/components/TDFGradientBackgroundSkin.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/components/TDFGradientBackgroundSkin.mxml b/TourDeFlex/TourDeFlex3/src/spark/components/TDFGradientBackgroundSkin.mxml
new file mode 100644
index 0000000..553aee3
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/spark/components/TDFGradientBackgroundSkin.mxml
@@ -0,0 +1,49 @@
+<?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.
+
+-->
+<s:SparkSkin xmlns:fx="http://ns.adobe.com/mxml/2009" 
+			 xmlns:mx="library://ns.adobe.com/flex/mx" 
+			 xmlns:s="library://ns.adobe.com/flex/spark">
+	
+	<fx:Metadata>
+		[HostComponent("spark.components.Application")]
+	</fx:Metadata> 
+	
+	<s:states>
+		<s:State name="normal" />
+		<s:State name="disabled" />
+	</s:states>
+	
+	<s:layout>
+		<s:BasicLayout />
+	</s:layout>
+	
+	<s:Rect id="bg" width="100%" height="100%">
+		<s:fill>
+			<s:LinearGradient rotation="90">
+				<s:entries>
+					<s:GradientEntry color="0x000000" ratio="0.00" />
+					<s:GradientEntry color="0x323232" ratio="1.0" />
+				</s:entries>
+			</s:LinearGradient>    
+		</s:fill>
+	</s:Rect>
+	
+	<s:Group id="contentGroup" left="0" right="0" top="0" bottom="0" />
+</s:SparkSkin>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/spark/components/VideoPlayer.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/components/VideoPlayer.mxml b/TourDeFlex/TourDeFlex3/src/spark/components/VideoPlayer.mxml
new file mode 100644
index 0000000..b4797ff
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/spark/components/VideoPlayer.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.
+
+-->
+<s:BorderContainer xmlns:fx="http://ns.adobe.com/mxml/2009"  
+				   xmlns:s="library://ns.adobe.com/flex/spark" 
+				   xmlns:mx="library://ns.adobe.com/flex/mx" 
+				   borderStyle="solid" 
+				   backgroundColor="#333333"
+				   initialize="init(event)">
+	
+	<fx:Metadata>
+		[Event(name="complete", type="mx.events.VideoEvent")]
+		[Event(name="mediaPlayerStateChange", type="org.osmf.events.MediaPlayerStateChangeEvent")]
+	</fx:Metadata>
+	
+	<fx:Script>
+		<![CDATA[
+			import mx.events.ItemClickEvent;
+			import mx.events.FlexEvent;
+			import mx.events.VideoEvent;
+			
+			import org.osmf.events.MediaPlayerStateChangeEvent;
+			import org.osmf.events.TimeEvent;
+			import org.osmf.utils.OSMFSettings;
+			
+			[Bindable] public var videoWidth:int = 240;
+			[Bindable] public var videoHeight:int = 180;
+			[Bindable] public var source:String; 
+			
+			protected function init(event:FlexEvent):void {
+				OSMFSettings.enableStageVideo = false;
+			}	
+			
+			private function buttonBarClick(event:ItemClickEvent):void
+			{
+				switch (event.index)
+				{
+					case 0:
+						videoDisplay.play();
+						break;
+					case 1:
+						videoDisplay.pause();
+						break;
+					case 2:
+						videoDisplay.stop();
+						break;
+				}
+			}
+			
+			private function playHeadUpdateHandler(event:TimeEvent):void
+			{
+				progressBar.setProgress(event.time, videoDisplay.duration);
+			}
+			
+		]]>
+	</fx:Script>
+	
+	<s:layout>
+		<s:VerticalLayout verticalAlign="middle" horizontalAlign="center" />
+	</s:layout>
+	
+	<s:VideoDisplay id="videoDisplay" width="{videoWidth}" height="{videoHeight}" autoPlay="false"
+					currentTimeChange="playHeadUpdateHandler(event)"
+					source="{source}"
+					complete="dispatchEvent(event)"
+					mediaPlayerStateChange="dispatchEvent(event)"/>
+	
+	<mx:ProgressBar id="progressBar" mode="manual" minimum="0" maximum="{videoDisplay.duration}" 
+					label="" top="{videoHeight + 8}" left="4" right="4"/>
+	
+	<mx:ButtonBar id="bb" itemClick="buttonBarClick(event)" top="{videoHeight + 20}" bottom="4" 
+				  horizontalCenter="0" toolTipField="toolTip">
+		<mx:dataProvider>
+			<fx:Object icon="@Embed('assets/control_play_blue.png')" toolTip="Play"/>
+			<fx:Object icon="@Embed('assets/control_pause_blue.png')" toolTip="Pause"/>
+			<fx:Object icon="@Embed('assets/control_stop_blue.png')" toolTip="Stop"/>
+		</mx:dataProvider>
+	</mx:ButtonBar>
+	
+</s:BorderContainer>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/spark/components/VideoPlayerExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/components/VideoPlayerExample.mxml b/TourDeFlex/TourDeFlex3/src/spark/components/VideoPlayerExample.mxml
new file mode 100644
index 0000000..17b7efb
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/spark/components/VideoPlayerExample.mxml
@@ -0,0 +1,49 @@
+<?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.
+
+-->
+<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"  
+			   xmlns:s="library://ns.adobe.com/flex/spark" 
+			   xmlns:mx="library://ns.adobe.com/flex/mx"
+			   xmlns:local="*"
+			   skinClass="TDFGradientBackgroundSkin">
+	
+	<s:layout>
+		<s:HorizontalLayout verticalAlign="middle" horizontalAlign="center" />
+	</s:layout>
+	
+	<s:Panel title="Components Samples"
+			 width="600" height="100%"
+			 color="0x000000" 
+			 borderAlpha="0.15">
+		
+		<s:layout>
+			<s:HorizontalLayout horizontalAlign="center" 
+							  paddingLeft="10" paddingRight="10" 
+							  paddingTop="10" paddingBottom="10"/>
+		</s:layout>
+		
+		<local:VideoPlayer source="assets/FlexInstaller.mp4"
+						   complete="log.text += 'complete\n'"
+						   mediaPlayerStateChange="log.text += event.state.toString() + '\n'"/>
+		
+		<s:TextArea id="log" height="220"/>
+		
+	</s:Panel>
+	
+</s:Application>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/spark/components/VideoPlayerModule.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/components/VideoPlayerModule.mxml b/TourDeFlex/TourDeFlex3/src/spark/components/VideoPlayerModule.mxml
new file mode 100644
index 0000000..6ec18a7
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/spark/components/VideoPlayerModule.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.
+
+-->
+<mx:Module xmlns:fx="http://ns.adobe.com/mxml/2009"  
+		   xmlns:s="library://ns.adobe.com/flex/spark" 
+		   xmlns:mx="library://ns.adobe.com/flex/mx"  
+		   xmlns="*"
+		   layout="horizontal" 
+		   paddingTop="8"
+		   initialize="init(event)">
+	
+	<fx:Script>
+		<![CDATA[
+			import mx.events.FlexEvent;
+			
+			import org.osmf.utils.OSMFSettings;
+			
+			protected function init(event:FlexEvent):void {
+				OSMFSettings.enableStageVideo = false;
+			}	
+		]]>
+	</fx:Script>	
+	
+	<VideoPlayer source="assets/FlexInstaller.mp4"
+				 complete="log.text += 'complete\n'"
+				 mediaPlayerStateChange="log.text += event.state + '\n'"/>
+	
+	<s:TextArea id="log" height="220"/>
+	
+</mx:Module>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/spark/components/VideoPlayerModuleLoader.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/components/VideoPlayerModuleLoader.mxml b/TourDeFlex/TourDeFlex3/src/spark/components/VideoPlayerModuleLoader.mxml
new file mode 100644
index 0000000..f11dac8
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/spark/components/VideoPlayerModuleLoader.mxml
@@ -0,0 +1,34 @@
+<?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.
+
+-->
+<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"  
+			   xmlns:s="library://ns.adobe.com/flex/spark" 
+			   xmlns:mx="library://ns.adobe.com/flex/mx"  width="100%" height="100%">
+	
+	<fx:Script>
+		<![CDATA[
+			import mx.controls.Alert;
+		]]>
+	</fx:Script>
+
+	<mx:ModuleLoader url="VideoPlayerModule.swf" width="100%" height="100%" error="Alert.show(event.errorText)"/>
+	
+	<s:VideoDisplay/>
+	
+</s:Application>

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

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/spark/components/assets/control_pause_blue.png
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/components/assets/control_pause_blue.png b/TourDeFlex/TourDeFlex3/src/spark/components/assets/control_pause_blue.png
new file mode 100644
index 0000000..ec61099
Binary files /dev/null and b/TourDeFlex/TourDeFlex3/src/spark/components/assets/control_pause_blue.png differ

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/spark/components/assets/control_play_blue.png
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/components/assets/control_play_blue.png b/TourDeFlex/TourDeFlex3/src/spark/components/assets/control_play_blue.png
new file mode 100644
index 0000000..f8c8ec6
Binary files /dev/null and b/TourDeFlex/TourDeFlex3/src/spark/components/assets/control_play_blue.png differ

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/spark/components/assets/control_stop_blue.png
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/components/assets/control_stop_blue.png b/TourDeFlex/TourDeFlex3/src/spark/components/assets/control_stop_blue.png
new file mode 100644
index 0000000..e6f75d2
Binary files /dev/null and b/TourDeFlex/TourDeFlex3/src/spark/components/assets/control_stop_blue.png differ

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/spark/components/assets/icon_close.png
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/components/assets/icon_close.png b/TourDeFlex/TourDeFlex3/src/spark/components/assets/icon_close.png
new file mode 100644
index 0000000..bf9be79
Binary files /dev/null and b/TourDeFlex/TourDeFlex3/src/spark/components/assets/icon_close.png differ

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/spark/containers/BorderExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/containers/BorderExample.mxml b/TourDeFlex/TourDeFlex3/src/spark/containers/BorderExample.mxml
new file mode 100644
index 0000000..c64b094
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/spark/containers/BorderExample.mxml
@@ -0,0 +1,71 @@
+<?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.
+
+-->
+<!-- http://blog.flexexamples.com/2009/09/04/setting-the-corner-radius-on-a-spark-border-container-in-flex-4/ -->
+<s:Application name="Spark_Border_cornerRadius_test"
+			   xmlns:fx="http://ns.adobe.com/mxml/2009"
+			   xmlns:mx="library://ns.adobe.com/flex/mx"
+			   xmlns:s="library://ns.adobe.com/flex/spark" viewSourceURL="srcview/index.html">
+	
+	<s:Panel width="100%" height="100%" title="BorderContainer Sample" 
+			 skinClass="skins.TDFPanelSkin">
+		
+		<s:VGroup id="mainGroup" width="100%" 
+				  horizontalCenter="50" top="10">
+			<s:HGroup gap="50" paddingBottom="15">
+				<s:VGroup>
+					<s:HGroup verticalAlign="middle">
+						<s:Label text="Corner Radius:"/>
+						<s:HSlider id="slider"
+								   minimum="0"
+								   maximum="100"
+								   value="2" />
+					</s:HGroup>
+					<s:HGroup verticalAlign="middle">
+						<s:Label text="Border Weight:"/>
+						<s:NumericStepper id="weight" value="3"/>
+					</s:HGroup>
+					<s:HGroup verticalAlign="middle">
+						<s:Label text="Border Color:"/>
+						<mx:ColorPicker id="color" color="0x000000"/>
+					</s:HGroup>
+					<s:HGroup verticalAlign="middle">
+						<s:Label text="Drop Shadow:"/>
+						<s:CheckBox id="chkShadow" selected="true"/>
+					</s:HGroup>	
+				</s:VGroup>
+				
+				<s:BorderContainer id="brdr" width="200"
+						  cornerRadius="{slider.value}" borderWeight="{weight.value}" 
+						  borderColor="{color.selectedColor}" dropShadowVisible="{chkShadow.selected}"
+						  backgroundColor="0x3399ff">
+				</s:BorderContainer>	
+			</s:HGroup>
+			
+			<s:Label bottom="10" horizontalCenter="0" width="95%" verticalAlign="justify" color="#323232" 
+					 text="The Border class provides a container class that can be styled with a border and
+a background fill or image. It has many of the same styles as HaloBorder and is used in a similar way to the
+Halo container classes such as Box and Canvas. Examples of styles that are supported are borderWeight, borderColor, 
+backgroundColor, backgroundImage, cornerRadius and dropShadowVisible."/>
+		</s:VGroup>
+		
+	</s:Panel>
+	
+	
+</s:Application>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/spark/containers/Contact.as
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/containers/Contact.as b/TourDeFlex/TourDeFlex3/src/spark/containers/Contact.as
new file mode 100644
index 0000000..838a300
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/spark/containers/Contact.as
@@ -0,0 +1,34 @@
+////////////////////////////////////////////////////////////////////////////////
+//
+//  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.
+//
+////////////////////////////////////////////////////////////////////////////////
+package
+{
+	[Bindable]
+	public class Contact
+	{
+		public var name:String;
+		public var address:String;
+		public var city:String;
+		public var state:String;
+		public var zip:String;
+		
+		public function Contact()
+		{
+		}
+	}
+}
\ No newline at end of file


[14/51] [partial] Merged TourDeFlex release from develop

Posted by jm...@apache.org.
http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/AC_OETags.js
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/AC_OETags.js b/TourDeFlex/TourDeFlex3/src/AC_OETags.js
new file mode 100755
index 0000000..31530b6
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/AC_OETags.js
@@ -0,0 +1,282 @@
+/*
+ * 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.
+ */
+var isIE  = (navigator.appVersion.indexOf("MSIE") != -1) ? true : false;
+var isWin = (navigator.appVersion.toLowerCase().indexOf("win") != -1) ? true : false;
+var isOpera = (navigator.userAgent.indexOf("Opera") != -1) ? true : false;
+
+function ControlVersion()
+{
+	var version;
+	var axo;
+	var e;
+
+	// NOTE : new ActiveXObject(strFoo) throws an exception if strFoo isn't in the registry
+
+	try {
+		// version will be set for 7.X or greater players
+		axo = new ActiveXObject("ShockwaveFlash.ShockwaveFlash.7");
+		version = axo.GetVariable("$version");
+	} catch (e) {
+	}
+
+	if (!version)
+	{
+		try {
+			// version will be set for 6.X players only
+			axo = new ActiveXObject("ShockwaveFlash.ShockwaveFlash.6");
+			
+			// installed player is some revision of 6.0
+			// GetVariable("$version") crashes for versions 6.0.22 through 6.0.29,
+			// so we have to be careful. 
+			
+			// default to the first public version
+			version = "WIN 6,0,21,0";
+
+			// throws if AllowScripAccess does not exist (introduced in 6.0r47)		
+			axo.AllowScriptAccess = "always";
+
+			// safe to call for 6.0r47 or greater
+			version = axo.GetVariable("$version");
+
+		} catch (e) {
+		}
+	}
+
+	if (!version)
+	{
+		try {
+			// version will be set for 4.X or 5.X player
+			axo = new ActiveXObject("ShockwaveFlash.ShockwaveFlash.3");
+			version = axo.GetVariable("$version");
+		} catch (e) {
+		}
+	}
+
+	if (!version)
+	{
+		try {
+			// version will be set for 3.X player
+			axo = new ActiveXObject("ShockwaveFlash.ShockwaveFlash.3");
+			version = "WIN 3,0,18,0";
+		} catch (e) {
+		}
+	}
+
+	if (!version)
+	{
+		try {
+			// version will be set for 2.X player
+			axo = new ActiveXObject("ShockwaveFlash.ShockwaveFlash");
+			version = "WIN 2,0,0,11";
+		} catch (e) {
+			version = -1;
+		}
+	}
+	
+	return version;
+}
+
+// JavaScript helper required to detect Flash Player PlugIn version information
+function GetSwfVer(){
+	// NS/Opera version >= 3 check for Flash plugin in plugin array
+	var flashVer = -1;
+	
+	if (navigator.plugins != null && navigator.plugins.length > 0) {
+		if (navigator.plugins["Shockwave Flash 2.0"] || navigator.plugins["Shockwave Flash"]) {
+			var swVer2 = navigator.plugins["Shockwave Flash 2.0"] ? " 2.0" : "";
+			var flashDescription = navigator.plugins["Shockwave Flash" + swVer2].description;			
+			var descArray = flashDescription.split(" ");
+			var tempArrayMajor = descArray[2].split(".");
+			var versionMajor = tempArrayMajor[0];
+			var versionMinor = tempArrayMajor[1];
+			if ( descArray[3] != "" ) {
+				tempArrayMinor = descArray[3].split("r");
+			} else {
+				tempArrayMinor = descArray[4].split("r");
+			}
+			var versionRevision = tempArrayMinor[1] > 0 ? tempArrayMinor[1] : 0;
+			var flashVer = versionMajor + "." + versionMinor + "." + versionRevision;
+		}
+	}
+	// MSN/WebTV 2.6 supports Flash 4
+	else if (navigator.userAgent.toLowerCase().indexOf("webtv/2.6") != -1) flashVer = 4;
+	// WebTV 2.5 supports Flash 3
+	else if (navigator.userAgent.toLowerCase().indexOf("webtv/2.5") != -1) flashVer = 3;
+	// older WebTV supports Flash 2
+	else if (navigator.userAgent.toLowerCase().indexOf("webtv") != -1) flashVer = 2;
+	else if ( isIE && isWin && !isOpera ) {
+		flashVer = ControlVersion();
+	}	
+	return flashVer;
+}
+
+// When called with reqMajorVer, reqMinorVer, reqRevision returns true if that version or greater is available
+function DetectFlashVer(reqMajorVer, reqMinorVer, reqRevision)
+{
+	versionStr = GetSwfVer();
+	if (versionStr == -1 ) {
+		return false;
+	} else if (versionStr != 0) {
+		if(isIE && isWin && !isOpera) {
+			// Given "WIN 2,0,0,11"
+			tempArray         = versionStr.split(" "); 	// ["WIN", "2,0,0,11"]
+			tempString        = tempArray[1];			// "2,0,0,11"
+			versionArray      = tempString.split(",");	// ['2', '0', '0', '11']
+		} else {
+			versionArray      = versionStr.split(".");
+		}
+		var versionMajor      = versionArray[0];
+		var versionMinor      = versionArray[1];
+		var versionRevision   = versionArray[2];
+
+        	// is the major.revision >= requested major.revision AND the minor version >= requested minor
+		if (versionMajor > parseFloat(reqMajorVer)) {
+			return true;
+		} else if (versionMajor == parseFloat(reqMajorVer)) {
+			if (versionMinor > parseFloat(reqMinorVer))
+				return true;
+			else if (versionMinor == parseFloat(reqMinorVer)) {
+				if (versionRevision >= parseFloat(reqRevision))
+					return true;
+			}
+		}
+		return false;
+	}
+}
+
+function AC_AddExtension(src, ext)
+{
+  if (src.indexOf('?') != -1)
+    return src.replace(/\?/, ext+'?'); 
+  else
+    return src + ext;
+}
+
+function AC_Generateobj(objAttrs, params, embedAttrs) 
+{ 
+    var str = '';
+    if (isIE && isWin && !isOpera)
+    {
+  		str += '<object ';
+  		for (var i in objAttrs)
+  			str += i + '="' + objAttrs[i] + '" ';
+  		for (var i in params)
+  			str += '><param name="' + i + '" value="' + params[i] + '" /> ';
+  		str += '></object>';
+    } else {
+  		str += '<embed ';
+  		for (var i in embedAttrs)
+  			str += i + '="' + embedAttrs[i] + '" ';
+  		str += '> </embed>';
+    }
+
+    document.write(str);
+}
+
+function AC_FL_RunContent(){
+  var ret = 
+    AC_GetArgs
+    (  arguments, ".swf", "movie", "clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"
+     , "application/x-shockwave-flash"
+    );
+  AC_Generateobj(ret.objAttrs, ret.params, ret.embedAttrs);
+}
+
+function AC_GetArgs(args, ext, srcParamName, classid, mimeType){
+  var ret = new Object();
+  ret.embedAttrs = new Object();
+  ret.params = new Object();
+  ret.objAttrs = new Object();
+  for (var i=0; i < args.length; i=i+2){
+    var currArg = args[i].toLowerCase();    
+
+    switch (currArg){	
+      case "classid":
+        break;
+      case "pluginspage":
+        ret.embedAttrs[args[i]] = args[i+1];
+        break;
+      case "src":
+      case "movie":	
+        args[i+1] = AC_AddExtension(args[i+1], ext);
+        ret.embedAttrs["src"] = args[i+1];
+        ret.params[srcParamName] = args[i+1];
+        break;
+      case "onafterupdate":
+      case "onbeforeupdate":
+      case "onblur":
+      case "oncellchange":
+      case "onclick":
+      case "ondblClick":
+      case "ondrag":
+      case "ondragend":
+      case "ondragenter":
+      case "ondragleave":
+      case "ondragover":
+      case "ondrop":
+      case "onfinish":
+      case "onfocus":
+      case "onhelp":
+      case "onmousedown":
+      case "onmouseup":
+      case "onmouseover":
+      case "onmousemove":
+      case "onmouseout":
+      case "onkeypress":
+      case "onkeydown":
+      case "onkeyup":
+      case "onload":
+      case "onlosecapture":
+      case "onpropertychange":
+      case "onreadystatechange":
+      case "onrowsdelete":
+      case "onrowenter":
+      case "onrowexit":
+      case "onrowsinserted":
+      case "onstart":
+      case "onscroll":
+      case "onbeforeeditfocus":
+      case "onactivate":
+      case "onbeforedeactivate":
+      case "ondeactivate":
+      case "type":
+      case "codebase":
+      case "id":
+        ret.objAttrs[args[i]] = args[i+1];
+        break;
+      case "width":
+      case "height":
+      case "align":
+      case "vspace": 
+      case "hspace":
+      case "class":
+      case "title":
+      case "accesskey":
+      case "name":
+      case "tabindex":
+        ret.embedAttrs[args[i]] = ret.objAttrs[args[i]] = args[i+1];
+        break;
+      default:
+        ret.embedAttrs[args[i]] = ret.params[args[i]] = args[i+1];
+    }
+  }
+  ret.objAttrs["classid"] = classid;
+  if (mimeType) ret.embedAttrs["type"] = mimeType;
+  return ret;
+}
+
+

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/SourceTab.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/SourceTab.mxml b/TourDeFlex/TourDeFlex3/src/SourceTab.mxml
new file mode 100755
index 0000000..76340be
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/SourceTab.mxml
@@ -0,0 +1,59 @@
+<?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.
+  -->
+
+<mx:VBox xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx" width="100%" height="100%">
+
+    <fx:Script>
+        <![CDATA[
+
+        import mx.rpc.events.ResultEvent;
+        import mx.rpc.events.FaultEvent;
+        import mx.controls.Alert;
+
+        public function set source(file:String):void
+        {
+            label = file.substring(file.lastIndexOf("/")+1);
+            srv.url = file;
+            srv.send();
+			ta.verticalScrollPosition = 19; // at end of header
+        }
+
+        private function resultHandler(event:ResultEvent):void
+        {
+            var str:String = String(event.result);
+            var r:RegExp = new RegExp("\r\n", "gs");
+            str = str.replace(r, "\r");
+            ta.text = str;
+        }
+
+        private function faultHandler(event:FaultEvent):void
+        {
+            Alert.show("Error loading source file");
+        }
+
+        ]]>
+    </fx:Script>
+
+	<fx:Declarations>
+    	<mx:HTTPService id="srv" useProxy="false" resultFormat="text" result="resultHandler(event)" fault="faultHandler(event)"/>
+	</fx:Declarations>
+	
+    <mx:TextArea id= "ta" color="#0000A0" fontFamily="Courier" editable="false" wordWrap="false" width="100%" height="100%"/>
+
+</mx:VBox>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/apache/ApacheFlex4_10_0.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/apache/ApacheFlex4_10_0.mxml b/TourDeFlex/TourDeFlex3/src/apache/ApacheFlex4_10_0.mxml
new file mode 100644
index 0000000..e8fdb6b
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/apache/ApacheFlex4_10_0.mxml
@@ -0,0 +1,54 @@
+<?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.
+
+-->
+<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
+			   xmlns:s="library://ns.adobe.com/flex/spark" 
+			   xmlns:mx="library://ns.adobe.com/flex/mx">
+	<s:layout>
+		<s:VerticalLayout paddingLeft="20" paddingTop="20" />
+	</s:layout>
+	
+	<s:HGroup>
+		<s:Image source="@Embed('/assets/ApacheFlexLogo.png')" width="50" height="50" />
+		<s:VGroup height="100%" verticalAlign="middle">
+			<s:Label text="Apache Flex 4.10" fontSize="20" fontWeight="bold" />
+			<s:Label text="Released Aug 6, 2013" />	
+		</s:VGroup>	
+	</s:HGroup>
+
+	<s:RichText width="100%">
+		<s:p />
+		<s:p>Apache Flex community releases Flex 4.10.0.</s:p>
+		<s:p />
+		<s:p>Differences and highlights include:</s:p>
+		<s:list>
+			<s:li>Support for latest versions of Flash Player (up to 11.8) and AIR runtimes (up to 3.8)</s:li>
+			<s:li>Improved support for older Flash Player versions (down to 10.2)</s:li>
+			<s:li>Linux support</s:li>
+			<s:li>15 new Spark components</s:li>
+			<s:li>Advanced telemetry support</s:li>
+			<s:li>480 dpi mobile skins</s:li>
+			<s:li>Over 200 bugs fixeds</s:li>
+		</s:list>
+		<s:p />
+		<s:p>For a full list of changes please see the README.</s:p>
+		<s:p />
+	</s:RichText>
+	<s:Label text="Content from Wikipedia licenced under a Creative Commons Attribution-ShareAlike 3.0 Unported License" fontSize="9" />
+</s:Application>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/apache/ApacheFlex4_11_0.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/apache/ApacheFlex4_11_0.mxml b/TourDeFlex/TourDeFlex3/src/apache/ApacheFlex4_11_0.mxml
new file mode 100644
index 0000000..4417529
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/apache/ApacheFlex4_11_0.mxml
@@ -0,0 +1,54 @@
+<?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.
+
+-->
+<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
+			   xmlns:s="library://ns.adobe.com/flex/spark" 
+			   xmlns:mx="library://ns.adobe.com/flex/mx">
+	<s:layout>
+		<s:VerticalLayout paddingLeft="20" paddingTop="20" />
+	</s:layout>
+	
+	<s:HGroup>
+		<s:Image source="@Embed('/assets/ApacheFlexLogo.png')" width="50" height="50" />
+		<s:VGroup height="100%" verticalAlign="middle">
+			<s:Label text="Apache Flex 4.11" fontSize="20" fontWeight="bold" />
+			<s:Label text="Released Oct 28, 2013" />
+		</s:VGroup>	
+	</s:HGroup>
+	
+	<s:RichText width="100%">
+		<s:p />
+		<s:p>Apache Flex community releases Flex 4.11.0.</s:p>
+		<s:p />
+		<s:p>Differences and highlights include:</s:p>
+		<s:list>
+			<s:li>Support for Flash Player 11.9 and AIR runtime 3.9</s:li>
+			<s:li>mx:AdvancedDataGrid and mx:DataGrid speed improvements</s:li>
+			<s:li>Updated OSMF to latest version</s:li>
+			<s:li>Mobile datagrid component</s:li>
+			<s:li>120 and 640 dpi mobile skins</s:li>
+			<s:li>Desktop callout component</s:li>
+			<s:li>Over 50 bugs fixed</s:li>
+		</s:list>
+		<s:p />
+		<s:p>For a full list of changes please see the README.</s:p>
+		<s:p />
+	</s:RichText>
+	<s:Label text="Content from Wikipedia licenced under a Creative Commons Attribution-ShareAlike 3.0 Unported License" fontSize="9" />
+</s:Application>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/apache/ApacheFlex4_12_1.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/apache/ApacheFlex4_12_1.mxml b/TourDeFlex/TourDeFlex3/src/apache/ApacheFlex4_12_1.mxml
new file mode 100644
index 0000000..5ec5b4f
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/apache/ApacheFlex4_12_1.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.
+
+-->
+<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
+			   xmlns:s="library://ns.adobe.com/flex/spark" 
+			   xmlns:mx="library://ns.adobe.com/flex/mx">
+	<s:layout>
+		<s:VerticalLayout paddingLeft="20" paddingTop="20" />
+	</s:layout>
+	
+	<s:HGroup>
+		<s:Image source="@Embed('/assets/ApacheFlexLogo.png')" width="50" height="50" />
+		<s:VGroup height="100%" verticalAlign="middle">
+			<s:Label text="Apache Flex 4.12" fontSize="20" fontWeight="bold" />
+			<s:Label text="Released May 3, 2014" />
+		</s:VGroup>	
+	</s:HGroup>
+	
+	<s:RichText width="100%">
+		<s:p />
+		<s:p>Apache Flex community releases Flex 4.12.1.</s:p>
+		<s:p />
+		<s:p>Differences and highlights in 4.12.0 and 4.12.1 include:</s:p>
+		<s:list>
+			<s:li>Support for Flash Player 12.0 and 13.0 and AIR runtime 4.0 and 13.0</s:li>
+			<s:li>Fixed Adobe Flash Builder bug, which inserts a incorrect attribute while creating a new project that uses Apache Flex SDK</s:li>
+			<s:li>Extended mobile media query support</s:li>
+			<s:li>Improved mobile memory usage/performance</s:li>
+			<s:li>Improved iPad and iOS7 support</s:li>
+			<s:li>mx:AdvancedDataGrid and mx:DataGrid performance improvements</s:li>
+			<s:li>New MaskedTextinput component</s:li>
+			<s:li>JSON support for ArrayCollection and ArrayList</s:li>
+			<s:li>Over 100 bugs fixed</s:li>
+		</s:list>
+		<s:p />
+		<s:p>For a full list of changes please see the README.</s:p>
+		<s:p />
+	</s:RichText>
+	<s:Label text="Content from Wikipedia licenced under a Creative Commons Attribution-ShareAlike 3.0 Unported License" fontSize="9" />
+</s:Application>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/apache/ApacheFlex4_13_0.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/apache/ApacheFlex4_13_0.mxml b/TourDeFlex/TourDeFlex3/src/apache/ApacheFlex4_13_0.mxml
new file mode 100644
index 0000000..99ea77d
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/apache/ApacheFlex4_13_0.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.
+
+-->
+<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
+			   xmlns:s="library://ns.adobe.com/flex/spark" 
+			   xmlns:mx="library://ns.adobe.com/flex/mx">
+	<s:layout>
+		<s:VerticalLayout paddingLeft="20" paddingTop="20" />
+	</s:layout>
+	
+	<s:HGroup>
+		<s:Image source="@Embed('/assets/ApacheFlexLogo.png')" width="50" height="50" />
+		<s:VGroup height="100%" verticalAlign="middle">
+			<s:Label text="Apache Flex 4.13" fontSize="20" fontWeight="bold" />
+			<s:Label text="Released Jul 28, 2014" />
+		</s:VGroup>	
+	</s:HGroup>
+	
+	<s:RichText width="100%">
+		<s:p />
+		<s:p>Apache Flex community releases Flex 4.13.0.</s:p>
+		<s:p />
+		<s:p>Differences and highlights include:</s:p>
+		<s:list>
+			<s:li>Support for Flash Player 14.0 and AIR runtime 14.0</s:li>
+			<s:li>FDB supports debugging ActionScript Workers</s:li>
+			<s:li>percentWidth for GridColumn</s:li>
+			<s:li>Add Chinese translations for all the installers of Flex</s:li>
+			<s:li>Over 30 bugs fixed</s:li>
+		</s:list>
+		<s:p />
+		<s:p>For a full list of changes please see the README.</s:p>
+		<s:p />
+	</s:RichText>
+	<s:Label text="Content from Wikipedia licenced under a Creative Commons Attribution-ShareAlike 3.0 Unported License" fontSize="9" />
+</s:Application>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/apache/ApacheFlex4_8_0.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/apache/ApacheFlex4_8_0.mxml b/TourDeFlex/TourDeFlex3/src/apache/ApacheFlex4_8_0.mxml
new file mode 100644
index 0000000..e4e2009
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/apache/ApacheFlex4_8_0.mxml
@@ -0,0 +1,50 @@
+<?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.
+
+-->
+<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
+			   xmlns:s="library://ns.adobe.com/flex/spark" 
+			   xmlns:mx="library://ns.adobe.com/flex/mx">
+	<s:layout>
+		<s:VerticalLayout paddingLeft="20" paddingTop="20" />
+	</s:layout>
+	
+	<s:HGroup>
+		<s:Image source="@Embed('/assets/ApacheFlexLogo.png')" width="50" height="50" />
+		<s:VGroup height="100%" verticalAlign="middle">
+			<s:Label text="Apache Flex 4.8 (incubating)" fontSize="20" fontWeight="bold" />
+			<s:Label text="Released Jul 25, 2012" />
+		</s:VGroup>	
+	</s:HGroup>
+	
+	<s:RichText width="100%">
+		<s:p />
+		<s:p>Apache Flex community releases Flex 4.8.0 incubating and it as a parity release with Adobe Flex 4.6.0. This is the first release under the incubator of the Apache Software Foundation and represents the initial donation of Adobe Flex 4.6 by Adobe System Inc.</s:p>
+		<s:p />
+		<s:p>Differences and highlights include:</s:p>
+		<s:list>
+			<s:li>Flex trademark issues are largely cleared up</s:li>
+			<s:li>Bug-tracking / issue-tracking system (JIRA) transferred from the Adobe bug tracker to Apache bug tracker</s:li>
+			<s:li>Mustela test suite is donated to Apache</s:li>
+		</s:list>
+		<s:p />
+		<s:p>For a full list of changes please see the README.</s:p>
+		<s:p />
+	</s:RichText>
+	<s:Label text="Content from Wikipedia licenced under a Creative Commons Attribution-ShareAlike 3.0 Unported License" fontSize="9" />
+</s:Application>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/apache/ApacheFlex4_9_0.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/apache/ApacheFlex4_9_0.mxml b/TourDeFlex/TourDeFlex3/src/apache/ApacheFlex4_9_0.mxml
new file mode 100644
index 0000000..ec00457
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/apache/ApacheFlex4_9_0.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.
+
+-->
+<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
+			   xmlns:s="library://ns.adobe.com/flex/spark" 
+			   xmlns:mx="library://ns.adobe.com/flex/mx">
+	<s:layout>
+		<s:VerticalLayout paddingLeft="20" paddingTop="20" />
+	</s:layout>
+	
+	<s:HGroup>
+		<s:Image source="@Embed('/assets/ApacheFlexLogo.png')" width="50" height="50" />
+		<s:VGroup height="100%" verticalAlign="middle">
+			<s:Label text="Apache Flex 4.9" fontSize="20" fontWeight="bold" />
+			<s:Label text="Released Jan 11, 2013" />
+		</s:VGroup>	
+	</s:HGroup>
+	
+	<s:RichText width="100%">
+		<s:p />
+		<s:p>Apache Flex community releases Flex 4.9.0. This is the first release since Apache Flex became a top level project of the Apache Software Foundation.</s:p>
+		<s:p />
+		<s:p>Differences and highlights include:</s:p>
+		<s:list>
+			<s:li>New locales for Apache Flex including Australian, British, Canadian, Greek, Switzerland (German) and Portuguese</s:li>
+			<s:li>Apache Flex SDK can be compiled for any version of the Flash Player from 10.2 to 11.5</s:li>
+			<s:li>New PostCodeFormatter and PostCodeValidator classes for international postcode formatting and validation</s:li>
+			<s:li>New VectorList and VectorCollection classes for lists and collections of vectors</s:li>
+			<s:li>New version of the TLF (Text Layout Framework), the TLF 3.0.33 source code is now included as it is now part of the Apache Flex donation</s:li>
+			<s:li>Can use Java 7 to compile SDK (see README for instructions)</s:li>
+			<s:li>Many improvements and updates to Mustella tests</s:li>
+			<s:li>An SDK installer has also been created and is the recommended way of installing the Apache Flex SDK in an IDE</s:li>
+			<s:li>Various important bug fixes</s:li>
+		</s:list>
+		<s:p />
+		<s:p>For a full list of changes please see the README.</s:p>
+		<s:p />
+	</s:RichText>
+	<s:Label text="Content from Wikipedia licenced under a Creative Commons Attribution-ShareAlike 3.0 Unported License" fontSize="9" />
+</s:Application>

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

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/explorer.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/explorer.html b/TourDeFlex/TourDeFlex3/src/explorer.html
new file mode 100755
index 0000000..8cac3d3
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/explorer.html
@@ -0,0 +1,65 @@
+<!--
+  ~ 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.
+  -->
+<html lang="en">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<title>Apache Flex Tour De Flex Component Explorer</title>
+<script src="AC_OETags.js" language="javascript"></script>
+<style>
+body { margin: 0px; overflow:hidden }
+</style>
+</head>
+
+<body scroll='no'>
+<script language="JavaScript" type="text/javascript">
+<!--
+		AC_FL_RunContent(
+					"src", "explorer",
+					"width", "100%",
+					"height", "100%",
+					"align", "middle",
+					"id", "explorer",
+					"quality", "high",
+					"bgcolor", "#869ca7",
+					"name", "explorer",
+					"allowScriptAccess","sameDomain",
+					"type", "application/x-shockwave-flash",
+					"pluginspage", "http://www.adobe.com/go/getflashplayer"
+	);
+// -->
+</script>
+<noscript>
+	<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
+			id="explorer" width="100%" height="100%"
+			codebase="http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab">
+			<param name="movie" value="explorer.swf" />
+			<param name="quality" value="high" />
+			<param name="bgcolor" value="#869ca7" />
+			<param name="allowScriptAccess" value="sameDomain" />
+			<embed src="explorer.swf" quality="high" bgcolor="#869ca7"
+				width="100%" height="100%" name="explorer" align="middle"
+				play="true"
+				loop="false"
+				quality="high"
+				allowScriptAccess="sameDomain"
+				type="application/x-shockwave-flash"
+				pluginspage="http://www.adobe.com/go/getflashplayer">
+			</embed>
+	</object>
+</noscript>
+</body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/explorer.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/explorer.mxml b/TourDeFlex/TourDeFlex3/src/explorer.mxml
new file mode 100755
index 0000000..9fed529
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/explorer.mxml
@@ -0,0 +1,77 @@
+<?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.
+  -->
+
+<mx:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx" xmlns:explorer="*"
+    width="100%" height="100%" pageTitle="{TITLE}"
+    initialize="sdk.send()" layout="vertical">
+
+    <fx:Script>
+        <![CDATA[
+			
+		static protected const VERSION:String = "1.0";	
+		static protected const TITLE:String = "Tour De Flex Component Explorer";
+		static protected const FULL_TITLE:String = "Apache Flex™ Tour De Flex Component Explorer " + VERSION;
+
+        private function treeChanged(event:Event):void
+        {
+            var nodeApp:String = compLibTree.selectedItem.@app;
+            if (nodeApp != null && nodeApp != "")
+            {
+                swfLoader.loadApp(nodeApp + ".swf");
+                vs.loadSource(nodeApp, compLibTree.selectedItem.@src);
+            }
+            else
+            {
+                compLibTree.expandItem(compLibTree.selectedItem, true, true);
+            }
+        }
+
+        private function xmlLoaded():void
+        {
+            explorerTree = XML(sdk.lastResult.node);
+            compLibTree.dataProvider = explorerTree;
+        }
+        ]]>
+    </fx:Script>
+
+	<fx:Declarations>
+    	<fx:XML id="explorerTree"/>
+
+   		<mx:HTTPService id="sdk" url="explorer.xml" resultFormat="e4x" result="xmlLoaded()" />
+	</fx:Declarations>
+	
+	<mx:HBox width="100%">
+		<mx:Image source="./mx/controls/assets/ApacheFlexIcon.png" />
+		<mx:Label text="{FULL_TITLE}" fontSize="20" fontWeight="bold" />
+	</mx:HBox>
+    <mx:HDividedBox width="100%" height="100%">
+        <mx:Panel width="30%" height="100%" title="{TITLE}" dropShadowVisible="false">
+            <mx:Tree id="compLibTree" width="100%" height="100%" showRoot="false" labelField="@label" borderStyle="none"
+                     change="treeChanged(event)"/>
+        </mx:Panel>
+        <mx:VDividedBox width="100%" height="100%">
+            <explorer:loaderPanel id="swfLoader" width="100%" height="50%"/>
+            <mx:VBox width="100%" height="50%" backgroundColor="#FFFFFF">
+                <explorer:viewsource id="vs" width="100%" height="100%"/>
+            </mx:VBox>
+        </mx:VDividedBox>
+    </mx:HDividedBox>
+	<mx:HBox width="100%">
+		<mx:Label fontSize="9" width="100%" text="Copyright © 2014 The Apache Software Foundation, Licensed under the Apache License, Version 2.0. Apache Flex is trademark of The Apache Software Foundation." />
+	</mx:HBox>
+</mx:Application>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/explorer.xml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/explorer.xml b/TourDeFlex/TourDeFlex3/src/explorer.xml
new file mode 100755
index 0000000..c898eb1
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/explorer.xml
@@ -0,0 +1,443 @@
+<?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.
+  -->
+
+<compTree>
+	<node>
+		<node label="MX Framework Components">
+			<node label="Visual Components">
+				<node label="General Controls">
+					<node label="Alert" app="mx/controls/SimpleAlert" />
+					<node label="ColorPicker" app="mx/controls/ColorPickerExample" />
+					<node label="ComboBox" app="mx/controls/SimpleComboBox" />
+					<node label="DataGrid" app="mx/controls/SimpleDataGrid" />
+					<node label="HorizontalList" app="mx/controls/HorizontalListExample" />
+					<node label="HRule" app="mx/controls/SimpleHRule" />
+					<node label="HScrollBar" app="mx/controls/HScrollBarExample" />
+					<node label="HSlider" app="mx/controls/SimpleImageHSlider" />
+					<node label="List" app="mx/controls/SimpleList" />
+					<node label="NumericStepper" app="mx/controls/NumericStepperExample" />
+					<node label="ProgressBar" app="mx/controls/SimpleProgressBar" />
+					<node label="Spacer" app="mx/controls/SpacerExample" />
+					<node label="TabBar" app="mx/controls/TabBarExample" />
+					<node label="TileList" app="mx/controls/TileListExample" />
+					<node label="Tree" app="mx/controls/TreeExample" />
+					<node label="VRule" app="mx/controls/SimpleVRule" />
+					<node label="VScrollBar" app="mx/controls/VScrollBarExample" />
+					<node label="VSlider" app="mx/controls/SimpleImageVSlider" />
+				</node>
+				<node label="Button Controls">
+					<node label="Button" app="mx/controls/ButtonExample" />
+					<node label="ButtonBar" app="mx/controls/ButtonBarExample" />
+					<node label="CheckBox" app="mx/controls/CheckBoxExample" />
+					<node label="LinkBar" app="mx/controls/LinkBarExample" />
+					<node label="LinkButton" app="mx/controls/LinkButtonExample" />
+					<node label="PopUpButton" app="mx/controls/PopUpButtonExample" />
+					<node label="RadioButton" app="mx/controls/RadioButtonExample" />
+					<node label="RadioButtonGroup" app="mx/controls/RadioButtonGroupExample" />
+					<node label="ToggleButtonBar" app="mx/controls/ToggleButtonBarExample" />
+				</node>
+				<node label="Date Controls">
+					<node label="DateChooser" app="mx/controls/DateChooserExample" />
+					<node label="DateField" app="mx/controls/DateFieldExample" />
+				</node>
+				<node label="Loader Controls">
+					<node label="Image" app="mx/controls/SimpleImage" />
+					<node label="SWFLoader" app="mx/controls/SimpleLoader" src="mx/controls/Local.mxml" />
+					<node label="VideoDisplay" app="mx/controls/VideoDisplayExample" />
+				</node>
+				<node label="Menu Controls">
+					<node label="Menu" app="mx/controls/SimpleMenuExample" />
+					<node label="MenuBar" app="mx/controls/MenuBarExample" />
+					<node label="PopUpMenuButton" app="mx/controls/PopUpButtonMenuExample" />
+				</node>
+				<node label="Text Controls">
+					<node label="Label" app="mx/controls/LabelExample" />
+					<node label="RichTextEditor" app="mx/controls/RichTextEditorExample" />
+					<node label="Text" app="mx/controls/TextExample" />
+					<node label="TextArea" app="mx/controls/TextAreaExample" />
+					<node label="TextInput" app="mx/controls/TextInputExample" />
+				</node>
+				<node label="Containers">
+					<node label="Application" app="mx/core/SimpleApplicationExample" />
+					<node label="Accordion" app="mx/containers/AccordionExample" />
+					<node label="ApplicationControlBar" app="mx/containers/SimpleApplicationControlBarExample" />
+					<node label="Box" app="mx/containers/SimpleBoxExample" />
+					<node label="Canvas" app="mx/containers/SimpleCanvasExample" />
+					<node label="ControlBar" app="mx/containers/SimpleControlBarExample" />
+					<node label="DividedBox" app="mx/containers/DividedBoxExample" />
+					<node label="Form, FormHeading, FormItem" app="mx/containers/FormExample" />
+					<node label="Grid, GridItem, GridRow" app="mx/containers/GridLayoutExample" />
+					<node label="HBox" app="mx/containers/HBoxExample" />
+					<node label="HDividedBox" app="mx/containers/HDividedBoxExample" />
+					<node label="Panel" app="mx/containers/SimplePanelExample" />
+					<node label="TabNavigator" app="mx/containers/TabNavigatorExample" />
+					<node label="Tile" app="mx/containers/TileLayoutExample" />
+					<node label="TitleWindow" app="mx/containers/TitleWindowApp"
+						src="mx/containers/SimpleTitleWindowExample.mxml" />
+					<node label="VBox" app="mx/containers/VBoxExample" />
+					<node label="VDividedBox" app="mx/containers/VDividedBoxExample" />
+					<node label="ViewStack" app="mx/containers/ViewStackExample" />
+				</node>
+				<node label="Repeater Control">
+					<node label="Repeater" app="mx/core/RepeaterExample" />
+				</node>
+			</node>
+			<node label="Print Controls">
+				<node label="FlexPrintJob, PrintDataGrid" app="mx/printing/PrintDataGridExample"
+					src="mx/printing/FormPrintView.mxml&amp;printing/FormPrintHeader.mxml&amp;mx/printing/FormPrintFooter.mxml" />
+			</node>
+			<node label="Validators and Formatters">
+				<node label="Validators">
+					<node label="CreditCardValidator" app="mx/validators/CreditCardValidatorExample" />
+					<node label="CurrencyValidator" app="mx/validators/CurrencyValidatorExample" />
+					<node label="DateValidator" app="mx/validators/DateValidatorExample" />
+					<node label="EmailValidator" app="mx/validators/EmailValidatorExample" />
+					<node label="NumberValidator" app="mx/validators/NumberValidatorExample" />
+					<node label="PhoneNumberValidator" app="mx/validators/PhoneNumberValidatorExample" />
+					<node label="RegExpValidator" app="mx/validators/RegExValidatorExample" />
+					<node label="SocialSecurityValidator" app="mx/validators/SocialSecurityValidatorExample" />
+					<node label="StringValidator" app="mx/validators/StringValidatorExample" />
+					<node label="Validator" app="mx/validators/SimpleValidatorExample" />
+					<node label="ZipCodeValidator" app="mx/validators/ZipCodeValidatorExample" />
+				</node>
+				<node label="Formatters">
+					<node label="CurrencyFormatter" app="mx/formatters/CurrencyFormatterExample" />
+					<node label="DateFormatter" app="mx/formatters/DateFormatterExample" />
+					<node label="Formatter" app="mx/formatters/SimpleFormatterExample" />
+					<node label="NumberFormatter" app="mx/formatters/NumberFormatterExample" />
+					<node label="PhoneFormatter" app="mx/formatters/PhoneFormatterExample" />
+					<node label="SwitchSymbolFormatter" app="mx/formatters/SwitchSymbolFormatterExample" />
+					<node label="ZipCodeFormatter" app="mx/formatters/ZipCodeFormatterExample" />
+				</node>
+			</node>
+			<node label="Effects, View States, and Transitions">
+				<node label="Effects">
+					<node label="AddItemActionEffect" app="mx/effects/AddItemActionEffectExample" />
+					<node label="AnimateProperty" app="mx/effects/AnimatePropertyEffectExample" />
+					<node label="Blur" app="mx/effects/BlurEffectExample" />
+					<node label="Dissolve" app="mx/effects/DissolveEffectExample" />
+					<node label="Effect" app="mx/effects/SimpleEffectExample" />
+					<node label="Fade" app="mx/effects/FadeEffectExample" />
+					<node label="Glow" app="mx/effects/GlowEffectExample" />
+					<node label="Iris" app="mx/effects/IrisEffectExample" />
+					<node label="Move" app="mx/effects/MoveEffectExample" />
+					<node label="Parallel" app="mx/effects/ParallelEffectExample" />
+					<node label="Pause" app="mx/effects/PauseEffectExample" />
+					<node label="RemoveItemActionEffect" app="mx/effects/AddItemActionEffectExample" />
+					<node label="Resize" app="mx/effects/ResizeEffectExample" />
+					<node label="Rotate" app="mx/effects/RotateEffectExample" />
+					<node label="Sequence" app="mx/effects/SequenceEffectExample" />
+					<node label="SoundEffect" app="mx/effects/SoundEffectExample" />
+					<node label="WipeDown" app="mx/effects/WipeDownExample" />
+					<node label="WipeLeft" app="mx/effects/WipeLeftExample" />
+					<node label="WipeRight" app="mx/effects/WipeRightExample" />
+					<node label="WipeUp" app="mx/effects/WipeUpExample" />
+					<node label="Zoom" app="mx/effects/ZoomEffectExample" />
+				</node>
+				<node label="View States">
+					<node label="State" app="mx/states/StatesExample" />
+				</node>
+				<node label="Transitions">
+					<node label="Transition" app="mx/states/TransitionExample" />
+				</node>
+			</node>
+			<node label="Datavisualization Components">
+				<node label="Charts">
+					<node label="Chart Controls">
+						<node label="AreaChart" app="mx/charts/Line_AreaChartExample" />
+						<node label="AxisRenderer" app="mx/charts/HLOCChartExample" />
+						<node label="BarChart" app="mx/charts/Column_BarChartExample" />
+						<node label="BubbleChart" app="mx/charts/BubbleChartExample" />
+						<node label="CandlestickChart" app="mx/charts/CandlestickChartExample" />
+						<node label="CategoryAxis" app="mx/charts/HLOCChartExample" />
+						<node label="ColumnChart" app="mx/charts/Column_BarChartExample" />
+						<node label="DateTimeAxis" app="mx/charts/DateTimeAxisExample" />
+						<node label="GridLines" app="mx/charts/GridLinesExample" />
+						<node label="HLOCChart" app="mx/charts/HLOCChartExample" />
+						<node label="Legend" app="mx/charts/PlotChartExample" />
+						<node label="LinearAxis" app="mx/charts/HLOCChartExample" />
+						<node label="LineChart" app="mx/charts/Line_AreaChartExample" />
+						<node label="LogAxis" app="mx/charts/LogAxisExample" />
+						<node label="PieChart" app="mx/charts/PieChartExample" />
+						<node label="PlotChart" app="mx/charts/PlotChartExample" />
+					</node>
+					<node label="Chart Series">
+						<node label="AreaSeries" app="mx/charts/Line_AreaChartExample" />
+						<node label="BarSeries" app="mx/charts/Column_BarChartExample" />
+						<node label="BubbleSeries" app="mx/charts/BubbleChartExample" />
+						<node label="CandlestickSeries" app="mx/charts/CandlestickChartExample" />
+						<node label="ColumnSeries" app="mx/charts/Column_BarChartExample" />
+						<node label="HLOCSeries" app="mx/charts/HLOCChartExample" />
+						<node label="LineSeries" app="mx/charts/Line_AreaChartExample" />
+						<node label="PieSeries" app="mx/charts/PieChartExample" />
+						<node label="PlotSeries" app="mx/charts/PlotChartExample" />
+					</node>
+					<node label="Chart Effects">
+						<node label="SeriesInterpolate" app="mx/charts/SeriesInterpolateExample" />
+						<node label="SeriesSlide" app="mx/charts/SeriesSlideExample" />
+						<node label="SeriesZoom" app="mx/charts/SeriesZoomExample" />
+					</node>
+				</node>
+				<node label="AdancedDataGrid">
+					<node label="AdvancedDataGrid" app="mx/controls/AdvancedDataGridExample" />
+				</node>
+				<node label="OLAPDataGrid">
+					<node label="OLAPDataGrid" app="mx/controls/OLAPDataGridExample" />
+				</node>
+				<node label="Printing">
+					<node label="ADG Printing" app="mx/printing/AdvancedPrintDataGridExample" />
+				</node>
+			</node>
+		</node>
+		<node label="Spark Framework Components">
+			<node label="Techniques and Examples">
+				<node label="Advanced CSS">
+					<node label="Descendant Selector" app="spark/css/CSSDescendantSelectorExample" />
+					<node label="ID Selector" app="spark/css/CSSIDSelectorExample" />
+					<node label="Type + Class Selector" app="spark/css/CSSTypeClassSelectorExample" />
+				</node>
+				<node label="Binding">
+					<node label="Bidirectional Binding" app="spark/other/BidirectionalBinding1Example" />
+					<node label="Bidirectional Binding" app="spark/other/BidirectionalBinding2Example" />
+				</node>
+				<node label="Cursors">
+					<node label="Busy Cursor" app="spark/other/Cursor1Example" />
+					<node label="Custom Cursor" app="spark/other/Cursor2Example" />
+				</node>
+				<!-- Require remote service to work
+				<node label="DataGrid">
+					<node label="DataGrid" app="spark/controls/DataGridExample2"/>
+					<node label="Custom Renderer" app="spark/controls/DataGridCustomRendererExample"/>
+					<node label="Custom Renderer" app="spark/controls/DataGridCustomRendererPrepareExample"/>
+					<node label="Custom Skin" app="spark/controls/DataGridCustomSkinExample"/>
+					<node label="Columns" app="spark/controls/DataGridSimpleColumnsExample"/>
+					<node label="No wrap" app="spark/controls/DataGridSimpleNoWrapExample"/>
+					<node label="Sizing" app="spark/controls/DataGridSizingExample"/>
+				</node>
+				<node label="Data Paging">
+					<node label="Data Paging" app="spark/controls/ListDataPagingExample" />
+				</node>
+				-->
+				<node label="Drag and Drop">
+					<node label="List to List" app="spark/other/DragAndDrop1Example" />
+					<node label="List to Panel" app="spark/other/DragAndDrop2Example" />
+				</node>
+				<node label="Custom Components">
+					<node label="Search" app="spark/components/SearchExample" />
+					<node label="Video Player" app="spark/components/VideoPlayerExample" />
+				</node>
+				<node label="i18n">
+					<node label="Collator" app="spark/i18n/SparkCollatorExample"/>
+					<node label="Basic Collator" app="spark/i18n/SparkCollator2Example"/>
+					<node label="Currency Validator" app="spark/i18n/SparkCurrencyValidatorExample"/>
+					<node label="Basic Currency Validator" app="spark/i18n/SparkCurrencyValidator2Example"/>
+					<node label="Number Validator" app="spark/i18n/SparkNumberValidatorExample"/>
+					<node label="Basic Number Validator" app="spark/i18n/SparkNumberValidator2Example"/>
+					<node label="Date Time Formatter" app="spark/i18n/SparkDateTimeFormatterExample"/>
+					<node label="Basic Date Time Formatter" app="spark/i18n/SparkDateTimeFormatter2Example"/>
+					<node label="Currency Formatter" app="spark/i18n/SparkCurrencyFormatterExample"/>
+					<node label="Basic Currency Formatter" app="spark/i18n/SparkCurrencyFormatter2Example"/>
+					<node label="Number Formatter" app="spark/i18n/SparkNumberFormatterExample"/>
+					<node label="Basic Number Formatter" app="spark/i18n/SparkNumberFormatter2Example"/>
+					<node label="Sort" app="spark/i18n/SparkSortandSortFieldExample"/>
+					<node label="Basic Sort" app="spark/i18n/SparkSortandSortField2Example"/>
+					<node label="String Tools" app="spark/i18n/SparkStringToolsExample"/>
+					<node label="Formatters" app="spark/i18n/SparkFormatterExample"/>
+				</node>	
+				<node label="Item Renderers">
+					<node label="List" app="spark/itemRenderers/ListItemRendererExample"/>
+					<node label="Scale Image" app="spark/itemRenderers/ItemRenderer1Example" />
+					<node label="3D Rotate" app="spark/itemRenderers/ItemRenderer2Example" />
+				</node>
+				<node label="Events">
+					<node label="Inline property" app="spark/events/EventExample1" />
+					<node label="Inline block" app="spark/events/EventExample2" />
+					<node label="Function" app="spark/events/EventExample3" />
+					<node label="addEventListener" app="spark/events/EventExample4" />
+					<node label="Dispatch" app="spark/events/EventExample5" />
+					<node label="Custom" app="spark/events/EventExample6" />
+				</node>
+				<node label="Forms">
+					<node label="Help Form" app="spark/controls/SampleHelpFormExample"/>
+					<node label="Sequence Form" app="spark/controls/SampleSequenceFormExample"/>
+					<node label="Simple Form" app="spark/controls/SampleSimpleFormExample"/>
+					<node label="Stacked Form" app="spark/controls/SampleStackedFormExample"/>
+				</node>
+				<node label="Modules">
+					<node label="Load" app="spark/modules/ModuleExample" />
+				</node>
+				<node label="Repeater">
+					<node label="Repeater" app="spark/other/RepeaterExample" />
+				</node>
+				<node label="ScrollBars">
+					<node label="ScrollBars" app="spark/other/ScrollBarsExample" />
+				</node>
+				<node label="Skinning">
+					<node label="Button With Icon" app="spark/skinning/ButtonWithIconExample"/>
+					<node label="Application" app="spark/skinning/SkinningApplication1Example"/>
+					<node label="Application" app="spark/skinning/SkinningApplication2Example"/>
+					<node label="Application" app="spark/skinning/SkinningApplication3Example"/>
+					<node label="Container" app="spark/skinning/SkinningContainerExample"/>
+				</node>
+				<node label="Viewport">
+					<node label="Controlling Viewport" app="spark/other/ControllingViewportExample" />
+				</node>
+			</node>
+			<node label="Effects and Filters">
+				<node label="Move 3D" app="spark/effects/Move3DExample" />
+				<node label="Filter" app="spark/other/FilterExample" />
+				<node label="Wipe" app="spark/effects/WipeExample" />
+				<node label="Animate Property" app="spark/effects/AnimatePropertiesExample" />
+				<node label="Animate Transform" app="spark/effects/AnimateTransformExample" />
+				<!-- not working
+				<node label="Cross Fade" app="spark/effects/CrossFadeExample" />
+				 -->
+				<node label="Fade" app="spark/effects/FadeExample" />
+				<node label="Rotate 3D" app="spark/effects/Rotate3DExample" />
+				<node label="Scale 3D" app="spark/effects/Scale3DExample" />
+			</node>
+			<node label="Visual Components">
+				<node label="Containers">
+					<node label="Accordion" app="spark/controls/AccordionExample" />
+					<node label="Border" app="spark/containers/BorderExample"/>
+					<node label="DataGroup" app="spark/controls/DataGroupExample" />
+					<node label="Form" app="spark/controls/FormExample" />
+					<node label="HGroup" app="spark/containers/SampleHGroup" />
+					<node label="Group" app="spark/containers/GroupExample"/>
+					<node label="Panel" app="spark/containers/PanelExample"/>
+					<node label="SkinableDataContainer" app="spark/containers/SkinableDataContainerExample" />
+					<node label="TabNavigator" app="spark/containers/TabNavigator1Example" />
+					<node label="TabNavigator" app="spark/containers/TabNavigator2Example" />
+					<node label="TitleGroup" app="spark/containers/TileGroupExample" />
+					<node label="TitleWindow" app="spark/controls/TitleWindowExample" />
+					<node label="ViewStack" app="spark/controls/ViewStackExample" />
+					<node label="VGroup" app="spark/containers/SampleVGroup" />
+					<node label="Vertical Horizontal Align" app="spark/containers/SampleVerticalHorizontalAlign" />
+				</node>
+				<node label="Graphics and FXG">
+					<node label="Drop Shadow" app="spark/fxg/DropShadowGraphicExample" />
+					<node label="Image" app="spark/fxg/BitmapImageExample" />
+					<node label="Eclipse" app="spark/fxg/EclipseExample" />
+					<node label="Ellipse Transform" app="spark/fxg/EllipseTransformExample" />
+					<node label="Line" app="spark/fxg/LineExample" />
+					<node label="Linear Gradient" app="spark/fxg/LinearGradientsSpreadMethodExample" />
+					<node label="Rectangle" app="spark/fxg/RectExample" />
+					<node label="RichText" app="spark/fxg/RichTextExample" />
+					<node label="Static FXG" app="spark/fxg/StaticFXGExample" />
+				</node>
+				<node label="General Controls">
+					<node label="AdvancedDataGrid" app="spark/controls/AdvancedDatagridExample" />
+					<node label="Checkbox" app="spark/controls/CheckboxExample"/>
+					<node label="ColorPicker" app="spark/controls/ColorPickerExample" />
+					<node label="ComboBox" app="spark/controls/ComboBoxExample" />
+					<node label="DropDown" app="spark/controls/DropdownExample"/>
+					<node label="DataGrid" app="spark/controls/DataGridExample" />
+					<node label="Image" app="spark/controls/ImageExample" />
+					<node label="List" app="spark/controls/ListExample" />
+					<node label="Menu" app="spark/controls/MenuExample" />
+					<node label="NumericStepper" app="spark/controls/NumericStepperExample"/>
+					<node label="OLAPDataGrid" app="spark/controls/OLAPDataGridExample" />
+					<node label="ProgressBar" app="spark/controls/ProgressBarExample" />
+					<node label="RadioButton" app="spark/controls/RadioButtonExample"/>
+					<node label="ScrollBar" app="spark/controls/ScrollBarExample" />
+					<node label="Scroller" app="spark/controls/Scroller1Example"/>
+					<node label="Scroller and Tabbing" app="spark/controls/Scroller2Example"/>
+					<node label="Slider" app="spark/controls/SliderExample"/>
+					<node label="Spinner" app="spark/controls/SpinnerExample"/>
+					<!--  Removed to avoid putting swf in repo
+					<node label="SWFloader" app="spark/controls/SWFLoaderExample" />
+					-->
+					<node label="ToolTip" app="spark/controls/ToolTipExample" />
+					<node label="Tree" app="spark/controls/TreeExample" />
+					<node label="VideoDisplay" app="spark/controls/VideoDisplayExample" />
+					<node label="VideoDisplay" app="spark/controls/OSMFExample" />
+					<node label="VideoPlayer" app="spark/controls/VideoPlayerExample" />
+				</node>	
+				<node label="Button Controls">
+					<node label="Button" app="spark/controls/ButtonExample"/>
+					<node label="ButtonBar" app="spark/controls/ButtonBarExample"/>
+					<node label="LinkBar" app="spark/controls/LinkBarExample" />
+					<node label="LinkButton" app="spark/controls/LinkButtonExample" />
+					<node label="PopUpButton" app="spark/controls/PopupButtonExample" />
+					<node label="PopUpAnchor" app="spark/controls/PopUpAnchor1Example"/>
+					<node label="PopUpAnchor" app="spark/controls/PopUpAnchor2Example"/>
+					<node label="ToggleButton" app="spark/controls/ToggleButtonExample"/>
+					<node label="ToggleButtonBar" app="spark/controls/ToggleButtonBarExample" />
+				</node>
+				<node label="Date Controls">
+					<node label="DateChooser" app="spark/controls/DateChooserExample" />
+					<node label="DateField" app="spark/controls/DateFieldExample" />
+				</node>
+				<node label="Text Controls">
+					<node label="RichEditableText" app="spark/controls/RichEditableTextExample" />
+					<node label="TextArea" app="spark/controls/TextAreaExample" />
+					<node label="TextInput" app="spark/controls/TextInputExample" />
+					<node label="Sample Layout" app="spark/controls/TextLayout1Example" />
+					<node label="News Layout" app="spark/controls/TextLayout2Example" />
+					<node label="Text Controls" app="spark/controls/TextLayout3Example" />
+					<node label="Import Format Types" app="spark/controls/TextLayout4Example" />
+					<!--  Doesn't comile with current version of TLF
+					<node label="Text Layout Editor" app="spark/tlf/TextLayoutEditorSample" />
+					-->
+				</node>
+				<node label="Layouts">
+					<node label="Animated" app="spark/layouts/CustomLayoutAnimatedExample" />
+					<node label="Baseline" app="spark/layouts/CustomLayoutHBaselineExample" />
+					<node label="Image Wheel" app="spark/layouts/CustomLayoutFlickrWheelExample" />
+					<node label="Text Flow" app="spark/layouts/CustomLayoutFlowExample" />
+				</node>
+			</node>
+			<node label="Charts">
+				<node label="AreaChart" app="spark/charts/AreaChartExample" />
+				<node label="BarChart" app="spark/charts/BarChartExample" />
+				<node label="BubbleChart" app="spark/charts/BubbleChartExample" />
+				<node label="CandleStickChart" app="spark/charts/CandleStickChartExample" />
+				<node label="ColumnChart" app="spark/charts/ColumnChartExample" />
+				<node label="HLOCChart" app="spark/charts/HLOCChartExample" />
+				<node label="LineChart" app="spark/charts/LineChartExample" />
+				<node label="PieChart" app="spark/charts/PieChartExample" />
+				<node label="PlotChart" app="spark/charts/PlotChartExample" />
+				<node label="SeriesInterpolate" app="spark/charts/SeriesInterpolateExample" />
+				<node label="SeriesSlide" app="spark/charts/SeriesSlideExample" />
+				<node label="SeriesZoom" app="spark/charts/SeriesZoomExample" />
+			</node>
+			<node label="Validators and Formatters">
+				<node label="Validators">
+					<node label="CreditCardValidator" app="spark/validators/CreditCardValidatorExample" />
+					<node label="CurrencyValidator" app="spark/validators/CurrencyValidatorExample" />
+					<node label="DateValidator" app="spark/validators/DateValidatorExample" />
+					<node label="EmailValidator" app="spark/validators/EmailValidatorExample" />
+					<node label="NumberValidator" app="spark/validators/NumberValidatorExample" />
+					<node label="RegExpValidator" app="spark/validators/RegExpValidatorExample" />
+					<node label="SocialSecurityValidator" app="spark/validators/SocialSecurityValidatorExample" />
+					<node label="StringValidator" app="spark/validators/StringValidatorExample" />
+					<node label="Validator" app="spark/validators/FormValidatorExample" />
+					<node label="ZipCodeValidator" app="spark/validators/ZipCodeValidatorExample" />
+				</node>
+				<node label="Formatters">
+					<node label="CurrencyFormatter" app="spark/formatters/CurrencyFormatterExample" />
+					<node label="DateFormatter" app="spark/formatters/DateFormatterExample" />
+					<node label="NumberFormatter" app="spark/formatters/NumberFormatterExample" />
+					<node label="PhoneFormatter" app="spark/formatters/PhoneFormatterExample" />
+					<node label="SwitchFormatter" app="spark/formatters/SwitchFormatterExample" />
+					<node label="ZipCodeFormatter" app="spark/formatters/ZipCodeFormatterExample" />
+				</node>
+			</node>
+		</node>
+	</node>
+</compTree>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/loaderPanel.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/loaderPanel.mxml b/TourDeFlex/TourDeFlex3/src/loaderPanel.mxml
new file mode 100755
index 0000000..8abb460
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/loaderPanel.mxml
@@ -0,0 +1,35 @@
+<?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.
+  -->
+
+<mx:Panel xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx"
+		  horizontalAlign="center" headerHeight="10" dropShadowVisible="false">
+   <fx:Script>
+     <![CDATA[
+     
+	public function loadApp(swfApp:String):void
+    {
+    	myLoader.source = swfApp;
+    }
+    
+    ]]>
+  </fx:Script>
+
+<mx:SWFLoader id="myLoader" width="100%" height="100%" />
+
+</mx:Panel>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/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/e1f9d1df/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/e1f9d1df/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/e1f9d1df/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/e1f9d1df/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/e1f9d1df/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


[10/51] [partial] Merged TourDeFlex release from develop

Posted by jm...@apache.org.
http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/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/e1f9d1df/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/e1f9d1df/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/e1f9d1df/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/e1f9d1df/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/e1f9d1df/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/e1f9d1df/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/e1f9d1df/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/e1f9d1df/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/e1f9d1df/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/e1f9d1df/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/e1f9d1df/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/e1f9d1df/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/e1f9d1df/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/e1f9d1df/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/e1f9d1df/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/e1f9d1df/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/e1f9d1df/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/e1f9d1df/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/e1f9d1df/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/e1f9d1df/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

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/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/e1f9d1df/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/e1f9d1df/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/e1f9d1df/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/e1f9d1df/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/e1f9d1df/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/e1f9d1df/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/e1f9d1df/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/e1f9d1df/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/e1f9d1df/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


[50/51] [partial] Merged TourDeFlex release from develop

Posted by jm...@apache.org.
http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/LICENSE
----------------------------------------------------------------------
diff --git a/TourDeFlex/LICENSE b/TourDeFlex/LICENSE
new file mode 100644
index 0000000..df070f2
--- /dev/null
+++ b/TourDeFlex/LICENSE
@@ -0,0 +1,219 @@
+
+                                 Apache License
+                           Version 2.0, January 2004
+                        http://www.apache.org/licenses/
+
+   TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
+
+   1. Definitions.
+
+      "License" shall mean the terms and conditions for use, reproduction,
+      and distribution as defined by Sections 1 through 9 of this document.
+
+      "Licensor" shall mean the copyright owner or entity authorized by
+      the copyright owner that is granting the License.
+
+      "Legal Entity" shall mean the union of the acting entity and all
+      other entities that control, are controlled by, or are under common
+      control with that entity. For the purposes of this definition,
+      "control" means (i) the power, direct or indirect, to cause the
+      direction or management of such entity, whether by contract or
+      otherwise, or (ii) ownership of fifty percent (50%) or more of the
+      outstanding shares, or (iii) beneficial ownership of such entity.
+
+      "You" (or "Your") shall mean an individual or Legal Entity
+      exercising permissions granted by this License.
+
+      "Source" form shall mean the preferred form for making modifications,
+      including but not limited to software source code, documentation
+      source, and configuration files.
+
+      "Object" form shall mean any form resulting from mechanical
+      transformation or translation of a Source form, including but
+      not limited to compiled object code, generated documentation,
+      and conversions to other media types.
+
+      "Work" shall mean the work of authorship, whether in Source or
+      Object form, made available under the License, as indicated by a
+      copyright notice that is included in or attached to the work
+      (an example is provided in the Appendix below).
+
+      "Derivative Works" shall mean any work, whether in Source or Object
+      form, that is based on (or derived from) the Work and for which the
+      editorial revisions, annotations, elaborations, or other modifications
+      represent, as a whole, an original work of authorship. For the purposes
+      of this License, Derivative Works shall not include works that remain
+      separable from, or merely link (or bind by name) to the interfaces of,
+      the Work and Derivative Works thereof.
+
+      "Contribution" shall mean any work of authorship, including
+      the original version of the Work and any modifications or additions
+      to that Work or Derivative Works thereof, that is intentionally
+      submitted to Licensor for inclusion in the Work by the copyright owner
+      or by an individual or Legal Entity authorized to submit on behalf of
+      the copyright owner. For the purposes of this definition, "submitted"
+      means any form of electronic, verbal, or written communication sent
+      to the Licensor or its representatives, including but not limited to
+      communication on electronic mailing lists, source code control systems,
+      and issue tracking systems that are managed by, or on behalf of, the
+      Licensor for the purpose of discussing and improving the Work, but
+      excluding communication that is conspicuously marked or otherwise
+      designated in writing by the copyright owner as "Not a Contribution."
+
+      "Contributor" shall mean Licensor and any individual or Legal Entity
+      on behalf of whom a Contribution has been received by Licensor and
+      subsequently incorporated within the Work.
+
+   2. Grant of Copyright License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      copyright license to reproduce, prepare Derivative Works of,
+      publicly display, publicly perform, sublicense, and distribute the
+      Work and such Derivative Works in Source or Object form.
+
+   3. Grant of Patent License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      (except as stated in this section) patent license to make, have made,
+      use, offer to sell, sell, import, and otherwise transfer the Work,
+      where such license applies only to those patent claims licensable
+      by such Contributor that are necessarily infringed by their
+      Contribution(s) alone or by combination of their Contribution(s)
+      with the Work to which such Contribution(s) was submitted. If You
+      institute patent litigation against any entity (including a
+      cross-claim or counterclaim in a lawsuit) alleging that the Work
+      or a Contribution incorporated within the Work constitutes direct
+      or contributory patent infringement, then any patent licenses
+      granted to You under this License for that Work shall terminate
+      as of the date such litigation is filed.
+
+   4. Redistribution. You may reproduce and distribute copies of the
+      Work or Derivative Works thereof in any medium, with or without
+      modifications, and in Source or Object form, provided that You
+      meet the following conditions:
+
+      (a) You must give any other recipients of the Work or
+          Derivative Works a copy of this License; and
+
+      (b) You must cause any modified files to carry prominent notices
+          stating that You changed the files; and
+
+      (c) You must retain, in the Source form of any Derivative Works
+          that You distribute, all copyright, patent, trademark, and
+          attribution notices from the Source form of the Work,
+          excluding those notices that do not pertain to any part of
+          the Derivative Works; and
+
+      (d) If the Work includes a "NOTICE" text file as part of its
+          distribution, then any Derivative Works that You distribute must
+          include a readable copy of the attribution notices contained
+          within such NOTICE file, excluding those notices that do not
+          pertain to any part of the Derivative Works, in at least one
+          of the following places: within a NOTICE text file distributed
+          as part of the Derivative Works; within the Source form or
+          documentation, if provided along with the Derivative Works; or,
+          within a display generated by the Derivative Works, if and
+          wherever such third-party notices normally appear. The contents
+          of the NOTICE file are for informational purposes only and
+          do not modify the License. You may add Your own attribution
+          notices within Derivative Works that You distribute, alongside
+          or as an addendum to the NOTICE text from the Work, provided
+          that such additional attribution notices cannot be construed
+          as modifying the License.
+
+      You may add Your own copyright statement to Your modifications and
+      may provide additional or different license terms and conditions
+      for use, reproduction, or distribution of Your modifications, or
+      for any such Derivative Works as a whole, provided Your use,
+      reproduction, and distribution of the Work otherwise complies with
+      the conditions stated in this License.
+
+   5. Submission of Contributions. Unless You explicitly state otherwise,
+      any Contribution intentionally submitted for inclusion in the Work
+      by You to the Licensor shall be under the terms and conditions of
+      this License, without any additional terms or conditions.
+      Notwithstanding the above, nothing herein shall supersede or modify
+      the terms of any separate license agreement you may have executed
+      with Licensor regarding such Contributions.
+
+   6. Trademarks. This License does not grant permission to use the trade
+      names, trademarks, service marks, or product names of the Licensor,
+      except as required for reasonable and customary use in describing the
+      origin of the Work and reproducing the content of the NOTICE file.
+
+   7. Disclaimer of Warranty. Unless required by applicable law or
+      agreed to in writing, Licensor provides the Work (and each
+      Contributor provides its Contributions) on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
+      implied, including, without limitation, any warranties or conditions
+      of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
+      PARTICULAR PURPOSE. You are solely responsible for determining the
+      appropriateness of using or redistributing the Work and assume any
+      risks associated with Your exercise of permissions under this License.
+
+   8. Limitation of Liability. In no event and under no legal theory,
+      whether in tort (including negligence), contract, or otherwise,
+      unless required by applicable law (such as deliberate and grossly
+      negligent acts) or agreed to in writing, shall any Contributor be
+      liable to You for damages, including any direct, indirect, special,
+      incidental, or consequential damages of any character arising as a
+      result of this License or out of the use or inability to use the
+      Work (including but not limited to damages for loss of goodwill,
+      work stoppage, computer failure or malfunction, or any and all
+      other commercial damages or losses), even if such Contributor
+      has been advised of the possibility of such damages.
+
+   9. Accepting Warranty or Additional Liability. While redistributing
+      the Work or Derivative Works thereof, You may choose to offer,
+      and charge a fee for, acceptance of support, warranty, indemnity,
+      or other liability obligations and/or rights consistent with this
+      License. However, in accepting such obligations, You may act only
+      on Your own behalf and on Your sole responsibility, not on behalf
+      of any other Contributor, and only if You agree to indemnify,
+      defend, and hold each Contributor harmless for any liability
+      incurred by, or claims asserted against, such Contributor by reason
+      of your accepting any such warranty or additional liability.
+
+   END OF TERMS AND CONDITIONS
+
+   APPENDIX: How to apply the Apache License to your work.
+
+      To apply the Apache License to your work, attach the following
+      boilerplate notice, with the fields enclosed by brackets "[]"
+      replaced with your own identifying information. (Don't include
+      the brackets!)  The text should be enclosed in the appropriate
+      comment syntax for the file format. We also recommend that a
+      file or class name and description of purpose be included on the
+      same "printed page" as the copyright notice for easier
+      identification within third-party archives.
+
+   Copyright [yyyy] [name of copyright owner]
+
+   Licensed 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.
+   
+TourDeFlex Subcomponents:
+
+The Apache Tour De Flex includes a number of subcomponents with
+separate copyright notices and license terms. Your use of the source
+code for the these subcomponents is subject to the terms and
+conditions of the following licenses. 
+
+The Open-Sans font is available under Apache License 2.0. For details
+see TourDeFlex3/src/mx/effects/assets.
+
+The ping sound effect (ping.mp3) in TourDeFlex3/mx/src/effects/assets is
+licensed under Creative Commons Attribution 3.0 (CC BY 3.0).
+
+
+
+

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/NOTICE
----------------------------------------------------------------------
diff --git a/TourDeFlex/NOTICE b/TourDeFlex/NOTICE
new file mode 100644
index 0000000..70f7066
--- /dev/null
+++ b/TourDeFlex/NOTICE
@@ -0,0 +1,13 @@
+Apache Flex
+Copyright 2014 The Apache Software Foundation
+
+This product includes software developed at
+The Apache Software Foundation (http://www.apache.org/).
+
+The Initial Developer of the Original Code, known as TourDeFlex, 
+is Adobe Systems Incorporated (http://www.adobe.com/).
+Copyright 2009 - 2013 Adobe Systems Incorporated. All Rights Reserved.
+
+The ping sound effect (ping.mp3) in TourDeFlex3/src/mx/effects/assets
+was created by CameronMusic. The original file can be found here:
+http://www.freesound.org/people/cameronmusic/sounds/138420/
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/build.xml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/build.xml b/TourDeFlex/TourDeFlex/build.xml
new file mode 100644
index 0000000..f1a3f7b
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/build.xml
@@ -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.
+
+-->
+<project default="test" basedir=".">
+
+    <property file="${basedir}/env.properties"/>
+    <property environment="env"/>
+    <property file="${basedir}/local.properties"/>
+    <property file="${basedir}/build.properties"/>
+    <condition property="FLEX_HOME" value="${env.FLEX_HOME}">
+        <isset property="env.FLEX_HOME" />
+    </condition>
+    <condition property="AIR_HOME" value="${env.AIR_HOME}">
+        <isset property="env.AIR_HOME" />
+    </condition>
+
+    <!-- SDK properties -->
+    <property name="FLEX_HOME" value="C:/air3_beta2"/>
+    <property name="AIR_HOME" value="C:/air3_beta2"/>
+	<property name="ADL" value="${AIR_HOME}/bin/adl.exe"/>
+    <property name="ADT.JAR" value="${AIR_HOME}/lib/adt.jar"/>
+	
+     <target name="init" depends="clean">
+    </target>
+	
+    <!-- additional tasks - mxmlc tag -->
+    <path id="flexTasks.path">
+        <fileset dir="${FLEX_HOME}">
+            <include name="lib/flexTasks.jar" />
+            <include name="ant/lib/flexTasks.jar" />
+        </fileset>
+    </path>
+    <taskdef resource="flexTasks.tasks" classpathref="flexTasks.path"/>
+    
+	<target name="compile" depends="init">
+		<mxmlc file="${basedir}/src/TourDeFlex.mxml"
+            output="${basedir}/src/TourDeFlex.swf" fork="true" failonerror="true">
+			<load-config filename="${FLEX_HOME}/frameworks/air-config.xml"/>
+            <source-path path-element="${basedir}/src"/>
+		</mxmlc>
+	</target>
+	
+    <target name="test" depends="compile">
+    </target>
+   
+    <target name="clean" description="clean up">
+    	<delete file="${basedir}/src/TourDeFlex.swf"/>
+    </target>
+</project>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/Config.as
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/Config.as b/TourDeFlex/TourDeFlex/src/Config.as
new file mode 100644
index 0000000..85a6384
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/Config.as
@@ -0,0 +1,157 @@
+////////////////////////////////////////////////////////////////////////////////
+//
+//  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.
+//
+////////////////////////////////////////////////////////////////////////////////
+package
+{
+	import classes.LocalQuickStart;
+	
+	import flash.filesystem.File;
+	import flash.filesystem.FileMode;
+	import flash.filesystem.FileStream;
+	import flash.system.Capabilities;
+	
+	public class Config
+	{
+		[Bindable] public static var PROGRAM_TITLE:String = "Tour de Flex";
+		[Bindable] public static var APP_VERSION:String = "0";
+		[Bindable] public static var OBJECTS_FILE_VERSION:String = "0";	
+		[Bindable] public static var OBJECTS_TOTAL:int = 0;	
+		[Bindable] public static var ABOUT_MENU_LIST:XMLList;
+		[Bindable] public static var IS_ONLINE:Boolean = false;
+		[Bindable] public static var USE_SPLASH:Boolean = true;		
+
+		//public static var SETTINGS_FILE:String = "settings.xml";
+		//public static function get SETTINGS_URL():String {return "data/" + SETTINGS_FILE;}
+		//public static var settingsXml:XML;
+		
+		[Bindable] public static var ABOUT_MENU_TITLE:String = "Flex Resources";
+		
+		[Bindable] public static var SPLASH_URL:String = "data/assets/intro.flv";
+		[Bindable] public static var QUICK_START_REMOTE_URL:String = "http://tourdeflex.blogspot.com";		
+		[Bindable] public static var QUICK_START_LOCAL_URL:String = "data/quickstart.html";
+		
+		public static var OBJECTS_FILE:String = "objects-desktop2.xml";
+		public static function get OBJECTS_URL():String {return "data/" + OBJECTS_FILE;}	
+		public static var LOCAL_OBJECTS_ROOT_PATH:String = "objects/";		
+		
+		public static var OBJECTS_UPDATER_FILE:String = "objects-desktop2-update.xml";	
+		public static function get OBJECTS_UPDATER_URL():String {return "http://tourdeflex.adobe.com/download/" + OBJECTS_UPDATER_FILE;}
+		public static var APP_UPDATER_URL:String = "http://tourdeflex.adobe.com/download/update4.xml";
+		
+		public static var ONLINE_STATUS_URL:String = "http://tourdeflex.adobe.com/ping.html";
+		public static var OFFLINE_URL:String = "data/offline.html";
+		
+		private static var BASE_URL:String = "http://tourdeflex.adobe.com/server/";				
+		[Bindable] public static var DATA_EXCHANGE_URL:String = BASE_URL + "main.php";
+
+		private static var COMENTS_URL_QUERY_STRING:String = "main.php?Request=GetComments&ObjectId=";
+		public static var COMMENTS_URL:String = BASE_URL + COMENTS_URL_QUERY_STRING;		
+			
+		public static var HEADER_GRADIENT_IMAGE:String = "images/header_gradient.png";
+		public static var HEADER_IMAGE:String = "images/header_logo.png";		
+		
+		public static var TREE_NO_ICON:String = "images/tree_noIcon.png";
+		
+		public function Config()
+		{
+		}
+		
+		/*		
+		public static function loadSettings():void
+		{
+			setLocalization();
+			
+			var loader:URLLoader = new URLLoader(new URLRequest(Config.SETTINGS_URL));
+			loader.addEventListener(Event.COMPLETE, settingsXmlLoaded);	
+			
+			var appXml:XML = NativeApplication.nativeApplication.applicationDescriptor;
+			var ns:Namespace = appXml.namespace();
+			APP_VERSION = appXml.ns::version;					
+		}		
+		*/
+		
+		public static function setLocalization():void
+		{
+			//var localLanguage:String = Capabilities.languages[0].toString().toLowerCase(); //for 'en-us'
+			var localLanguage:String = Capabilities.language.toLowerCase(); //for 'en'
+ 			trace("LANG=" + localLanguage);
+ 			//localLanguage = "jp"; //for testing
+ 			//trace(localLanguage);
+
+			if(localLanguage != "en" && localLanguage != "en-us")
+			{				
+				//Config.QUICK_START_REMOTE_URL = appendLanguage(Config.QUICK_START_REMOTE_URL, localLanguage);
+				//Config.QUICK_START_LOCAL_URL = appendLanguage(Config.QUICK_START_LOCAL_URL, localLanguage);
+				
+				var localizedObjectFile:String = "objects-desktop_" + localLanguage + ".xml";
+				var staticObjectFile:File = File.applicationDirectory.resolvePath("data/" + localizedObjectFile);
+				if(staticObjectFile.exists)
+				{
+					OBJECTS_FILE = localizedObjectFile;
+					Config.OBJECTS_UPDATER_FILE = "objects-desktop-update_" + localLanguage + ".xml";
+					//SETTINGS_FILE = "settings_" + localLanguage + ".xml";
+				}
+			} 
+		}		
+		
+		public static function appendLanguage(oldPath:String, lang:String):String
+		{
+			var newPath:String = oldPath;
+			
+			var pos:int = oldPath.lastIndexOf(".");
+			if(pos > 0)
+			{
+				var ext:String = oldPath.substring(pos, oldPath.length);
+				newPath = oldPath.substring(0, pos);
+				newPath += "_" + lang + ext;
+			}
+			
+			return newPath;
+		}
+
+		/*
+		private static function settingsXmlLoaded(event:Event):void
+		{
+			var loader:URLLoader = URLLoader(event.target);
+			settingsXml = new XML(loader.data);
+			PROGRAM_TITLE = settingsXml.@title;
+			ABOUT_MENU_LIST = settingsXml.AboutMenu.Item;
+			ABOUT_MENU_TITLE = settingsXml.AboutMenu.@title;
+		}
+		*/
+		
+		public static function isAppFirstTimeRun():Boolean
+		{
+			var isFirstTime:Boolean = false;
+			var appFirstTimeRunFile:File = File.applicationStorageDirectory.resolvePath("versions/" + APP_VERSION);
+			
+			if(!appFirstTimeRunFile.exists)
+			{
+				var fileStream:FileStream = new FileStream();
+				fileStream.open(appFirstTimeRunFile, FileMode.WRITE);
+				fileStream.writeUTFBytes(APP_VERSION);
+				fileStream.close();
+				
+				isFirstTime = true;
+			}
+			
+			return isFirstTime;
+		}
+
+	}
+}
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/Preferences.as
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/Preferences.as b/TourDeFlex/TourDeFlex/src/Preferences.as
new file mode 100644
index 0000000..49c7e35
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/Preferences.as
@@ -0,0 +1,68 @@
+////////////////////////////////////////////////////////////////////////////////
+//
+//  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.
+//
+////////////////////////////////////////////////////////////////////////////////
+package
+{
+	import flash.filesystem.File;
+	import flash.filesystem.FileMode;
+	import flash.filesystem.FileStream;
+	
+	public class Preferences
+	{
+		//--------------------------------------------------------------------------
+		//  Variables
+		//--------------------------------------------------------------------------
+		private static var filePath:String = "preferences.xml";
+		[Bindable] public static var preferencesXml:XML = <Preferences />;
+		
+		//--------------------------------------------------------------------------
+		//  Loading/setup
+		//--------------------------------------------------------------------------
+		public function Preferences()
+		{
+
+		}
+		
+		public static function load():void
+		{
+			var preferencesFile:File = File.applicationStorageDirectory.resolvePath(filePath);
+			if(preferencesFile.exists)
+			{
+				var fileStream:FileStream = new FileStream();
+				fileStream.open(preferencesFile, FileMode.READ);
+				preferencesXml = XML(fileStream.readUTFBytes(fileStream.bytesAvailable));
+				fileStream.close();
+			}
+		}
+		
+		//--------------------------------------------------------------------------
+		//  Saving
+		//--------------------------------------------------------------------------		
+		public static function save():void
+		{			
+			var preferencesFile:File = File.applicationStorageDirectory.resolvePath(filePath);
+			var fileStream:FileStream = new FileStream();
+			fileStream.open(preferencesFile, FileMode.WRITE);
+			fileStream.writeUTFBytes(preferencesXml.toXMLString());
+			fileStream.close();
+		}
+		
+		//--------------------------------------------------------------------------
+		//--------------------------------------------------------------------------
+	}
+}
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/TourDeFlex-app.xml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/TourDeFlex-app.xml b/TourDeFlex/TourDeFlex/src/TourDeFlex-app.xml
new file mode 100644
index 0000000..3f5594d
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/TourDeFlex-app.xml
@@ -0,0 +1,157 @@
+<?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.
+
+-->
+<application xmlns="http://ns.adobe.com/air/application/2.0">
+
+<!-- Adobe AIR Application Descriptor File Template.
+
+	Specifies parameters for identifying, installing, and launching AIR applications.
+	See http://www.adobe.com/go/air_1.0_application_descriptor for complete documentation.
+
+	xmlns - The Adobe AIR namespace: http://ns.adobe.com/air/application/1.0
+			The last segment of the namespace specifies the version 
+			of the AIR runtime required for this application to run.
+			
+	minimumPatchLevel - The minimum patch level of the AIR runtime required to run 
+			the application. Optional.
+-->
+
+	<!-- The application identifier string, unique to this application. Required. -->
+	<id>TourDeFlex</id>
+
+	<!-- Used as the filename for the application. Required. -->
+	<filename>TourDeFlex</filename>
+
+	<!-- The name that is displayed in the AIR application installer. Optional. -->
+	<name>TourDeFlex</name>
+
+
+	<publisherID>E7BED6E5DDA59983786DD72EBFA46B1598278E07.1</publisherID>
+	<!-- An application version designator (such as "v1", "2.5", or "Alpha 1"). Required. -->
+	<version>2.0</version>
+
+	<!-- Description, displayed in the AIR application installer. Optional. -->
+	<description>Tour de Flex - Adobe Systems, Inc.</description>
+
+	<!-- Copyright information. Optional -->
+	<!-- <copyright>Copyright 2010, Adobe Systems, Inc.</copyright> -->
+
+	<!-- Settings for the application's initial window. Required. -->
+	<initialWindow>
+		<!-- The main SWF or HTML file of the application. Required. -->
+		<!-- Note: In Flex Builder, the SWF reference is set automatically. -->
+		<content>[This value will be overwritten by Flex Builder in the output app.xml]</content>
+		
+		<!-- The title of the main window. Optional. -->
+		<!-- <title></title> -->
+
+		<!-- The type of system chrome to use (either "standard" or "none"). Optional. Default standard. -->
+		<!-- <systemChrome></systemChrome> -->
+		<systemChrome>none</systemChrome>
+		
+		<!-- Whether the window is transparent. Only applicable when systemChrome is false. Optional. Default false. -->
+		<!-- <transparent></transparent> -->
+				
+		<!-- Whether the window is initially visible. Optional. Default false. -->
+		<!-- <visible></visible> -->
+
+		<!-- Whether the user can minimize the window. Optional. Default true. -->
+		<!-- <minimizable></minimizable> -->
+
+		<!-- Whether the user can maximize the window. Optional. Default true. -->
+		<!-- <maximizable></maximizable> -->
+
+		<!-- Whether the user can resize the window. Optional. Default true. -->
+		<!-- <resizable></resizable> -->
+
+		<!-- The window's initial width. Optional. -->
+		<!-- <width></width> -->
+
+		<!-- The window's initial height. Optional. -->
+		<!-- <height></height> -->
+
+		<!-- The window's initial x position. Optional. -->
+		<!-- <x></x> -->
+
+		<!-- The window's initial y position. Optional. -->
+		<!-- <y></y> -->
+
+		<!-- The window's minimum size, specified as a width/height pair, such as "400 200". Optional. -->
+		<!-- <minSize></minSize> -->
+
+		<!-- The window's initial maximum size, specified as a width/height pair, such as "1600 1200". Optional. -->
+		<!-- <maxSize></maxSize> -->
+	</initialWindow>
+
+	<!-- The subpath of the standard default installation location to use. Optional. -->
+	<!-- <installFolder></installFolder> -->
+
+	<!-- The subpath of the Windows Start/Programs menu to use. Optional. -->
+	<!-- <programMenuFolder></programMenuFolder> -->
+
+	<!-- The icon the system uses for the application. For at least one resolution,
+		 specify the path to a PNG file included in the AIR package. Optional. -->
+	<icon>
+		<image16x16>images/icons/tdfx_16.png</image16x16>
+		<image32x32>images/icons/tdfx_32.png</image32x32>
+		<image48x48>images/icons/tdfx_48.png</image48x48>
+		<image128x128>images/icons/tdfx_128.png</image128x128>
+	</icon>
+
+	<!-- Whether the application handles the update when a user double-clicks an update version
+	of the AIR file (true), or the default AIR application installer handles the update (false).
+	Optional. Default false. -->
+	<!-- <customUpdateUI></customUpdateUI> -->
+	
+	<!-- Whether the application can be launched when the user clicks a link in a web browser.
+	Optional. Default false. -->
+	<allowBrowserInvocation>true</allowBrowserInvocation>
+
+	<!-- Listing of file types for which the application can register. Optional. -->
+	<!-- <fileTypes> -->
+
+		<!-- Defines one file type. Optional. -->
+		<!-- <fileType> -->
+
+			<!-- The name that the system displays for the registered file type. Required. -->
+			<!-- <name></name> -->
+
+			<!-- The extension to register. Required. -->
+			<!-- <extension></extension> -->
+			
+			<!-- The description of the file type. Optional. -->
+			<!-- <description></description> -->
+			
+			<!-- The MIME type. Optional. -->
+			<!-- <contentType></contentType> -->
+			
+			<!-- The icon to display for the file type. Optional. -->
+			<!-- 			
+			<icon>
+				<image16x16>images/icons/16x16-Icon.png</image16x16>
+				<image32x32>images/icons/32x32-Icon.png</image32x32>
+				<image48x48>images/icons/48x48-Icon.png</image48x48>
+				<image128x128>images/icons/128x128-Icon.png</image128x128>
+			</icon> 
+			-->		
+				
+		<!-- </fileType> -->
+	<!-- </fileTypes> -->
+
+</application>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/TourDeFlex.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/TourDeFlex.mxml b/TourDeFlex/TourDeFlex/src/TourDeFlex.mxml
new file mode 100644
index 0000000..012b79a
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/TourDeFlex.mxml
@@ -0,0 +1,881 @@
+<?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.
+
+-->
+<mx:WindowedApplication xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" showFlexChrome="false" 
+	showStatusBar="false" applicationComplete="init()" title="Tour de Flex" styleName="mainWindow" 
+	width="1000" height="768" minWidth="1000" minHeight="700" xmlns:components="components.*" 
+	visible="true" resize="window_resize(event)" horizontalScrollPolicy="off" verticalScrollPolicy="off">
+
+	<mx:Style source="styles.css" />
+	
+	<mx:Script>
+	<![CDATA[
+        import mx.events.AIREvent;	
+		import mx.rpc.events.FaultEvent;
+		import components.QuickStartWindow;
+		import mx.events.ResizeEvent;
+		import mx.validators.EmailValidator;
+//		import TopPanels4_fla.MainTimeline;
+		import components.SplashWindow;
+		import mx.rpc.events.ResultEvent;
+		import classes.ObjectData;
+		import classes.Document;		
+		import classes.ApplicationUpdaterManager;
+		import components.IllustrationTab;
+		import mx.events.CloseEvent;
+		import components.DownloadWindow;
+		import mx.controls.Alert;
+		import air.update.events.UpdateEvent;
+		import air.net.URLMonitor;
+		import mx.events.ItemClickEvent;
+		import components.WipeWindow;
+		import mx.events.FlexEvent;
+		import components.SearchWindow;
+		import mx.events.IndexChangedEvent;
+		import mx.managers.PopUpManager;
+		import components.CommentsWindow;
+		import mx.events.ListEvent;
+		
+		//---- ADDED HS ------//
+		import mx.messaging.messages.IMessage;
+		import mx.rpc.events.ResultEvent;
+//		import merapi.BridgeInstance;
+//		import merapi.Bridge;
+//		import merapi.messages.Message;
+//		import merapi.messages.MerapiObjectMessage;
+		import mx.collections.ArrayCollection;
+//		import plugin.TDFPluginTransferObject;
+		import flash.utils.*;
+		import components.PluginDownloadWindow;
+		
+		//--------------------------------------------------------------------------
+		//  Variables
+		//--------------------------------------------------------------------------
+		[Bindable]
+		public var objectData:ObjectData;
+				
+		private var applicationUpdaterManager:ApplicationUpdaterManager;	
+		private var urlMonitor:URLMonitor;					
+		private var hasSearchOpenedWhileCommenting:Boolean = false;
+		private var selectedDownloadPath:String = "";
+		private var selectedIllustrationURL:String = "";
+		private var previousTopLevelCategoriesText:String = ""; 
+		
+		//---- ADDED HS ------//
+		private var dockImage:BitmapData;
+//		private var bridge:Bridge;
+		private var featuredSent:Boolean = false; 
+		private var isPlugin:Boolean = false; 
+		private var isStandAlone:Boolean = false;
+		private var comps:ArrayCollection= new ArrayCollection();
+//		private var pluginTransferObject:TDFPluginTransferObject;
+		[Bindable]
+		private var splashWindow:QuickStartWindow = new QuickStartWindow();
+		private var splashPlayed:Boolean = false;
+		
+		private var expandMode:int = 0;		
+		
+		private var illustrationAutoExpanded:Boolean = false;
+
+		
+		//--------------------------------------------------------------------------
+		//  Loading/initializing for main application
+		//--------------------------------------------------------------------------
+		private function init():void
+		{
+			NativeApplication.nativeApplication.addEventListener(Event.EXITING, onExiting); 
+			
+			//Config.loadSettings();
+			Config.setLocalization();
+			Preferences.load();			
+						
+			objectData = new ObjectData();
+			applicationUpdaterManager = new ApplicationUpdaterManager();
+						
+			urlMonitor = new URLMonitor(new URLRequest(Config.ONLINE_STATUS_URL));
+			urlMonitor.addEventListener(StatusEvent.STATUS, urlMonitor_status);
+			urlMonitor.pollInterval = 20000; // Every 20 seconds
+			urlMonitor.start();
+
+            // Request notification whenever the app is activated or deactivated
+            //this.addEventListener(AIREvent.APPLICATION_ACTIVATE, applicationActivate);
+            //this.addEventListener(AIREvent.APPLICATION_DEACTIVATE, applicationDeactivate);
+			
+			// Use the loader object to load an image, which will be used for the systray       
+			// After the image has been loaded into the object, we can prepare the application for docking to the system tray 
+			var iconLoad:Loader = new Loader();
+			var loader:Loader = new Loader();
+	       
+			iconLoad.load(new URLRequest("app:/images/icons/tdfx_128.png")); 
+			iconLoad.contentLoaderInfo.addEventListener(Event.COMPLETE,prepareForSystray); 
+	        
+			NativeApplication.nativeApplication.addEventListener(InvokeEvent.INVOKE, onInvoke);	
+
+			// Center app when it starts - will add code later to remember where it was last -- GAW
+			var currentScreen:Screen = getCurrentScreen();
+			stage.nativeWindow.x = (currentScreen.bounds.right / 2) - (this.width / 2);
+			stage.nativeWindow.y = (currentScreen.bounds.height / 2) - (this.height / 2);
+			if (stage.nativeWindow.x < 0) stage.nativeWindow.x = 0;
+			if (stage.nativeWindow.y < 0) stage.nativeWindow.y = 0;
+			
+		}
+		
+		
+		private function getCurrentScreen():Screen{
+			var current:Screen;
+			var screens:Array = Screen.getScreensForRectangle(stage.nativeWindow.bounds);
+			(screens.length > 0) ? current = screens[0] : current = Screen.mainScreen;
+			return current;
+		}       
+
+		public function showQuickStart():void
+		{			
+			illustrationTabs.visible = false;
+			documentTabs.visible = false;			
+			quickStartWindow.visible = true;
+			if(Config.IS_ONLINE )
+			{
+				quickStartWindow.location = Config.QUICK_START_REMOTE_URL;				
+			}
+			else
+			{
+				quickStartWindow.location = Config.QUICK_START_LOCAL_URL;
+			}			
+		}
+		
+		private function closeQuickStart(event:CloseEvent = null):void
+		{
+			illustrationTabs.visible = true;
+			documentTabs.visible = true;			
+			quickStartWindow.visible = false;	
+			quickStartWindow.clearContents();	// to kill any running content	
+		}
+		
+		/**
+		 * Called when the invoke event is fired, such as when this app is called. ADDED HS
+		 */
+		private function onInvoke(invokeEvt:InvokeEvent):void 
+		{
+			// Here we need to figure out how the app was invoked, if from the Eclipse plug-in, then we should
+			// create the Merapi bridge. If not, then we should just set the app to visible since it starts off
+			// invisible so we can keep it in the system tray
+	        /*
+            if (invokeEvt.arguments[0] == "plugin" && isPlugin == false) {
+				isPlugin = true;
+				bridge = Bridge.instance;
+	  			bridge.addEventListener(ResultEvent.RESULT,handleResponse);
+	  		} else { */
+	  			isStandAlone = true;
+	  			this.undock(invokeEvt);
+	  		/*}*/
+	  		
+	  		// If started in stand alone mode and later invoked again as a plugin, send featured components - GAW
+	  		//if (isStandAlone && isPlugin) sendFeatured();
+	  		
+
+  			//if(!isPlugin && Config.USE_SPLASH && Preferences.preferencesXml.Splash.@skip != "true")
+			if(!isPlugin && Config.USE_SPLASH && !splashPlayed)
+			{
+				showQuickStart();
+				splashPlayed = true;
+			}		
+		}
+		
+        /*
+		private function sendFeatured():void {
+			// Never send featured components more than once
+			if (!featuredSent) {
+	  			var featuredComps:ArrayCollection = objectData.getFeaturedComponents();
+				var m : Message = new Message();
+	       		m.type = "FindFeaturedComponents";
+	           	m.data = featuredComps;
+	           	bridge.sendMessage(m);
+	           	featuredSent = true;
+	  		}
+		}
+		*/
+        
+		private function urlMonitor_status(event:StatusEvent):void
+		{
+			Config.IS_ONLINE = urlMonitor.available;
+			
+			if(Config.IS_ONLINE )
+			{
+				quickStartWindow.location = Config.QUICK_START_REMOTE_URL;				
+				if(objectList.selectedId > 0)
+					button_comments.enabled = true;
+			}
+			else
+			{
+				quickStartWindow.location = Config.QUICK_START_LOCAL_URL;
+				button_comments.enabled = false;
+			}
+				
+							
+		}
+			
+		private function confirmExit():void {
+			Alert.yesLabel = "Close";
+			Alert.noLabel = "Minimize";
+			Alert.show("Closing will cause the plug-in search capabilities to be rendered useless. Close or minimize?", "Close?", 3, this, confirmationClickHandler);
+			
+		}
+		
+		private function confirmationClickHandler(event:CloseEvent):void {
+			if (event.detail==Alert.YES) {
+	  			isPlugin = false;
+				NativeApplication.nativeApplication.dispatchEvent(new Event(Event.EXITING,true,true));
+			} else {
+				dock();
+			}
+		}
+
+		private function closeSplash():void {
+			PopUpManager.removePopUp(splashWindow);
+			//mx.core.Application.application.removeChild(movieBackground);
+		}
+		
+		private function onExiting(exitingEvent:Event):void {
+		    var winClosingEvent:Event;
+			
+			// Kill the movie and it's background if it exists
+			//if (this.contains(movieBackground)) closeSplash();
+
+			exitingEvent.preventDefault();
+			if (isPlugin) {
+				undock(exitingEvent);
+				confirmExit();
+				return;
+			}
+
+			NativeApplication.nativeApplication.removeEventListener(Event.EXITING, onExiting); 
+		    
+		    for each (var win:NativeWindow in NativeApplication.nativeApplication.openedWindows) {
+		        winClosingEvent = new Event(Event.CLOSING,false,true);
+		        win.dispatchEvent(winClosingEvent);
+		        if (!winClosingEvent.isDefaultPrevented()) {
+		            win.close();
+		        } else {
+		            exitingEvent.preventDefault();
+		        }
+		    }
+		    
+		    if (!exitingEvent.isDefaultPrevented()) {
+				Preferences.save();		
+		    }
+		}
+		
+		//--------------------------------------------------------------------------
+		//  Window events
+		//--------------------------------------------------------------------------			
+		private function window_resize(event:ResizeEvent):void
+		{
+			if (documentTabs != null) documentTabs.needHtmlHack = false;
+			
+			//if(splashWindow.video_intro)
+			//{
+				//splashWindow.width = this.width - splashWindow.x - 40;
+				//splashWindow.height = this.height - splashWindow.y - 65;
+				//splashWindow.video_intro.width = splashWindow.width;
+				//splashWindow.video_intro.height = splashWindow.height;
+			//}		
+		}	
+		
+		//--------------------------------------------------------------------------
+		//  Object list UI coordination/management
+		//--------------------------------------------------------------------------					
+		private function objectList_change(event:ListEvent):void
+		{
+			var objectXml:XML = null;
+			
+			documentTabs.needHtmlHack = true;
+			// Kill the movie and it's background if it exists
+			//if (this.contains(movieBackground)) closeSplash();
+			
+            /*
+			// Get the object xml differently depending on if it was clicked from AIR side or plugin ... HS
+			if (event==null && pluginTransferObject!=null) {
+				objectXml = objectData.getXMLForObjectId(pluginTransferObject.selectedComponentId);
+			}
+			else 
+			{ */
+				objectXml = XML(event.itemRenderer.data);
+			/*}*/
+			
+			objectList.selectedId = objectXml.@id;
+			objectList.selectedObject = objectXml;
+
+			button_download.enabled = false;
+			button_comments.enabled = false;
+			button_expand.enabled = false;
+			button_browser.enabled = false;
+
+			if(objectList.selectedId > 0)
+			{
+				closeQuickStart();
+
+				label_objectName.text = objectXml.@name;
+				if(Config.IS_ONLINE)
+				{
+					//HTTP_GetCommentsTotal.send();
+					HTTP_logView.send();
+					button_comments.enabled = true;
+				}
+				
+				searchWindow.visible = false;
+				commentsWindow.visible = false;
+				objectList.setDescription(objectXml.@description, objectXml.@dateAdded, objectXml.@author);
+				
+				documentTabs.needHtmlHack = true;
+				
+				//reset selected tab due to tab selection issue
+				documentTabs.selectedIndex = 0;
+				documentTabs.validateNow();	
+				
+				illustrationTabs.removeAll();
+				illustrationTabs.removeAllIllustrations();
+				
+				var illustrations:XMLList = XMLList(objectXml.Illustrations.Illustration);
+				for each(var illustration:XML in illustrations)
+				{
+					var associatedDocuments:Array = new Array();
+					documentTabs.removeAllChildren();
+					var documents:XMLList = XMLList(illustration.Documents.Document);
+					for each(var document:XML in documents)
+					{
+						var documentPath:String = document.@path;
+						if(document.@localPath.toString().length > 0)
+							documentPath = document.@localPath;
+							
+						associatedDocuments.push(new Document(document.@name, documentPath, document.@openLinksExternal));
+					}
+					
+					if(!Config.IS_ONLINE && illustration.@localPath.toString().length == 0 && illustration.@path.toLowerCase().indexOf("http") == 0)
+					{
+						illustrationTabs.addTab(illustration.@name, Config.OFFLINE_URL, "", "", "", "", "", "", null);
+					}
+					else
+					{
+						var illustrationPath:String = illustration.@path;
+						if(illustration.@localPath.toString().length > 0)
+							illustrationPath = illustration.@localPath;	
+							
+						var illustrationDownloadPath:String = illustration.@downloadPath;
+						if(illustration.@localDownloadPath.toString().length > 0)
+							illustrationDownloadPath = illustration.@localDownloadPath;								
+												
+						illustrationTabs.addTab(illustration.@name, illustrationPath, Config.LOCAL_OBJECTS_ROOT_PATH, illustration.@isModule, illustrationDownloadPath, illustration.@autoExpand, illustration.@openLinksExternal, illustration.@scrollBars, associatedDocuments);
+					}
+				}			
+
+				documentTabs.addTabs(illustrationTabs.associatedDocumentsCollection[0], Config.LOCAL_OBJECTS_ROOT_PATH);
+	
+				if(illustrationTabs.numChildren > 0)
+					autoExpandIllustrationTab(IllustrationTab(illustrationTabs.getChildAt(0)).autoExpand);				
+				
+				if(illustrationTabs.numChildren > 0 && IllustrationTab(illustrationTabs.getChildAt(0)).downloadPath.length > 0)
+				{
+					button_download.enabled = true;
+					selectedDownloadPath = IllustrationTab(illustrationTabs.getChildAt(0)).downloadPath;
+				}
+				selectedIllustrationURL = IllustrationTab(illustrationTabs.getChildAt(0)).illustrationURL;
+			}
+			else
+			{
+				button_comments.label = "Comments";	
+			}			
+		}
+		
+		private function illustrationTabs_change(event:IndexChangedEvent):void
+		{				
+			var documents:Array = IllustrationTabs(event.currentTarget).associatedDocumentsCollection[event.newIndex];
+			documentTabs.addTabs(documents, Config.LOCAL_OBJECTS_ROOT_PATH);
+			
+			var tab:IllustrationTab = IllustrationTab(IllustrationTabs(event.currentTarget).getChildAt(event.newIndex));
+			selectedDownloadPath = tab.downloadPath;		
+			if(selectedDownloadPath.length == 0)
+				button_download.enabled = false;
+			else
+				button_download.enabled = true;		
+				
+			selectedIllustrationURL = tab.illustrationURL;
+			if(selectedIllustrationURL.length == 0)
+				button_browser.enabled = false;
+			else
+				button_browser.enabled = true;	
+				
+			autoExpandIllustrationTab(tab.autoExpand);
+		}
+		
+		private function autoExpandIllustrationTab(autoExpand:Boolean):void
+		{
+			var documentsBox:DisplayObject = vdivider.getChildAt(1);
+			if(autoExpand)
+			{
+				//button_expand.enabled = false;
+				illustrationAutoExpanded = true;								
+				documentsBox.height = 0;				
+			}
+			else
+			{
+				button_expand.enabled = true;
+				illustrationAutoExpanded = false;								
+				
+				if(expandMode == 0) // showing split
+					documentsBox.height = vdivider.height/2;
+				else if(expandMode == 1) // showing illustrations
+					documentsBox.height = 0;
+				else if(expandMode == 2) // showing documents
+					documentsBox.height = vdivider.height;			
+			}		
+		}
+		
+		private function toggleButtonBar_treeList_itemClick(event:ItemClickEvent):void
+		{
+			if(event.index == 0)
+			{
+				objectList.showTreeView(true);
+				comboBox_topLevelCategories.visible = false;
+				comboBox_topLevelCategories.height = 0;				
+			}
+			else
+			{
+				objectData.sort(objectList.sortType);
+				objectList.showTreeView(false);
+				comboBox_topLevelCategories.visible = true;
+				comboBox_topLevelCategories.height = 22;
+			}
+		}
+		
+		private function comboBox_topLevelCategories_change(event:ListEvent):void
+		{
+			searchWindow.clear();
+			objectData.filterTopLevelCategory(comboBox_topLevelCategories.selectedLabel);
+			objectData.sort(objectList.sortType);
+		}
+		
+		private function objectList_sortChange(event:ListEvent):void
+		{
+			objectData.sort(objectList.sortType);		
+		}
+		
+		//--------------------------------------------------------------------------
+		//  Comments window
+		//--------------------------------------------------------------------------			
+		private function button_comments_click(event:MouseEvent):void
+		{	
+			if(objectList.selectedId > 0)
+			{	
+				var url:String = objectList.selectedObject.@commentsUrl;
+				if(url.length > 0)
+					navigateToURL(new URLRequest(url));	
+				else
+					Alert.show("Comments are currently unavailable for this item.", "Unavailable");
+			}		
+		}
+			
+		/*
+		private function button_comments_click(event:MouseEvent):void
+		{
+			if(objectList.selectedId > 0)
+			{
+				commentsWindow.loadComments(objectList.selectedId, Config.IS_ONLINE);
+				commentsWindow.visible = true;
+				illustrationTabs.visible = false
+				previousTopLevelCategoriesText = comboBox_topLevelCategories.text;
+			}
+		}
+		
+		private function processGetCommentsTotal(event:ResultEvent):void
+		{
+			var total:int = parseInt(event.result.toString());
+			button_comments.label = "Comments (" + total + ")";
+		}
+		
+		private function processGetCommentsTotal_fault():void
+		{	
+			//Alert.show('An Internet connection is required', 'Offline');
+		}	
+		*/
+		
+		private function HTTP_logView_fault(event:FaultEvent):void
+		{	
+			//Alert.show('An Internet connection is required' + event.message, 'Offline');
+		}	
+				
+		//--------------------------------------------------------------------------
+		//  Search window
+		//--------------------------------------------------------------------------	
+		private function button_search_click(event:MouseEvent):void
+		{	
+			// Kill the movie and it's background if it exists
+			//if (this.contains(movieBackground)) closeSplash();
+			
+			if(button_search.selected)
+			{
+				if(commentsWindow.visible)
+					hasSearchOpenedWhileCommenting = true;
+					
+				closeQuickStart();
+	
+				commentsWindow.visible = false;
+				searchWindow.visible = true;
+				illustrationTabs.visible = false;
+				comboBox_topLevelCategories.enabled = false;
+				previousTopLevelCategoriesText = comboBox_topLevelCategories.text;
+				comboBox_topLevelCategories.text = "All";
+			}
+			else
+			{
+				searchWindow.visible = false;
+				comboBox_topLevelCategories.enabled = true;
+				comboBox_topLevelCategories.text = previousTopLevelCategoriesText;
+			}
+		}
+
+		private function searchWindow_submit(event:Event):void
+		{
+			toggleButtonBar_treeList.selectedIndex = 1;
+			objectList.showTreeView(false);
+		}	
+			
+		//--------------------------------------------------------------------------
+		//  Shared wipe-window functionality and coordination
+		//--------------------------------------------------------------------------			
+		private function wipedWindow_hide(event:FlexEvent):void
+		{
+			if(!hasSearchOpenedWhileCommenting)
+			{
+				illustrationTabs.visible = true;			
+				button_search.selected = false;
+				comboBox_topLevelCategories.enabled = true;
+				comboBox_topLevelCategories.text = previousTopLevelCategoriesText;
+			}
+			
+			hasSearchOpenedWhileCommenting = false;
+		}
+
+		//--------------------------------------------------------------------------
+		//  Download window
+		//--------------------------------------------------------------------------	
+		private function button_download_click(event:MouseEvent):void
+		{
+			if(objectList.selectedId > 0)
+			{
+				illustrationTabs.visible = false;
+				
+				/*if (this.isPlugin && pluginTransferObject!=null) 
+				{
+					var pluginPopup:PluginDownloadWindow = new PluginDownloadWindow();
+					pluginPopup.addEventListener(FlexEvent.REMOVE, downloadWindow_close);
+					PopUpManager.addPopUp(pluginPopup, this, true);
+					PopUpManager.centerPopUp(pluginPopup);
+					pluginPopup.download(selectedDownloadPath, pluginTransferObject.pluginDownloadPath, Config.LOCAL_OBJECTS_ROOT_PATH);
+				}
+				else {*/
+					var popup:DownloadWindow = new DownloadWindow();
+					popup.addEventListener(FlexEvent.REMOVE, downloadWindow_close);
+					PopUpManager.addPopUp(popup, this, true);
+					PopUpManager.centerPopUp(popup);
+					popup.download(selectedDownloadPath, Config.LOCAL_OBJECTS_ROOT_PATH);
+				/*}*/
+			}
+		}
+		
+		private function button_browser_click(eveng:MouseEvent):void {
+			navigateToURL(new URLRequest(selectedIllustrationURL));			
+		}
+		
+		private function downloadWindow_close(event:FlexEvent):void
+		{
+			illustrationTabs.visible = true;
+		}	
+
+		//--------------------------------------------------------------------------
+		//  Plugin related
+		//--------------------------------------------------------------------------		
+		// ----- ADDED THE REST OF THE SCRIPT... HS
+		/**
+		 * Handle the Merapi communication from the plug-in
+		private function handleResponse(event:Event):void
+		{
+			var ev:ResultEvent = ResultEvent(event);
+			var msg:Message = Message(ev.result);
+			if (msg.type == "FindComponents") {
+				if (msg.data != null) {
+					var msgType:String = msg.type;
+					comps = objectData.getFilteredComponents(String(msg.data));
+						
+	    		}
+           		var m : Message = new Message();
+           		m.type = "FindComponents";
+               	m.data = comps;
+               	bridge.sendMessage(m);
+			}
+			else if (msg.type == "SendPluginTO") {
+				pluginTransferObject = TDFPluginTransferObject(msg.data);
+			}
+			else if (msg.type == "Minimize") {
+				this.minimize();
+			}
+			else if (msg.type == "Dock") {
+				this.dock();
+			}
+			else if (msg.type == "Undock") {
+				// We need to figure out what the download path is from the returned message and set it
+				if (msg.data != null) {
+					pluginTransferObject = TDFPluginTransferObject(msg.data);
+					this.objectList_change(null); // Fire the navigation to the component double-clicked from plugin
+				}
+				this.undock(event);
+			}
+			else if (msg.type == "Exit") {
+				isPlugin = false;
+				onExiting(event);
+			}
+		}
+				 **/
+
+
+		/**
+		 * Prepare for docking
+		 */ 
+		public function prepareForSystray(event:Event):void {
+			// Immediately send featured component list to plugin, if plugin invoked
+			//if (isPlugin) sendFeatured();
+	  		
+	    	if (event!=null)
+		      // Retrieve the image being used as the systray icon 
+		      dockImage = event.target.content.bitmapData;
+		     
+	    	// If this is Mac... 
+	      	if (NativeApplication.supportsDockIcon)
+			{
+				setDockProperties();
+				DockIcon(NativeApplication.nativeApplication.icon).menu = createSystrayRootMenu();
+			}
+			else 
+			{
+				setSystemTrayProperties();
+				SystemTrayIcon(NativeApplication.nativeApplication.icon).menu = createSystrayRootMenu();
+			}
+			// If we are using this independent of the plug-in, we want to undock it because it was opened in 
+			// docked mode and non-visible so that when the plug-in opens it, it does not flash onto the screen. 
+			if (!isPlugin){
+				this.undock(null);
+			}
+			else this.dock();
+	   }
+	
+	   /**
+	   	* Create a menu that can be accessed from the systray
+	   	*/
+		private function createSystrayRootMenu():NativeMenu{
+			var menu:NativeMenu = new NativeMenu();
+	      	var openNativeMenuItem:NativeMenuItem = new NativeMenuItem("Open");
+	      	var exitNativeMenuItem:NativeMenuItem = new NativeMenuItem("Exit");
+	
+			openNativeMenuItem.addEventListener(Event.SELECT, undock);
+	      	exitNativeMenuItem.addEventListener(Event.SELECT, onExiting);
+	
+	      	menu.addItem(openNativeMenuItem);
+	      	menu.addItem(exitNativeMenuItem);
+	       
+	      	return menu;
+	   }
+	
+	  /**
+	   * Add event listeners
+	   */
+	   private function setDockProperties():void { 
+	      	//Listen to the display state changing of the window, so that we can catch the minimize and dock      
+			stage.nativeWindow.addEventListener(NativeWindowDisplayStateEvent.DISPLAY_STATE_CHANGING, processMinimized); //Catch the minimize event 
+	   }
+	   /**
+	   * To be able to dock and undock we need to set some eventlisteners
+	   */
+	   private function setSystemTrayProperties():void {
+	      	SystemTrayIcon(NativeApplication.nativeApplication.icon).tooltip = "Tour de Flex";
+	       
+	      	SystemTrayIcon(NativeApplication.nativeApplication.icon).addEventListener(MouseEvent.CLICK, undock);
+	      	stage.nativeWindow.addEventListener(NativeWindowDisplayStateEvent.DISPLAY_STATE_CHANGING, processMinimized); //Catch the minimize event 
+	   }
+	
+	   /**
+	   * Do the appropriate actions after the windows display state has changed.
+	   * E.g. dock when the user clicks on minimize
+	   *
+	   */
+	   private function processMinimized(displayStateEvent:NativeWindowDisplayStateEvent):void {
+	      // prevent the minimize
+	      if(displayStateEvent.afterDisplayState == NativeWindowDisplayState.MINIMIZED) {
+	         displayStateEvent.preventDefault();
+	          
+	         //Dock instead
+	         dock();
+	      }
+	   }
+	
+	   /**
+	   	* Do our own 'minimize' by docking the application to the systray (showing the application icon in the systray)
+	   	*/
+	   public function dock():void {
+		  // Hide the applcation 
+	      stage.nativeWindow.visible = false;
+	       
+	      //Setting the bitmaps array will show the application icon in the systray 
+	      NativeApplication.nativeApplication.icon.bitmaps = [dockImage];
+	    
+	   }
+	
+	   /**
+	   * Show the application again and remove the application icon from the systray
+	   *
+	   */
+	   public function undock(evt:Event):void {
+	   	  // After setting the window to visible, make sure that the application is ordered to the front,       
+	   	  // else we'll still need to click on the application on the taskbar to make it visible 
+	      stage.nativeWindow.visible = true;
+	      stage.nativeWindow.restore();	      
+	      stage.nativeWindow.orderToFront(); 
+		  stage.nativeWindow.activate();
+	       
+	      // Clearing the bitmaps array also clears the applcation icon from the systray 
+	      NativeApplication.nativeApplication .icon.bitmaps = [];
+	      
+	      // Force the application to the front with focus, then allow user to switch to other apps
+	      if (isPlugin) {
+	      	this.alwaysInFront = true
+	   		this.activate();	
+   	      	this.alwaysInFront = false;
+	      }
+	   }
+	   
+		private function expandIllustration():void {
+			documentTabs.needHtmlHack = false;
+			
+			if (expandMode == 0) {
+				sideBar.setStyle("resizeEffect", expandEffect);
+				sideBar.width = 0;
+				if (illustrationAutoExpanded) 
+				{
+					expandMode = 3;
+				} else {
+					expandMode = 1;					
+				}
+			} else if (expandMode == 1) {
+				docBox.setStyle("resizeEffect",expandEffect);
+				illBox.setStyle("resizeEffect",null);
+				sideBar.setStyle("resizeEffect", expandEffect);
+				vdivider.moveDivider(0,vdivider.height);
+				sideBar.width = 0;
+				expandMode=2;
+			} else if (expandMode == 2) {
+				docBox.setStyle("resizeEffect",null);
+				illBox.setStyle("resizeEffect",expandEffect);
+				vdivider.moveDivider(0, - (vdivider.height));
+				expandMode=3;
+			} else if (expandMode == 3) {
+				docBox.setStyle("resizeEffect",expandEffect);
+				illBox.setStyle("resizeEffect",null);
+				sideBar.width=230;
+				vdivider.moveDivider(0, + (vdivider.height/2));
+				expandMode=0;
+			}			
+		}
+   
+		//--------------------------------------------------------------------------
+		//--------------------------------------------------------------------------
+			
+	]]>
+	</mx:Script>
+
+	<!--
+	<mx:HTTPService id="HTTP_GetCommentsTotal" showBusyCursor="false" result="processGetCommentsTotal(event)" resultFormat="e4x" fault="processGetCommentsTotal_fault()" url="{Config.DATA_EXCHANGE_URL}" useProxy="false" method="POST">
+		<mx:request xmlns="">
+			<Request>GetCommentsTotal</Request>
+			<ObjectId>{objectList.selectedId}</ObjectId>
+		</mx:request>
+	</mx:HTTPService>
+	-->
+	
+	<mx:HTTPService id="HTTP_logView" showBusyCursor="false" resultFormat="e4x" fault="HTTP_logView_fault(event)" url="{Config.DATA_EXCHANGE_URL}" useProxy="false" method="POST">
+		<mx:request xmlns="">
+			<Request>logView</Request>
+			<ObjectId>{objectList.selectedId}</ObjectId>
+			<ObjectName>{label_objectName.text}</ObjectName>
+		</mx:request>
+	</mx:HTTPService>	
+	
+	<mx:Resize id="expandEffect" duration="200" />	
+	<mx:VBox width="100%" height="100%" verticalGap="0" styleName="mainWindow">	
+	<components:ApplicationHeader id="applicationHeader" />
+		<mx:HDividedBox styleName="mainBackground" width="100%" height="100%" paddingBottom="0" paddingLeft="12" paddingRight="0" paddingTop="7">	
+			
+			<mx:VBox id="sideBar" styleName="outerDividedBoxes" width="245" minWidth="0" height="100%" horizontalScrollPolicy="off" >
+				<mx:HBox width="100%" paddingRight="6">
+					<mx:ToggleButtonBar width="60" id="toggleButtonBar_treeList" itemClick="toggleButtonBar_treeList_itemClick(event)" >
+						<mx:dataProvider>
+							<mx:Object id="toggle_tree" icon="@Embed('images/toggle_tree.png')" toolTip="View Tree" />
+            				<mx:Object id="toggle_list" icon="@Embed('images/toggle_list.png')" toolTip="View List" />							
+						</mx:dataProvider>
+					</mx:ToggleButtonBar>
+					<mx:HBox width="100%" horizontalAlign="right">
+						<mx:Button id="button_search" label="Search » Filter" toggle="true" click="button_search_click(event)" labelPlacement="left" styleName="searchButton"/>
+					</mx:HBox>					
+				</mx:HBox>
+				<mx:ComboBox id="comboBox_topLevelCategories" height="0" visible="false" rowCount="10" width="97%" dataProvider="{objectData.topLevelCategoriesXml}" change="comboBox_topLevelCategories_change(event)" />
+				<components:ObjectList id="objectList" treeDataProvider="{objectData.treeXml}" listDataProvider="{objectData.listXml}" change="objectList_change(event)"  sortChange="objectList_sortChange(event)"/>		
+			</mx:VBox>
+	
+			<mx:Canvas id="box_illustrationsAndDocumentsOuterContainer" width="100%" height="100%">			
+			<mx:VBox id="box_illustrationsAndDocuments" styleName="outerDividedBoxes" width="100%" height="100%" horizontalAlign="right" paddingRight="30" >
+				<mx:HBox id="box_illustrationControls" width="100%">
+					<mx:Label id="label_objectName" fontSize="10" fontWeight="bold" />
+					<mx:HBox width="100%" horizontalAlign="right" verticalAlign="middle">					
+						<mx:LinkButton id="button_comments" click="button_comments_click(event)" label="Comments" fontSize="9" enabled="false" styleName="commentButton" />
+						<mx:LinkButton id="button_download" click="button_download_click(event)" label="Download" fontSize="9" enabled="false" styleName="downloadButton" />
+						<mx:LinkButton id="button_browser" click="button_browser_click(event)" label="Open in Browser" fontSize="9" enabled="false" styleName="buttonBrowser" />
+						<mx:LinkButton id="button_expand" click="expandIllustration()" label="Toggle Layout" fontSize="9" enabled="false" styleName="maximizeButton" />
+					</mx:HBox>			
+				</mx:HBox>
+				<mx:VDividedBox id="vdivider" width="100%" height="100%">
+					<mx:VBox id="illBox" styleName="illustrationsBox" width="100%" height="100%" >					
+						<components:IllustrationTabs id="illustrationTabs" change="illustrationTabs_change(event)" />					
+					</mx:VBox>
+					<mx:VBox id="docBox" styleName="illustrationsBox" width="100%" height="100%">
+						<components:DocumentTabs id="documentTabs"/>
+					</mx:VBox>				
+				</mx:VDividedBox>					
+			</mx:VBox>
+			<mx:VBox width="100%" height="100%" paddingBottom="5" paddingRight="10">
+				<components:QuickStartWindow id="quickStartWindow" close="closeQuickStart(event)" width="100%" height="100%" />	
+			</mx:VBox>
+			</mx:Canvas>
+		</mx:HDividedBox>
+		
+		<components:ApplicationFooter />
+		
+	</mx:VBox>
+	
+	<!--<mx:Box id="movieBackground" backgroundColor="black" x="{splashWindow.x}" y="{splashWindow.y}" width="{splashWindow.width}" height="{splashWindow.height}"/>-->
+	
+	<components:CommentsWindow id="commentsWindow" visible="false" hideComplete="wipedWindow_hide(event)" x="{box_illustrationsAndDocuments.x}" y="{box_illustrationsAndDocuments.y + applicationHeader.height}" width="{box_illustrationsAndDocuments.width}" height="{box_illustrationsAndDocuments.height}"/>
+	<components:SearchWindow id="searchWindow" visible="false" searchSubmit="searchWindow_submit(event)" objectData="{objectData}" searchTagsData="{objectData.searchTags}" hideComplete="wipedWindow_hide(event)" x="{box_illustrationsAndDocumentsOuterContainer.x}" y="{box_illustrationsAndDocumentsOuterContainer.y + applicationHeader.height}" width="{box_illustrationsAndDocumentsOuterContainer.width}" height="{box_illustrationsAndDocumentsOuterContainer.height}"/>
+</mx:WindowedApplication>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/classes/ApplicationUpdaterManager.as
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/classes/ApplicationUpdaterManager.as b/TourDeFlex/TourDeFlex/src/classes/ApplicationUpdaterManager.as
new file mode 100644
index 0000000..4a69b36
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/classes/ApplicationUpdaterManager.as
@@ -0,0 +1,55 @@
+////////////////////////////////////////////////////////////////////////////////
+//
+//  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.
+//
+////////////////////////////////////////////////////////////////////////////////
+package classes
+{
+	import air.update.ApplicationUpdaterUI;
+	import air.update.events.UpdateEvent;
+	
+	import flash.desktop.NativeApplication;
+	import flash.events.ErrorEvent;
+	import flash.events.Event;
+	
+	import mx.controls.Alert;
+	
+	public class ApplicationUpdaterManager
+	{
+		private var appUpdater:ApplicationUpdaterUI = new ApplicationUpdaterUI();
+		
+		public function ApplicationUpdaterManager()
+		{
+			appUpdater.updateURL = Config.APP_UPDATER_URL;
+			appUpdater.isCheckForUpdateVisible = false;
+			//appUpdater.isInstallUpdateVisible = false;
+			appUpdater.addEventListener(ErrorEvent.ERROR, appUpdater_error);
+			appUpdater.addEventListener(UpdateEvent.INITIALIZED, appUpdater_update);
+			appUpdater.initialize();			
+		}
+		
+		private function appUpdater_update(event:UpdateEvent):void 
+		{
+			appUpdater.checkNow();
+		}
+		
+		private function appUpdater_error(event:ErrorEvent):void
+		{
+			Alert.show(event.toString());
+		}
+		
+	}
+}
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/classes/Document.as
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/classes/Document.as b/TourDeFlex/TourDeFlex/src/classes/Document.as
new file mode 100644
index 0000000..e029609
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/classes/Document.as
@@ -0,0 +1,35 @@
+////////////////////////////////////////////////////////////////////////////////
+//
+//  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.
+//
+////////////////////////////////////////////////////////////////////////////////
+package classes
+{
+	public class Document
+	{
+		public var name:String = "";		
+		public var path:String = "";
+		public var openLinksExternal:String = "";
+		
+		public function Document(name:String = "", path:String = "", openLinksExternal:String = "")
+		{
+			this.name = name;
+			this.path = path;			
+			this.openLinksExternal = openLinksExternal;
+		}		
+
+	}
+}
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/classes/LocalQuickStart.as
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/classes/LocalQuickStart.as b/TourDeFlex/TourDeFlex/src/classes/LocalQuickStart.as
new file mode 100644
index 0000000..f3cbdbf
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/classes/LocalQuickStart.as
@@ -0,0 +1,159 @@
+////////////////////////////////////////////////////////////////////////////////
+//
+//  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.
+//
+////////////////////////////////////////////////////////////////////////////////
+package classes
+{
+	/********************************
+	 * This class has been deprecated	
+	*********************************/
+	
+	
+	import flash.events.Event;
+	import flash.events.IOErrorEvent;
+	import flash.filesystem.File;
+	import flash.filesystem.FileMode;
+	import flash.filesystem.FileStream;
+	import flash.net.SharedObject;
+	import flash.net.URLLoader;
+	import flash.net.URLRequest;
+	import flash.system.Capabilities;
+	
+	public class LocalQuickStart
+	{
+		
+		//--------------------------------------------------------------------------
+		//  Variables
+		//--------------------------------------------------------------------------			
+		public static var url:String = "quickstart.html";
+		
+		private static var cookieName:String = "TourDeFlex";
+		private static var onlineVersion:String = "";
+		private static var localLanguage:String = "en";
+		private static var onlineVersionUrl:String = "";
+		
+		
+		//--------------------------------------------------------------------------
+		//  Load/setup
+		//--------------------------------------------------------------------------	
+		public function LocalQuickStart()
+		{
+		}
+		
+		public static function update():void
+		{						
+			var staticContainerPath:String = "data/";
+			var updatableFile:File = File.applicationStorageDirectory.resolvePath(url);
+			var staticFile:File = File.applicationDirectory.resolvePath(staticContainerPath + url);	
+					
+			localLanguage = Capabilities.language.toLowerCase();
+			//localLanguage = "jp";
+			
+			if(localLanguage != "en")
+			{
+				var newUrl:String = Config.appendLanguage(url, localLanguage);
+				var newStaticFile:File = File.applicationDirectory.resolvePath(staticContainerPath + newUrl);
+				if(newStaticFile.exists)
+					staticFile = newStaticFile;
+			}
+
+			if(Config.isAppFirstTimeRun() || !updatableFile.exists)
+				staticFile.copyTo(updatableFile, true);
+				
+			url = updatableFile.url;
+			
+			checkForNewLocalQuickStart();
+		}
+		
+		//--------------------------------------------------------------------------
+		//  Helper/shared functions
+		//--------------------------------------------------------------------------		
+		private static function checkForNewLocalQuickStart():void
+		{
+			var loader:URLLoader = new URLLoader(new URLRequest(Config.QUICK_START_LOCAL_UPDATER_URL));
+			loader.addEventListener(Event.COMPLETE, updaterXmlLoaded);
+			loader.addEventListener(IOErrorEvent.IO_ERROR, updaterXmlLoadedError);
+		}
+		
+		private static function updaterXmlLoadedError(event:IOErrorEvent):void
+		{
+		}
+				
+		private static function updaterXmlLoaded(event:Event):void
+		{
+			var loader:URLLoader = URLLoader(event.target);
+			var updaterXml:XML = new XML(loader.data);
+			
+			var currentVersion:String = "0";
+			var cookie:SharedObject = SharedObject.getLocal(cookieName);			
+			if(cookie.data.localQuickStartVersion != null)
+				currentVersion = cookie.data.localQuickStartVersion;
+			
+			onlineVersion = updaterXml.version;
+			var onlineVersionDescription:String = updaterXml.description;			
+			
+			if(onlineVersion > currentVersion)
+			{
+				onlineVersionUrl = updaterXml.url;
+				downloadNewVersion(onlineVersionUrl);
+				if(onlineVersionDescription.length > 0)
+				{
+					// Only show notice if a description was provided, otherwise, silent install
+					//Alert.show(onlineVersionDescription, "Updated to Version " + onlineVersion);
+				}
+			}
+		}
+		
+		private static function downloadNewVersion(path:String):void
+		{
+			if(localLanguage != "en")
+				path = Config.appendLanguage(path, localLanguage);
+			
+			var loader:URLLoader = new URLLoader(new URLRequest(path));
+			loader.addEventListener(Event.COMPLETE, updatedVersionLoaded);	
+			loader.addEventListener(IOErrorEvent.IO_ERROR, updatedVersionLoadingError);
+		}
+		
+		private static function updatedVersionLoadingError(event:IOErrorEvent):void
+		{
+			var loader:URLLoader = new URLLoader(new URLRequest(onlineVersionUrl));
+			loader.addEventListener(Event.COMPLETE, updatedVersionLoaded);	
+			loader.addEventListener(IOErrorEvent.IO_ERROR, updatedVersionLoadingError);			
+		}
+		
+		private static function updatedVersionLoaded(event:Event):void
+		{
+			var file:File = File.applicationStorageDirectory;
+			file = file.resolvePath(url);
+			if(file.exists)
+				file.deleteFile();
+
+			var loader:URLLoader = URLLoader(event.target);
+
+			var fileStream:FileStream = new FileStream();
+			fileStream.open(file, FileMode.WRITE);
+			fileStream.writeUTFBytes(loader.data);
+			fileStream.close();		
+			
+			var cookie:SharedObject = SharedObject.getLocal(cookieName);
+			cookie.data.localQuickStartVersion = onlineVersion;
+			cookie.flush();		
+		}		
+		//--------------------------------------------------------------------------
+		//--------------------------------------------------------------------------	
+	}
+}
\ No newline at end of file


[37/51] [partial] Merged TourDeFlex release from develop

Posted by jm...@apache.org.
http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR/HOWTO/SQLite/sample.mxml.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR/HOWTO/SQLite/sample.mxml.html b/TourDeFlex/TourDeFlex/src/objects/AIR/HOWTO/SQLite/sample.mxml.html
new file mode 100644
index 0000000..0fe164a
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR/HOWTO/SQLite/sample.mxml.html
@@ -0,0 +1,157 @@
+<!--
+  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.
+-->
+<!-- saved from url=(0014)about:internet -->
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+<title>sample.mxml</title>
+<link rel="stylesheet" type="text/css" href="../SourceStyles.css"/>
+</head>
+
+<body><pre><span class="MXMLProcessing_Instruction">&lt;?xml version="1.0" encoding="utf-8"?&gt;</span>
+<span class="MXMLComponent_Tag">&lt;s:WindowedApplication</span><span class="MXMLDefault_Text"> xmlns:fx="</span><span class="MXMLString">http://ns.adobe.com/mxml/2009</span><span class="MXMLDefault_Text">" xmlns:s="</span><span class="MXMLString">library://ns.adobe.com/flex/spark</span><span class="MXMLDefault_Text">" 
+    backgroundColor="</span><span class="MXMLString">0x323232</span><span class="MXMLDefault_Text">" xmlns:mx="</span><span class="MXMLString">library://ns.adobe.com/flex/mx</span><span class="MXMLDefault_Text">" creationComplete="</span><span class="ActionScriptDefault_Text">initDatabase</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span><span class="MXMLDefault_Text">" 
+    width="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" height="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+    
+    <span class="MXMLSpecial_Tag">&lt;fx:Script&gt;</span>
+        &lt;![CDATA[
+            
+            <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">flash</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">data</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">SQLResult</span>;
+            <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">flash</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">filesystem</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">File</span>;
+            <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">flash</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">data</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">SQLStatement</span>;
+            <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">flash</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">data</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">SQLConnection</span>;
+            <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">flash</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">events</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">SQLEvent</span>;
+            <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">flash</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">events</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">SQLErrorEvent</span>;
+            <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">mx</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">collections</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">ArrayCollection</span>;
+            
+            <span class="ActionScriptReserved">private</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">employeeDB</span>:<span class="ActionScriptDefault_Text">SQLConnection</span>;
+            <span class="ActionScriptReserved">private</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">dbStatement</span>:<span class="ActionScriptDefault_Text">SQLStatement</span>;
+            
+            <span class="ActionScriptBracket/Brace">[</span><span class="ActionScriptMetadata">Bindable</span><span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptReserved">private</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">employeeCollection</span>:<span class="ActionScriptDefault_Text">Array</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">Array</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
+            
+            <span class="ActionScriptReserved">private</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">initDatabase</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
+            <span class="ActionScriptBracket/Brace">{</span>
+                <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">dbFile</span>:<span class="ActionScriptDefault_Text">File</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">File</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">applicationStorageDirectory</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">resolvePath</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">"employees.db"</span><span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptDefault_Text">dbStatement</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">SQLStatement</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptDefault_Text">dbStatement</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">itemClass</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">Employee</span>;
+                <span class="ActionScriptDefault_Text">employeeDB</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">SQLConnection</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
+                   <span class="ActionScriptDefault_Text">dbStatement</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">sqlConnection</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">employeeDB</span>;
+                <span class="ActionScriptDefault_Text">employeeDB</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">addEventListener</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">SQLEvent</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">OPEN</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">onDatabaseOpen</span><span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptDefault_Text">employeeDB</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">addEventListener</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">SQLErrorEvent</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">ERROR</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">errorHandler</span><span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptDefault_Text">employeeDB</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">open</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">dbFile</span><span class="ActionScriptBracket/Brace">)</span>;
+            <span class="ActionScriptBracket/Brace">}</span>
+ 
+            <span class="ActionScriptReserved">private</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">onDatabaseOpen</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">event</span>:<span class="ActionScriptDefault_Text">SQLEvent</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
+            <span class="ActionScriptBracket/Brace">{</span>
+                 <span class="ActionScriptDefault_Text">dbStatement</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptString">"CREATE TABLE IF NOT EXISTS employees ( id INTEGER PRIMARY KEY AUTOINCREMENT, firstname TEXT, lastname TEXT, position TEXT )"</span>;
+                <span class="ActionScriptDefault_Text">dbStatement</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">addEventListener</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">SQLEvent</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">RESULT</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">handleResult</span><span class="ActionScriptBracket/Brace">)</span>;
+                 <span class="ActionScriptDefault_Text">dbStatement</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">addEventListener</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">SQLErrorEvent</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">ERROR</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">createError</span><span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptDefault_Text">dbStatement</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">execute</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptComment">// refresh employee list on open
+</span>                <span class="ActionScriptDefault_Text">getEmployees</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
+            <span class="ActionScriptBracket/Brace">}</span>
+            <span class="ActionScriptReserved">private</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">handleResult</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">event</span>:<span class="ActionScriptDefault_Text">SQLEvent</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
+               <span class="ActionScriptBracket/Brace">{</span>
+                   <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">result</span>:<span class="ActionScriptDefault_Text">SQLResult</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">dbStatement</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">getResult</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
+                   <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">result</span> <span class="ActionScriptOperator">!=</span> <span class="ActionScriptReserved">null</span><span class="ActionScriptBracket/Brace">)</span> <span class="ActionScriptBracket/Brace">{</span>  
+                       <span class="ActionScriptReserved">this</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">employeeCollection</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">result</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">data</span>;
+                   <span class="ActionScriptBracket/Brace">}</span>
+               <span class="ActionScriptBracket/Brace">}</span>
+            
+            <span class="ActionScriptReserved">private</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">getEmployees</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
+            <span class="ActionScriptBracket/Brace">{</span>
+                <span class="ActionScriptDefault_Text">dbStatement</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptString">"SELECT * from employees"</span>;
+                <span class="ActionScriptDefault_Text">dbStatement</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">execute</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
+            <span class="ActionScriptBracket/Brace">}</span>
+            
+             <span class="ActionScriptReserved">private</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">onAddBtnClick</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">event</span>:<span class="ActionScriptDefault_Text">MouseEvent</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
+             <span class="ActionScriptBracket/Brace">{</span>
+                 <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">employee</span>:<span class="ActionScriptDefault_Text">Employee</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">Employee</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
+                 <span class="ActionScriptDefault_Text">employee</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">firstname</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">txtFirstName</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span>;
+                <span class="ActionScriptDefault_Text">employee</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">lastname</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">txtLastName</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span>;
+                <span class="ActionScriptDefault_Text">employee</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">position</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">txtPosition</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span>;
+                <span class="ActionScriptDefault_Text">addEmployee</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">employee</span><span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptDefault_Text">getEmployees</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
+             <span class="ActionScriptBracket/Brace">}</span>
+             
+             <span class="ActionScriptReserved">private</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">addEmployee</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">employee</span>:<span class="ActionScriptDefault_Text">Employee</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
+            <span class="ActionScriptBracket/Brace">{</span>
+                <span class="ActionScriptDefault_Text">dbStatement</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptString">"INSERT into employees(firstname,lastname,position) values('"</span> <span class="ActionScriptOperator">+</span>
+                                                   <span class="ActionScriptDefault_Text">employee</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">firstname</span> <span class="ActionScriptOperator">+</span>
+                                                   <span class="ActionScriptString">"','"</span> <span class="ActionScriptOperator">+</span>
+                                                   <span class="ActionScriptDefault_Text">employee</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">lastname</span>  <span class="ActionScriptOperator">+</span>
+                                                   <span class="ActionScriptString">"','"</span> <span class="ActionScriptOperator">+</span>
+                                                   <span class="ActionScriptDefault_Text">employee</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">position</span> <span class="ActionScriptOperator">+</span>
+                                                   <span class="ActionScriptString">"')"</span>;
+                <span class="ActionScriptDefault_Text">dbStatement</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">execute</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
+            <span class="ActionScriptBracket/Brace">}</span>
+            
+             <span class="ActionScriptReserved">private</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">onDeleteBtnClick</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">event</span>:<span class="ActionScriptDefault_Text">MouseEvent</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
+            <span class="ActionScriptBracket/Brace">{</span>
+                <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">employee</span>:<span class="ActionScriptDefault_Text">Employee</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">emplDataGrid</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">selectedItem</span> <span class="ActionScriptReserved">as</span> <span class="ActionScriptDefault_Text">Employee</span>;
+                <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">sqlDelete</span>:<span class="ActionScriptDefault_Text">String</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptString">"delete from employees where id='"</span><span class="ActionScriptOperator">+</span><span class="ActionScriptDefault_Text">employee</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">id</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptString">"' and firstname='"</span><span class="ActionScriptOperator">+</span> <span class="ActionScriptDefault_Text">employee</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">firstname</span><span class="ActionScriptOperator">+</span><span class="ActionScriptString">"' and lastname='"</span><span class="ActionScriptOperator">+</span> 
+                    <span class="ActionScriptDefault_Text">employee</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">lastname</span><span class="ActionScriptOperator">+</span><span class="ActionScriptString">"' and position='"</span><span class="ActionScriptOperator">+</span><span class="ActionScriptDefault_Text">employee</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">position</span><span class="ActionScriptOperator">+</span><span class="ActionScriptString">"';"</span>;
+                <span class="ActionScriptDefault_Text">dbStatement</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">sqlDelete</span>;
+                <span class="ActionScriptDefault_Text">dbStatement</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">execute</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptDefault_Text">getEmployees</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
+             <span class="ActionScriptBracket/Brace">}</span>
+             
+            
+            <span class="ActionScriptReserved">private</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">errorHandler</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">error</span>:<span class="ActionScriptDefault_Text">SQLError</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
+            <span class="ActionScriptBracket/Brace">{</span>
+                <span class="ActionScripttrace">trace</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">"Error Occurred with id: "</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptDefault_Text">error</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">errorID</span>  <span class="ActionScriptOperator">+</span> <span class="ActionScriptString">" operation "</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptDefault_Text">error</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">operation</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptString">" message "</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptDefault_Text">error</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">message</span><span class="ActionScriptBracket/Brace">)</span>;
+            <span class="ActionScriptBracket/Brace">}</span>
+             <span class="ActionScriptReserved">private</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">createError</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">event</span>:<span class="ActionScriptDefault_Text">SQLErrorEvent</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
+            <span class="ActionScriptBracket/Brace">{</span>
+                <span class="ActionScripttrace">trace</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">"Error Occurred with id: "</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptDefault_Text">event</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">error</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">errorID</span>  <span class="ActionScriptOperator">+</span> <span class="ActionScriptString">" message "</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptDefault_Text">event</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">error</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">message</span><span class="ActionScriptBracket/Brace">)</span>;
+            <span class="ActionScriptBracket/Brace">}</span>
+            
+            <span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptOperator">&gt;</span>
+        <span class="MXMLSpecial_Tag">&lt;/fx:Script&gt;</span>
+    
+        <span class="MXMLComponent_Tag">&lt;s:VGroup&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;s:VGroup</span><span class="MXMLDefault_Text"> left="</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">" right="</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">" top="</span><span class="MXMLString">5</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+                <span class="MXMLComponent_Tag">&lt;mx:DataGrid</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">emplDataGrid</span><span class="MXMLDefault_Text">" dataProvider="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">employeeCollection</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" rowCount="</span><span class="MXMLString">3</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+                    <span class="MXMLComponent_Tag">&lt;mx:columns&gt;</span>
+                        <span class="MXMLComponent_Tag">&lt;mx:DataGridColumn</span><span class="MXMLDefault_Text"> dataField="</span><span class="MXMLString">id</span><span class="MXMLDefault_Text">" headerText="</span><span class="MXMLString">Employee ID</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+                        <span class="MXMLComponent_Tag">&lt;mx:DataGridColumn</span><span class="MXMLDefault_Text"> dataField="</span><span class="MXMLString">firstname</span><span class="MXMLDefault_Text">" headerText="</span><span class="MXMLString">First Name</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+                        <span class="MXMLComponent_Tag">&lt;mx:DataGridColumn</span><span class="MXMLDefault_Text"> dataField="</span><span class="MXMLString">lastname</span><span class="MXMLDefault_Text">" headerText="</span><span class="MXMLString">Last Name</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+                        <span class="MXMLComponent_Tag">&lt;mx:DataGridColumn</span><span class="MXMLDefault_Text"> dataField="</span><span class="MXMLString">position</span><span class="MXMLDefault_Text">" headerText="</span><span class="MXMLString">Position</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+                    <span class="MXMLComponent_Tag">&lt;/mx:columns&gt;</span>
+                <span class="MXMLComponent_Tag">&lt;/mx:DataGrid&gt;</span>
+                <span class="MXMLComponent_Tag">&lt;s:Button</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">deleteBtn</span><span class="MXMLDefault_Text">" left="</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">" label="</span><span class="MXMLString">Delete Employee</span><span class="MXMLDefault_Text">" click="</span><span class="ActionScriptDefault_Text">onDeleteBtnClick</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">event</span><span class="ActionScriptBracket/Brace">)</span><span class="MXMLDefault_Text">" enabled="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">emplDataGrid</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">selectedIndex</span> <span class="ActionScriptOperator">&gt;</span> <span class="ActionScriptOperator">-</span>1<span class="MXMLString">}</span><span class="MXMLDefault_Text">"</span><span clas
 s="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;/s:VGroup&gt;</span>
+            
+            <span class="MXMLComponent_Tag">&lt;mx:Form</span><span class="MXMLDefault_Text"> top="</span><span class="MXMLString">110</span><span class="MXMLDefault_Text">" left="</span><span class="MXMLString">180</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+                <span class="MXMLComponent_Tag">&lt;mx:FormItem</span><span class="MXMLDefault_Text"> label="</span><span class="MXMLString">First Name:</span><span class="MXMLDefault_Text">" color="</span><span class="MXMLString">white</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+                    <span class="MXMLComponent_Tag">&lt;mx:TextInput</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">txtFirstName</span><span class="MXMLDefault_Text">" color="</span><span class="MXMLString">black</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+                <span class="MXMLComponent_Tag">&lt;/mx:FormItem&gt;</span>
+                <span class="MXMLComponent_Tag">&lt;mx:FormItem</span><span class="MXMLDefault_Text"> label="</span><span class="MXMLString">Last Name:</span><span class="MXMLDefault_Text">" color="</span><span class="MXMLString">white</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+                    <span class="MXMLComponent_Tag">&lt;mx:TextInput</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">txtLastName</span><span class="MXMLDefault_Text">" color="</span><span class="MXMLString">black</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+                <span class="MXMLComponent_Tag">&lt;/mx:FormItem&gt;</span>
+                <span class="MXMLComponent_Tag">&lt;mx:FormItem</span><span class="MXMLDefault_Text"> label="</span><span class="MXMLString">Position:</span><span class="MXMLDefault_Text">" color="</span><span class="MXMLString">white</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+                    <span class="MXMLComponent_Tag">&lt;mx:TextInput</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">txtPosition</span><span class="MXMLDefault_Text">" color="</span><span class="MXMLString">black</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+                <span class="MXMLComponent_Tag">&lt;/mx:FormItem&gt;</span>
+                <span class="MXMLComponent_Tag">&lt;mx:FormItem&gt;</span>
+                    <span class="MXMLComponent_Tag">&lt;mx:Button</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">addBtn</span><span class="MXMLDefault_Text">" label="</span><span class="MXMLString">Add Employee</span><span class="MXMLDefault_Text">" click="</span><span class="ActionScriptDefault_Text">onAddBtnClick</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">event</span><span class="ActionScriptBracket/Brace">)</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+                <span class="MXMLComponent_Tag">&lt;/mx:FormItem&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;/mx:Form&gt;</span>    
+        <span class="MXMLComponent_Tag">&lt;/s:VGroup&gt;</span>
+    
+<span class="MXMLComponent_Tag">&lt;/s:WindowedApplication&gt;</span></pre></body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR/HOWTO/Screens/DemoWindow.mxml.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR/HOWTO/Screens/DemoWindow.mxml.html b/TourDeFlex/TourDeFlex/src/objects/AIR/HOWTO/Screens/DemoWindow.mxml.html
new file mode 100644
index 0000000..3dbd301
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR/HOWTO/Screens/DemoWindow.mxml.html
@@ -0,0 +1,41 @@
+<!--
+  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.
+-->
+<!-- saved from url=(0014)about:internet -->
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+<title>DemoWindow.mxml</title>
+<link rel="stylesheet" type="text/css" href="../SourceStyles.css"/>
+</head>
+
+<body><pre><span class="MXMLProcessing_Instruction">&lt;?xml version="1.0" encoding="utf-8"?&gt;</span>
+<span class="MXMLComponent_Tag">&lt;mx:Window</span><span class="MXMLDefault_Text"> xmlns:mx="</span><span class="MXMLString">http://www.adobe.com/2006/mxml</span><span class="MXMLDefault_Text">" layout="</span><span class="MXMLString">vertical</span><span class="MXMLDefault_Text">" verticalAlign="</span><span class="MXMLString">middle</span><span class="MXMLDefault_Text">" 
+    horizontalAlign="</span><span class="MXMLString">center</span><span class="MXMLDefault_Text">" backgroundColor="</span><span class="MXMLString">#3333FF</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">250</span><span class="MXMLDefault_Text">" height="</span><span class="MXMLString">90</span><span class="MXMLDefault_Text">" 
+    showStatusBar="</span><span class="MXMLString">false</span><span class="MXMLDefault_Text">" showTitleBar="</span><span class="MXMLString">false</span><span class="MXMLDefault_Text">" showGripper="</span><span class="MXMLString">false</span><span class="MXMLDefault_Text">" borderStyle="</span><span class="MXMLString">none</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+    
+<span class="MXMLSpecial_Tag">&lt;mx:Script&gt;</span>
+    &lt;![CDATA[
+        <span class="ActionScriptReserved">public</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">setMsg</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">msgIn</span>:<span class="ActionScriptDefault_Text">String</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span> <span class="ActionScriptBracket/Brace">{</span>
+            <span class="ActionScriptDefault_Text">msg</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">msgIn</span>;
+        <span class="ActionScriptBracket/Brace">}</span>
+    <span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptOperator">&gt;</span>
+<span class="MXMLSpecial_Tag">&lt;/mx:Script&gt;</span>
+    <span class="MXMLComponent_Tag">&lt;mx:Label</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">msg</span><span class="MXMLDefault_Text">" fontWeight="</span><span class="MXMLString">bold</span><span class="MXMLDefault_Text">" color="</span><span class="MXMLString">white</span><span class="MXMLDefault_Text">" </span><span class="MXMLComponent_Tag">/&gt;</span>
+    <span class="MXMLComponent_Tag">&lt;mx:Button</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">winButton</span><span class="MXMLDefault_Text">" label="</span><span class="MXMLString">Close</span><span class="MXMLDefault_Text">" click="</span><span class="ActionScriptReserved">this</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">close</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+<span class="MXMLComponent_Tag">&lt;/mx:Window&gt;</span></pre></body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR/HOWTO/Screens/ScreenDemo.mxml.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR/HOWTO/Screens/ScreenDemo.mxml.html b/TourDeFlex/TourDeFlex/src/objects/AIR/HOWTO/Screens/ScreenDemo.mxml.html
new file mode 100644
index 0000000..9e31646
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR/HOWTO/Screens/ScreenDemo.mxml.html
@@ -0,0 +1,80 @@
+<!--
+  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.
+-->
+<!-- saved from url=(0014)about:internet -->
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+<title>ScreenDemo.mxml</title>
+<link rel="stylesheet" type="text/css" href="../SourceStyles.css"/>
+</head>
+
+<body><pre><span class="MXMLProcessing_Instruction">&lt;?xml version="1.0" encoding="utf-8"?&gt;</span>
+<span class="MXMLComponent_Tag">&lt;s:WindowedApplication</span><span class="MXMLDefault_Text"> xmlns:fx="</span><span class="MXMLString">http://ns.adobe.com/mxml/2009</span><span class="MXMLDefault_Text">" xmlns:s="</span><span class="MXMLString">library://ns.adobe.com/flex/spark</span><span class="MXMLDefault_Text">" 
+                       xmlns:mx="</span><span class="MXMLString">library://ns.adobe.com/flex/mx</span><span class="MXMLDefault_Text">" height="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" creationComplete="</span><span class="ActionScriptDefault_Text">init</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span><span class="MXMLDefault_Text">" 
+                       remove="</span><span class="ActionScriptDefault_Text">removePopups</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;<span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+    <span class="MXMLSpecial_Tag">&lt;fx:Script&gt;</span>
+        &lt;![CDATA[
+            <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">mx</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">controls</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">Button</span>;
+            <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">flash</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">display</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">Screen</span>;
+            <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">mx</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">controls</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">Alert</span>;
+            
+            <span class="ActionScriptReserved">private</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">winNumber</span>:<span class="ActionScriptDefault_Text">int</span> <span class="ActionScriptOperator">=</span> 0;
+            <span class="ActionScriptReserved">private</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">myWindows</span>:<span class="ActionScriptDefault_Text">Array</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">Array</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
+            
+            <span class="ActionScriptReserved">private</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">init</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span> <span class="ActionScriptBracket/Brace">{</span>
+                <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">mainScreen</span>:<span class="ActionScriptDefault_Text">Screen</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">Screen</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">mainScreen</span>; <span class="ActionScriptComment">// Main screen as defined by OS (see docs) - not used in this sample
+</span>                <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">screenArray</span>:<span class="ActionScriptDefault_Text">Array</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">Screen</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">screens</span>;
+                <span class="ActionScriptDefault_Text">message</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptString">"Screens found:\n"</span>;
+                <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">virtualBounds</span>:<span class="ActionScriptDefault_Text">Rectangle</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">Rectangle</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
+    
+                <span class="ActionScriptReserved">for each</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">screen</span>:<span class="ActionScriptDefault_Text">Screen</span> <span class="ActionScriptReserved">in</span> <span class="ActionScriptDefault_Text">screenArray</span><span class="ActionScriptBracket/Brace">)</span> <span class="ActionScriptBracket/Brace">{</span>
+                    <span class="ActionScriptDefault_Text">message</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span> <span class="ActionScriptOperator">+=</span> <span class="ActionScriptString">"\tScreen Size: "</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptDefault_Text">screen</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">bounds</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">width</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptString">"x"</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptDefault_Text">screen</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">bounds</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">height</span> <span class="ActionScriptOperator">+</span> <span class="ActionScr
 iptString">"\n"</span>;
+                    <span class="ActionScriptDefault_Text">message</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span> <span class="ActionScriptOperator">+=</span> <span class="ActionScriptString">"\tVisible Bounds (excludes taskbar/menubar/dock):"</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptDefault_Text">screen</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">visibleBounds</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">width</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptString">"x"</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptDefault_Text">screen</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">visibleBounds</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">height</span> <span class="Actio
 nScriptOperator">+</span> <span class="ActionScriptString">"\n"</span>;
+                    <span class="ActionScriptDefault_Text">message</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span> <span class="ActionScriptOperator">+=</span> <span class="ActionScriptString">"\tColors: "</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptDefault_Text">screen</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">colorDepth</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">toString</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptString">" bit\n\n"</span>;
+                    
+                    <span class="ActionScriptComment">// Calculate virtual screen size (combines monitor resolutions)
+</span>                    <span class="ActionScriptReserved">if</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">virtualBounds</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">left</span>   <span class="ActionScriptOperator">&gt;</span> <span class="ActionScriptDefault_Text">screen</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">bounds</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">left</span><span class="ActionScriptBracket/Brace">)</span>   <span class="ActionScriptBracket/Brace">{</span><span class="ActionScriptDefault_Text">virtualBounds</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">left</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">screen</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">bounds
 </span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">left</span>;<span class="ActionScriptBracket/Brace">}</span>
+                    <span class="ActionScriptReserved">if</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">virtualBounds</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">right</span>  <span class="ActionScriptOperator">&lt;</span> <span class="ActionScriptDefault_Text">screen</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">bounds</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">right</span><span class="ActionScriptBracket/Brace">)</span>  <span class="ActionScriptBracket/Brace">{</span><span class="ActionScriptDefault_Text">virtualBounds</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">right</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">screen</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">bounds</span
 ><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">right</span>;<span class="ActionScriptBracket/Brace">}</span>
+                    <span class="ActionScriptReserved">if</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">virtualBounds</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">top</span>    <span class="ActionScriptOperator">&gt;</span> <span class="ActionScriptDefault_Text">screen</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">bounds</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">top</span><span class="ActionScriptBracket/Brace">)</span>    <span class="ActionScriptBracket/Brace">{</span><span class="ActionScriptDefault_Text">virtualBounds</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">top</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">screen</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">bounds</span><
 span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">top</span>;<span class="ActionScriptBracket/Brace">}</span>
+                    <span class="ActionScriptReserved">if</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">virtualBounds</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">bottom</span> <span class="ActionScriptOperator">&lt;</span> <span class="ActionScriptDefault_Text">screen</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">bounds</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">bottom</span><span class="ActionScriptBracket/Brace">)</span> <span class="ActionScriptBracket/Brace">{</span><span class="ActionScriptDefault_Text">virtualBounds</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">bottom</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">screen</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">bounds</spa
 n><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">bottom</span>;<span class="ActionScriptBracket/Brace">}</span>
+                    
+                    <span class="ActionScriptComment">// Determine the center point of each screen
+</span>                    <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">centerX</span>:<span class="ActionScriptDefault_Text">int</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">screen</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">bounds</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">right</span>  <span class="ActionScriptOperator">-</span> <span class="ActionScriptDefault_Text">screen</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">bounds</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">width</span>  <span class="ActionScriptOperator">+</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">screen</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">bounds</span><span class=
 "ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">width</span>  <span class="ActionScriptOperator">/</span> 2<span class="ActionScriptBracket/Brace">)</span>;
+                    <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">centerY</span>:<span class="ActionScriptDefault_Text">int</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">screen</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">bounds</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">bottom</span> <span class="ActionScriptOperator">-</span> <span class="ActionScriptDefault_Text">screen</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">bounds</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">height</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">screen</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">bounds</span><span class="Action
 ScriptOperator">.</span><span class="ActionScriptDefault_Text">height</span> <span class="ActionScriptOperator">/</span> 2<span class="ActionScriptBracket/Brace">)</span>;
+    
+                    <span class="ActionScriptComment">// Open a window in the center of each screen
+</span>                    <span class="ActionScriptDefault_Text">myWindows</span><span class="ActionScriptBracket/Brace">[</span><span class="ActionScriptDefault_Text">winNumber</span><span class="ActionScriptBracket/Brace">]</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">DemoWindow</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
+                    <span class="ActionScriptDefault_Text">myWindows</span><span class="ActionScriptBracket/Brace">[</span><span class="ActionScriptDefault_Text">winNumber</span><span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">open</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
+                    <span class="ActionScriptDefault_Text">myWindows</span><span class="ActionScriptBracket/Brace">[</span><span class="ActionScriptDefault_Text">winNumber</span><span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">setMsg</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">"Screen Size: "</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptDefault_Text">screen</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">bounds</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">width</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptString">"x"</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptDefault_Text">screen</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">bounds</span><span c
 lass="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">height</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptString">" ("</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptDefault_Text">screen</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">colorDepth</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">toString</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptString">" bit)"</span><span class="ActionScriptBracket/Brace">)</span>;
+                    <span class="ActionScriptDefault_Text">myWindows</span><span class="ActionScriptBracket/Brace">[</span><span class="ActionScriptDefault_Text">winNumber</span><span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">move</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">centerX</span> <span class="ActionScriptOperator">-</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">myWindows</span><span class="ActionScriptBracket/Brace">[</span><span class="ActionScriptDefault_Text">winNumber</span><span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">width</span><span class="ActionScriptBracket/Brace">)</span><span class="ActionScriptOperator">/</span>2<span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">centerY</
 span> <span class="ActionScriptOperator">-</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">myWindows</span><span class="ActionScriptBracket/Brace">[</span><span class="ActionScriptDefault_Text">winNumber</span><span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">height</span><span class="ActionScriptBracket/Brace">)</span><span class="ActionScriptOperator">/</span>2<span class="ActionScriptBracket/Brace">)</span>;
+                    <span class="ActionScriptOperator">++</span><span class="ActionScriptDefault_Text">winNumber</span>;
+                <span class="ActionScriptBracket/Brace">}</span>
+                <span class="ActionScriptDefault_Text">message</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span> <span class="ActionScriptOperator">+=</span> <span class="ActionScriptString">"Virtual Screen Size: "</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptDefault_Text">virtualBounds</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">width</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptString">"x"</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptDefault_Text">virtualBounds</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">height</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptString">"\n"</span>;
+            <span class="ActionScriptBracket/Brace">}</span>
+    
+            <span class="ActionScriptReserved">private</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">removePopups</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span> <span class="ActionScriptBracket/Brace">{</span>
+                <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">i</span>:<span class="ActionScriptDefault_Text">int</span>;
+                <span class="ActionScriptReserved">for</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">i</span> <span class="ActionScriptOperator">=</span> 0; <span class="ActionScriptDefault_Text">i</span><span class="ActionScriptOperator">&lt;</span><span class="ActionScriptDefault_Text">winNumber</span>; <span class="ActionScriptOperator">++</span><span class="ActionScriptDefault_Text">i</span><span class="ActionScriptBracket/Brace">)</span> <span class="ActionScriptDefault_Text">myWindows</span><span class="ActionScriptBracket/Brace">[</span><span class="ActionScriptDefault_Text">i</span><span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">close</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScripttrace">trace</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">"Removed windows"</span><span class="ActionScriptBracket/Brace">)</span>;
+            <span class="ActionScriptBracket/Brace">}</span>
+        <span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptOperator">&gt;</span>
+    <span class="MXMLSpecial_Tag">&lt;/fx:Script&gt;</span>
+    <span class="MXMLComponent_Tag">&lt;s:TextArea</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">message</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" height="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" left="</span><span class="MXMLString">8</span><span class="MXMLDefault_Text">" top="</span><span class="MXMLString">8</span><span class="MXMLDefault_Text">" right="</span><span class="MXMLString">8</span><span class="MXMLDefault_Text">" bottom="</span><span class="MXMLString">8</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+
+<span class="MXMLComponent_Tag">&lt;/s:WindowedApplication&gt;</span></pre></body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR/HOWTO/Screens/readme.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR/HOWTO/Screens/readme.html b/TourDeFlex/TourDeFlex/src/objects/AIR/HOWTO/Screens/readme.html
new file mode 100644
index 0000000..8ce787c
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR/HOWTO/Screens/readme.html
@@ -0,0 +1,24 @@
+<!--
+  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.
+-->
+<B>Important Links</B>
+<UL>
+<LI><A HREF="http://help.adobe.com/en_US/AIR/1.1/devappsflex/WS5b3ccc516d4fbf351e63e3d118676a47e0-8000.html">Adobe AIR 1.1 Help - Screens</A>
+<LI><A HREF="http://www.adobe.com/devnet/air/flex/quickstart/screens_virtual_desktop.html">Measuring the virtual desktop - Adobe Developer Connection</A>
+</UL>
+<B>Why does this sample use DemoWindow?</B><BR>
+A NativeWindow could have been used, but it would not allow Flex components to be added.<BR>
+DemoWindow has a root of "Window" which allows it to contain Flex objects.
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR/HOWTO/SourceStyles.css
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR/HOWTO/SourceStyles.css b/TourDeFlex/TourDeFlex/src/objects/AIR/HOWTO/SourceStyles.css
new file mode 100644
index 0000000..639c39a
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR/HOWTO/SourceStyles.css
@@ -0,0 +1,146 @@
+/*
+ * 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.
+ */
+body {
+	font-family: Courier New, Courier, monospace;
+}
+
+.CSS@font-face {
+	color: #990000;
+	font-weight: bold;
+}
+
+.CSS@import {
+	color: #006666;
+	font-weight: bold;
+}
+
+.CSS@media {
+	color: #663333;
+	font-weight: bold;
+}
+
+.CSSComment {
+	color: #999999;
+}
+
+.CSSDefault_Text {
+}
+
+.CSSDelimiters {
+}
+
+.CSSProperty_Name {
+	color: #330099;
+}
+
+.CSSProperty_Value {
+	color: #3333cc;
+}
+
+.CSSSelector {
+	color: #ff00ff;
+}
+
+.CSSString {
+	color: #990000;
+}
+
+.ActionScriptASDoc {
+	color: #3f5fbf;
+}
+
+.ActionScriptBracket/Brace {
+}
+
+.ActionScriptComment {
+	color: #009900;
+	font-style: italic;
+}
+
+.ActionScriptDefault_Text {
+}
+
+.ActionScriptMetadata {
+	color: #0033ff;
+	font-weight: bold;
+}
+
+.ActionScriptOperator {
+}
+
+.ActionScriptReserved {
+	color: #0033ff;
+	font-weight: bold;
+}
+
+.ActionScriptString {
+	color: #990000;
+	font-weight: bold;
+}
+
+.ActionScriptclass {
+	color: #9900cc;
+	font-weight: bold;
+}
+
+.ActionScriptfunction {
+	color: #339966;
+	font-weight: bold;
+}
+
+.ActionScriptinterface {
+	color: #9900cc;
+	font-weight: bold;
+}
+
+.ActionScriptpackage {
+	color: #9900cc;
+	font-weight: bold;
+}
+
+.ActionScripttrace {
+	color: #cc6666;
+	font-weight: bold;
+}
+
+.ActionScriptvar {
+	color: #6699cc;
+	font-weight: bold;
+}
+
+.MXMLComment {
+	color: #800000;
+}
+
+.MXMLComponent_Tag {
+	color: #0000ff;
+}
+
+.MXMLDefault_Text {
+}
+
+.MXMLProcessing_Instruction {
+}
+
+.MXMLSpecial_Tag {
+	color: #006633;
+}
+
+.MXMLString {
+	color: #990000;
+}
+

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR/HOWTO/TransparentVideo/MovieWindow.mxml.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR/HOWTO/TransparentVideo/MovieWindow.mxml.html b/TourDeFlex/TourDeFlex/src/objects/AIR/HOWTO/TransparentVideo/MovieWindow.mxml.html
new file mode 100644
index 0000000..2f32ac9
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR/HOWTO/TransparentVideo/MovieWindow.mxml.html
@@ -0,0 +1,37 @@
+<!--
+  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.
+-->
+<!-- saved from url=(0014)about:internet -->
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+<title>MovieWindow.mxml</title>
+<link rel="stylesheet" type="text/css" href="../SourceStyles.css"/>
+</head>
+
+<body><pre><span class="MXMLProcessing_Instruction">&lt;?xml version="1.0" encoding="utf-8"?&gt;</span>
+<span class="MXMLComponent_Tag">&lt;mx:Window</span><span class="MXMLDefault_Text"> xmlns:mx="</span><span class="MXMLString">http://www.adobe.com/2006/mxml</span><span class="MXMLDefault_Text">" layout="</span><span class="MXMLString">vertical</span><span class="MXMLDefault_Text">" verticalAlign="</span><span class="MXMLString">bottom</span><span class="MXMLDefault_Text">" 
+           horizontalAlign="</span><span class="MXMLString">center</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">262</span><span class="MXMLDefault_Text">" height="</span><span class="MXMLString">218</span><span class="MXMLDefault_Text">" paddingBottom="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">" paddingLeft="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">" paddingRight="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">" paddingTop="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">" 
+           backgroundAlpha="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">"  showFlexChrome="</span><span class="MXMLString">false</span><span class="MXMLDefault_Text">" transparent="</span><span class="MXMLString">true</span><span class="MXMLDefault_Text">" systemChrome="</span><span class="MXMLString">none</span><span class="MXMLDefault_Text">" remove="</span><span class="ActionScriptDefault_Text">myVid</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">stop</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>; <span class="ActionScriptDefault_Text">myVid</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">close</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span><span class="MXMLDefault_Text">"
+           showStatusBar="</span><span class="MXMLString">false</span><span class="MXMLDefault_Text">" showTitleBar="</span><span class="MXMLString">false</span><span class="MXMLDefault_Text">" showGripper="</span><span class="MXMLString">false</span><span class="MXMLDefault_Text">" borderStyle="</span><span class="MXMLString">none</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+    
+    <span class="MXMLComponent_Tag">&lt;mx:VideoDisplay</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">myVid</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">262</span><span class="MXMLDefault_Text">" height="</span><span class="MXMLString">218</span><span class="MXMLDefault_Text">" backgroundAlpha="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">" volume="</span><span class="MXMLString">0.75</span><span class="MXMLDefault_Text">"
+                     source="</span><span class="MXMLString">app:/images/tweet1.flv</span><span class="MXMLDefault_Text">" autoPlay="</span><span class="MXMLString">true</span><span class="MXMLDefault_Text">" autoRewind="</span><span class="MXMLString">false</span><span class="MXMLDefault_Text">" 
+                     click="</span><span class="ActionScriptDefault_Text">myVid</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">stop</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>; <span class="ActionScriptDefault_Text">navigateToURL</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">URLRequest</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">'http://www.twitter.com'</span><span class="ActionScriptBracket/Brace">)</span><span class="ActionScriptBracket/Brace">)</span>;<span class="MXMLDefault_Text">" </span><span class="MXMLComponent_Tag">/&gt;</span>
+    
+<span class="MXMLComponent_Tag">&lt;/mx:Window&gt;</span></pre></body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR/HOWTO/TransparentVideo/main.mxml.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR/HOWTO/TransparentVideo/main.mxml.html b/TourDeFlex/TourDeFlex/src/objects/AIR/HOWTO/TransparentVideo/main.mxml.html
new file mode 100644
index 0000000..38f8ce4
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR/HOWTO/TransparentVideo/main.mxml.html
@@ -0,0 +1,58 @@
+<!--
+  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.
+-->
+<!-- saved from url=(0014)about:internet -->
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+<title>main.mxml</title>
+<link rel="stylesheet" type="text/css" href="../SourceStyles.css"/>
+</head>
+
+<body><pre><span class="MXMLProcessing_Instruction">&lt;?xml version="1.0" encoding="utf-8"?&gt;</span>
+<span class="MXMLComponent_Tag">&lt;mx:Module</span><span class="MXMLDefault_Text"> xmlns:fx="</span><span class="MXMLString">http://ns.adobe.com/mxml/2009</span><span class="MXMLDefault_Text">" xmlns:s="</span><span class="MXMLString">library://ns.adobe.com/flex/spark</span><span class="MXMLDefault_Text">" 
+                       xmlns:mx="</span><span class="MXMLString">library://ns.adobe.com/flex/mx</span><span class="MXMLDefault_Text">" backgroundColor="</span><span class="MXMLString">0x323232</span><span class="MXMLDefault_Text">" 
+                       height="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" remove="</span><span class="ActionScriptDefault_Text">toastWindow</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">close</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+
+    <span class="MXMLSpecial_Tag">&lt;fx:Declarations&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;mx:Move</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">myMov</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>        
+    <span class="MXMLSpecial_Tag">&lt;/fx:Declarations&gt;</span>
+    
+    <span class="MXMLSpecial_Tag">&lt;fx:Script&gt;</span>
+        &lt;![CDATA[
+            <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">flash</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">display</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">Screen</span>;
+            <span class="ActionScriptReserved">private</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">toastWindow</span>:<span class="ActionScriptDefault_Text">MovieWindow</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">MovieWindow</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
+        
+            <span class="ActionScriptReserved">private</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">showToast</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span> <span class="ActionScriptBracket/Brace">{</span>
+                <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">mainScreen</span>:<span class="ActionScriptDefault_Text">Screen</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">Screen</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">mainScreen</span>;
+                <span class="ActionScriptDefault_Text">toastWindow</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">open</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptDefault_Text">myMov</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">target</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">toastWindow</span>;
+                <span class="ActionScriptDefault_Text">myMov</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">xTo</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">myMov</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">xFrom</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">mainScreen</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">visibleBounds</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">width</span> <span class="ActionScriptOperator">-</span> <span class="ActionScriptDefault_Text">toastWindow</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">width</span> <span class="ActionScriptOperator">-</span> 50;
+                <span class="ActionScriptDefault_Text">myMov</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">yFrom</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">mainScreen</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">visibleBounds</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">height</span>;
+                <span class="ActionScriptDefault_Text">myMov</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">yTo</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">mainScreen</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">visibleBounds</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">height</span> <span class="ActionScriptOperator">-</span> <span class="ActionScriptDefault_Text">toastWindow</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">height</span> <span class="ActionScriptOperator">+</span> 50; 
+                <span class="ActionScriptDefault_Text">myMov</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">duration</span> <span class="ActionScriptOperator">=</span> 1000;
+                <span class="ActionScriptDefault_Text">myMov</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">play</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
+            <span class="ActionScriptBracket/Brace">}</span>
+        <span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptOperator">&gt;</span>
+    <span class="MXMLSpecial_Tag">&lt;/fx:Script&gt;</span>
+    
+    <span class="MXMLComponent_Tag">&lt;s:HGroup</span><span class="MXMLDefault_Text"> horizontalCenter="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">" verticalCenter="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">" x="</span><span class="MXMLString">247</span><span class="MXMLDefault_Text">" y="</span><span class="MXMLString">24</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;s:Button</span><span class="MXMLDefault_Text"> label="</span><span class="MXMLString">Lee Brimelow Video Reminder</span><span class="MXMLDefault_Text">"  click="</span><span class="ActionScriptDefault_Text">showToast</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span><span class="MXMLDefault_Text">" horizontalCenter="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">" verticalCenter="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+    <span class="MXMLComponent_Tag">&lt;/s:HGroup&gt;</span>
+    
+<span class="MXMLComponent_Tag">&lt;/mx:Module&gt;</span></pre></body>
+</html>


[31/51] [partial] Merged TourDeFlex release from develop

Posted by jm...@apache.org.
http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR20/Gestures/sample.mxml.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR20/Gestures/sample.mxml.html b/TourDeFlex/TourDeFlex/src/objects/AIR20/Gestures/sample.mxml.html
new file mode 100644
index 0000000..8099a4c
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR20/Gestures/sample.mxml.html
@@ -0,0 +1,103 @@
+<!--
+  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.
+-->
+<!-- saved from url=(0014)about:internet -->
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+<title>sample.mxml</title>
+<link rel="stylesheet" type="text/css" href="../SourceStyles.css"/>
+</head>
+
+<body><pre><span class="MXMLProcessing_Instruction">&lt;?xml version="1.0" encoding="utf-8"?&gt;</span>
+<span class="MXMLComponent_Tag">&lt;s:WindowedApplication</span><span class="MXMLDefault_Text"> xmlns:fx="</span><span class="MXMLString">http://ns.adobe.com/mxml/2009</span><span class="MXMLDefault_Text">" 
+                       xmlns:s="</span><span class="MXMLString">library://ns.adobe.com/flex/spark</span><span class="MXMLDefault_Text">" 
+                       xmlns:mx="</span><span class="MXMLString">library://ns.adobe.com/flex/mx</span><span class="MXMLDefault_Text">" creationComplete="</span><span class="ActionScriptDefault_Text">init</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span><span class="MXMLDefault_Text">" 
+                       backgroundColor="</span><span class="MXMLString">0x000000</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" height="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+    
+    <span class="MXMLComment">&lt;!--</span><span class="MXMLComment"> See: http://www.adobe.com/devnet/flash/articles/multitouch_gestures_03.html </span><span class="MXMLComment">--&gt;</span>
+    
+    <span class="MXMLSpecial_Tag">&lt;fx:Script&gt;</span>
+        &lt;![CDATA[
+            <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">flash</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">events</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">PressAndTapGestureEvent</span>;
+            <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">flash</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">events</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">TransformGestureEvent</span>;
+            <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">flash</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">geom</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">Point</span>;
+            <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">flash</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">ui</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">Multitouch</span>;
+            <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">flash</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">ui</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">MultitouchInputMode</span>;
+            
+            <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">mx</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">controls</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">Alert</span>;
+            
+            <span class="ActionScriptReserved">private</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">init</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
+            <span class="ActionScriptBracket/Brace">{</span>    
+                <span class="ActionScriptDefault_Text">Multitouch</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">inputMode</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">MultitouchInputMode</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">GESTURE</span>;
+                
+                <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">Multitouch</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">supportedGestures</span> <span class="ActionScriptOperator">==</span> <span class="ActionScriptReserved">null</span> <span class="ActionScriptOperator">||</span> <span class="ActionScriptDefault_Text">Multitouch</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">supportedGestures</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">length</span> <span class="ActionScriptOperator">==</span> 0<span class="ActionScriptBracket/Brace">)</span>
+                    <span class="ActionScriptDefault_Text">Alert</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">show</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">"Gestures not supported on this device."</span><span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptReserved">else</span> <span class="ActionScriptBracket/Brace">{</span>
+                    <span class="ActionScriptReserved">for each</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">item</span>:<span class="ActionScriptDefault_Text">String</span> <span class="ActionScriptReserved">in</span> <span class="ActionScriptDefault_Text">Multitouch</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">supportedGestures</span><span class="ActionScriptBracket/Brace">)</span>
+                    <span class="ActionScriptBracket/Brace">{</span>
+                        <span class="ActionScripttrace">trace</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">"gesture "</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptDefault_Text">item</span><span class="ActionScriptBracket/Brace">)</span>;
+                        <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">item</span> <span class="ActionScriptOperator">==</span> <span class="ActionScriptDefault_Text">TransformGestureEvent</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">GESTURE_PAN</span><span class="ActionScriptBracket/Brace">)</span>
+                            <span class="ActionScriptDefault_Text">img</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">addEventListener</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">TransformGestureEvent</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">GESTURE_PAN</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">onPan</span><span class="ActionScriptBracket/Brace">)</span>;
+                        <span class="ActionScriptReserved">else</span> <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">item</span> <span class="ActionScriptOperator">==</span> <span class="ActionScriptDefault_Text">TransformGestureEvent</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">GESTURE_ROTATE</span><span class="ActionScriptBracket/Brace">)</span>
+                            <span class="ActionScriptDefault_Text">img</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">addEventListener</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">TransformGestureEvent</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">GESTURE_ROTATE</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">onRotate</span><span class="ActionScriptBracket/Brace">)</span>;
+                        <span class="ActionScriptReserved">else</span> <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">item</span> <span class="ActionScriptOperator">==</span> <span class="ActionScriptDefault_Text">TransformGestureEvent</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">GESTURE_SWIPE</span><span class="ActionScriptBracket/Brace">)</span>
+                            <span class="ActionScriptDefault_Text">img</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">addEventListener</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">TransformGestureEvent</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">GESTURE_SWIPE</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">onSwipe</span><span class="ActionScriptBracket/Brace">)</span>;
+                        <span class="ActionScriptReserved">else</span> <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">item</span> <span class="ActionScriptOperator">==</span> <span class="ActionScriptDefault_Text">TransformGestureEvent</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">GESTURE_ZOOM</span><span class="ActionScriptBracket/Brace">)</span>
+                            <span class="ActionScriptDefault_Text">img</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">addEventListener</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">TransformGestureEvent</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">GESTURE_ZOOM</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">onZoom</span><span class="ActionScriptBracket/Brace">)</span>;
+                    <span class="ActionScriptBracket/Brace">}</span>
+                <span class="ActionScriptBracket/Brace">}</span>
+                
+            <span class="ActionScriptBracket/Brace">}</span>
+            
+            <span class="ActionScriptReserved">private</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">onRotate</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">e</span>:<span class="ActionScriptDefault_Text">TransformGestureEvent</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
+            <span class="ActionScriptBracket/Brace">{</span>
+                <span class="ActionScripttrace">trace</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">"On rotate..."</span><span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptDefault_Text">img</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">rotation</span> <span class="ActionScriptOperator">+=</span> <span class="ActionScriptDefault_Text">e</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">rotation</span>;
+            <span class="ActionScriptBracket/Brace">}</span>
+            
+            <span class="ActionScriptReserved">private</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">onZoom</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">e</span>:<span class="ActionScriptDefault_Text">TransformGestureEvent</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
+            <span class="ActionScriptBracket/Brace">{</span>
+                <span class="ActionScripttrace">trace</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">"On Zoom "</span><span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptDefault_Text">img</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">scaleX</span> <span class="ActionScriptOperator">*=</span> <span class="ActionScriptDefault_Text">e</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">scaleX</span>;
+                <span class="ActionScriptDefault_Text">img</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">scaleY</span> <span class="ActionScriptOperator">*=</span> <span class="ActionScriptDefault_Text">e</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">scaleY</span>;
+            <span class="ActionScriptBracket/Brace">}</span>
+            
+            <span class="ActionScriptReserved">private</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">onPan</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">e</span>:<span class="ActionScriptDefault_Text">TransformGestureEvent</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
+            <span class="ActionScriptBracket/Brace">{</span>
+                <span class="ActionScripttrace">trace</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">"On pan... "</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptDefault_Text">e</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">offsetX</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptString">" offset Y "</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptDefault_Text">e</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">offsetY</span><span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">prevPoint</span>:<span class="ActionScriptDefault_Text">Point</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">Point</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">img</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">x</span><span class="ActionScriptOperator">,</span><span class="ActionScriptDefault_Text">img</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">y</span><span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptDefault_Text">img</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">x</span> <span class="ActionScriptOperator">+=</span> <span class="ActionScriptDefault_Text">e</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">offsetX</span><span class="ActionScriptOperator">*</span>3;
+                <span class="ActionScriptDefault_Text">img</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">y</span> <span class="ActionScriptOperator">+=</span> <span class="ActionScriptDefault_Text">e</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">offsetY</span><span class="ActionScriptOperator">*</span>3;
+            <span class="ActionScriptBracket/Brace">}</span>
+            
+            <span class="ActionScriptReserved">private</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">onSwipe</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">e</span>:<span class="ActionScriptDefault_Text">TransformGestureEvent</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
+            <span class="ActionScriptBracket/Brace">{</span>
+                <span class="ActionScripttrace">trace</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">"On swipe "</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptDefault_Text">e</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">stageX</span><span class="ActionScriptBracket/Brace">)</span>;
+            <span class="ActionScriptBracket/Brace">}</span>
+            
+        <span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptOperator">&gt;</span>
+    <span class="MXMLSpecial_Tag">&lt;/fx:Script&gt;</span>
+    
+    <span class="MXMLComponent_Tag">&lt;s:VGroup</span><span class="MXMLDefault_Text"> width="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" height="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;s:Label</span><span class="MXMLDefault_Text"> width="</span><span class="MXMLString">65%</span><span class="MXMLDefault_Text">" verticalAlign="</span><span class="MXMLString">justify</span><span class="MXMLDefault_Text">" color="</span><span class="MXMLString">0xFFFFFF</span><span class="MXMLDefault_Text">" left="</span><span class="MXMLString">30</span><span class="MXMLDefault_Text">" top="</span><span class="MXMLString">30</span><span class="MXMLDefault_Text">"
+                 text="</span><span class="MXMLString">If your device supports gestures, you should be able to swipe, pan and zoom this photo using the supported device (ie: trackpad).</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;mx:Image</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">img</span><span class="MXMLDefault_Text">" source="</span><span class="MXMLString">@Embed(source='butterfly2.jpg')</span><span class="MXMLDefault_Text">" x="</span><span class="MXMLString">-10</span><span class="MXMLDefault_Text">" y="</span><span class="MXMLString">-10</span><span class="MXMLDefault_Text">" </span><span class="MXMLComponent_Tag">/&gt;</span>    
+    <span class="MXMLComponent_Tag">&lt;/s:VGroup&gt;</span>
+    
+<span class="MXMLComponent_Tag">&lt;/s:WindowedApplication&gt;</span></pre></body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR20/Gestures/srcview/Sample-AIR2-GestureSupport/src/sample-app.xml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR20/Gestures/srcview/Sample-AIR2-GestureSupport/src/sample-app.xml b/TourDeFlex/TourDeFlex/src/objects/AIR20/Gestures/srcview/Sample-AIR2-GestureSupport/src/sample-app.xml
new file mode 100755
index 0000000..859d940
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR20/Gestures/srcview/Sample-AIR2-GestureSupport/src/sample-app.xml
@@ -0,0 +1,153 @@
+<?xml version="1.0" encoding="utf-8" standalone="no"?>
+<!--
+
+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.
+
+-->
+<application xmlns="http://ns.adobe.com/air/application/2.0">
+
+<!-- Adobe AIR Application Descriptor File Template.
+
+	Specifies parameters for identifying, installing, and launching AIR applications.
+
+	xmlns - The Adobe AIR namespace: http://ns.adobe.com/air/application/2.0beta
+			The last segment of the namespace specifies the version 
+			of the AIR runtime required for this application to run.
+			
+	minimumPatchLevel - The minimum patch level of the AIR runtime required to run 
+			the application. Optional.
+-->
+
+	<!-- The application identifier string, unique to this application. Required. -->
+	<id>sample</id>
+
+	<!-- Used as the filename for the application. Required. -->
+	<filename>sample</filename>
+
+	<!-- The name that is displayed in the AIR application installer. 
+	     May have multiple values for each language. See samples or xsd schema file. Optional. -->
+	<name>sample</name>
+
+	<!-- An application version designator (such as "v1", "2.5", or "Alpha 1"). Required. -->
+	<version>v1</version>
+
+	<!-- Description, displayed in the AIR application installer.
+	     May have multiple values for each language. See samples or xsd schema file. Optional. -->
+	<!-- <description></description> -->
+
+	<!-- Copyright information. Optional -->
+	<!-- <copyright></copyright> -->
+
+	<!-- Settings for the application's initial window. Required. -->
+	<initialWindow>
+		<!-- The main SWF or HTML file of the application. Required. -->
+		<!-- Note: In Flash Builder, the SWF reference is set automatically. -->
+		<content>[This value will be overwritten by Flash Builder in the output app.xml]</content>
+		
+		<!-- The title of the main window. Optional. -->
+		<!-- <title></title> -->
+
+		<!-- The type of system chrome to use (either "standard" or "none"). Optional. Default standard. -->
+		<!-- <systemChrome></systemChrome> -->
+
+		<!-- Whether the window is transparent. Only applicable when systemChrome is none. Optional. Default false. -->
+		<!-- <transparent></transparent> -->
+
+		<!-- Whether the window is initially visible. Optional. Default false. -->
+		<!-- <visible></visible> -->
+
+		<!-- Whether the user can minimize the window. Optional. Default true. -->
+		<!-- <minimizable></minimizable> -->
+
+		<!-- Whether the user can maximize the window. Optional. Default true. -->
+		<!-- <maximizable></maximizable> -->
+
+		<!-- Whether the user can resize the window. Optional. Default true. -->
+		<!-- <resizable></resizable> -->
+
+		<!-- The window's initial width in pixels. Optional. -->
+		<!-- <width></width> -->
+
+		<!-- The window's initial height in pixels. Optional. -->
+		<!-- <height></height> -->
+
+		<!-- The window's initial x position. Optional. -->
+		<!-- <x></x> -->
+
+		<!-- The window's initial y position. Optional. -->
+		<!-- <y></y> -->
+
+		<!-- The window's minimum size, specified as a width/height pair in pixels, such as "400 200". Optional. -->
+		<!-- <minSize></minSize> -->
+
+		<!-- The window's initial maximum size, specified as a width/height pair in pixels, such as "1600 1200". Optional. -->
+		<!-- <maxSize></maxSize> -->
+	</initialWindow>
+
+	<!-- The subpath of the standard default installation location to use. Optional. -->
+	<!-- <installFolder></installFolder> -->
+
+	<!-- The subpath of the Programs menu to use. (Ignored on operating systems without a Programs menu.) Optional. -->
+	<!-- <programMenuFolder></programMenuFolder> -->
+
+	<!-- The icon the system uses for the application. For at least one resolution,
+		 specify the path to a PNG file included in the AIR package. Optional. -->
+	<!-- <icon>
+		<image16x16></image16x16>
+		<image32x32></image32x32>
+		<image48x48></image48x48>
+		<image128x128></image128x128>
+	</icon> -->
+
+	<!-- Whether the application handles the update when a user double-clicks an update version
+	of the AIR file (true), or the default AIR application installer handles the update (false).
+	Optional. Default false. -->
+	<!-- <customUpdateUI></customUpdateUI> -->
+	
+	<!-- Whether the application can be launched when the user clicks a link in a web browser.
+	Optional. Default false. -->
+	<!-- <allowBrowserInvocation></allowBrowserInvocation> -->
+
+	<!-- Listing of file types for which the application can register. Optional. -->
+	<!-- <fileTypes> -->
+
+		<!-- Defines one file type. Optional. -->
+		<!-- <fileType> -->
+
+			<!-- The name that the system displays for the registered file type. Required. -->
+			<!-- <name></name> -->
+
+			<!-- The extension to register. Required. -->
+			<!-- <extension></extension> -->
+			
+			<!-- The description of the file type. Optional. -->
+			<!-- <description></description> -->
+			
+			<!-- The MIME content type. -->
+			<!-- <contentType></contentType> -->
+			
+			<!-- The icon to display for the file type. Optional. -->
+			<!-- <icon>
+				<image16x16></image16x16>
+				<image32x32></image32x32>
+				<image48x48></image48x48>
+				<image128x128></image128x128>
+			</icon> -->
+			
+		<!-- </fileType> -->
+	<!-- </fileTypes> -->
+
+</application>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR20/Gestures/srcview/Sample-AIR2-GestureSupport/src/sample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR20/Gestures/srcview/Sample-AIR2-GestureSupport/src/sample.mxml b/TourDeFlex/TourDeFlex/src/objects/AIR20/Gestures/srcview/Sample-AIR2-GestureSupport/src/sample.mxml
new file mode 100644
index 0000000..f888ca9
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR20/Gestures/srcview/Sample-AIR2-GestureSupport/src/sample.mxml
@@ -0,0 +1,95 @@
+<?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.
+
+-->
+<mx:Module xmlns:fx="http://ns.adobe.com/mxml/2009" 
+					   xmlns:s="library://ns.adobe.com/flex/spark" 
+					   xmlns:mx="library://ns.adobe.com/flex/mx" creationComplete="init()" 
+					   backgroundColor="0x000000" width="100%" height="100%">
+	
+	<!-- See: http://www.adobe.com/devnet/flash/articles/multitouch_gestures_03.html -->
+	
+	<fx:Script>
+		<![CDATA[
+			import flash.events.PressAndTapGestureEvent;
+			import flash.events.TransformGestureEvent;
+			import flash.geom.Point;
+			import flash.ui.Multitouch;
+			import flash.ui.MultitouchInputMode;
+			
+			import mx.controls.Alert;
+			
+			private function init():void
+			{	
+				Multitouch.inputMode = MultitouchInputMode.GESTURE;
+				
+				if (Multitouch.supportedGestures == null || Multitouch.supportedGestures.length == 0)
+					Alert.show("Gestures not supported on this device.");
+				else {
+					for each (var item:String in Multitouch.supportedGestures)
+					{
+						trace("gesture " + item);
+						if (item == TransformGestureEvent.GESTURE_PAN)
+							img.addEventListener(TransformGestureEvent.GESTURE_PAN, onPan);
+						else if (item == TransformGestureEvent.GESTURE_ROTATE)
+							img.addEventListener(TransformGestureEvent.GESTURE_ROTATE, onRotate);
+						else if (item == TransformGestureEvent.GESTURE_SWIPE)
+							img.addEventListener(TransformGestureEvent.GESTURE_SWIPE, onSwipe);
+						else if (item == TransformGestureEvent.GESTURE_ZOOM)
+							img.addEventListener(TransformGestureEvent.GESTURE_ZOOM, onZoom);
+					}
+				}
+				
+			}
+			
+			private function onRotate(e:TransformGestureEvent):void
+			{
+				trace("On rotate...");
+				img.rotation += e.rotation;
+			}
+			
+			private function onZoom(e:TransformGestureEvent):void
+			{
+				trace("On Zoom ");
+				img.scaleX *= e.scaleX;
+				img.scaleY *= e.scaleY;
+			}
+			
+			private function onPan(e:TransformGestureEvent):void
+			{
+				trace("On pan... " + e.offsetX + " offset Y " + e.offsetY);
+				var prevPoint:Point = new Point(img.x,img.y);
+				img.x += e.offsetX*3;
+				img.y += e.offsetY*3;
+			}
+			
+			private function onSwipe(e:TransformGestureEvent):void
+			{
+				trace("On swipe " + e.stageX);
+			}
+			
+		]]>
+	</fx:Script>
+	
+	<s:VGroup width="100%" height="100%" paddingLeft="8" paddingTop="8" paddingRight="8" paddingBottom="8">
+		<s:Label width="65%" verticalAlign="justify" color="0xFFFFFF" left="30" top="30"
+				 text="If your device supports gestures, you can rotate, zoom, swipe and pan this photo using the supported device (ie: trackpad)."/>
+		<mx:Image id="img" source="@Embed(source='butterfly2.jpg')" x="-10" y="-10" width="250" height="250"/>	
+	</s:VGroup>
+	
+</mx:Module>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR20/Gestures/srcview/Sample-AIR2-GestureSupport/src/skins/TDFPanelSkin.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR20/Gestures/srcview/Sample-AIR2-GestureSupport/src/skins/TDFPanelSkin.mxml b/TourDeFlex/TourDeFlex/src/objects/AIR20/Gestures/srcview/Sample-AIR2-GestureSupport/src/skins/TDFPanelSkin.mxml
new file mode 100644
index 0000000..ff46524
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR20/Gestures/srcview/Sample-AIR2-GestureSupport/src/skins/TDFPanelSkin.mxml
@@ -0,0 +1,130 @@
+<?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.
+
+-->
+
+
+<s:Skin xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark" 
+		alpha.disabled="0.5" minWidth="131" minHeight="127">
+	
+	<fx:Metadata>
+		[HostComponent("spark.components.Panel")]
+	</fx:Metadata> 
+	
+	<s:states>
+		<s:State name="normal" />
+		<s:State name="disabled" />
+		<s:State name="normalWithControlBar" />
+		<s:State name="disabledWithControlBar" />
+	</s:states>
+	
+	<!-- drop shadow -->
+	<s:Rect left="0" top="0" right="0" bottom="0">
+		<s:filters>
+			<s:DropShadowFilter blurX="15" blurY="15" alpha="0.18" distance="11" angle="90" knockout="true" />
+		</s:filters>
+		<s:fill>
+			<s:SolidColor color="0" />
+		</s:fill>
+	</s:Rect>
+	
+	<!-- layer 1: border -->
+	<s:Rect left="0" right="0" top="0" bottom="0">
+		<s:stroke>
+			<s:SolidColorStroke color="0" alpha="0.50" weight="1" />
+		</s:stroke>
+	</s:Rect>
+	
+	<!-- layer 2: background fill -->
+	<s:Rect left="0" right="0" bottom="0" height="15">
+		<s:fill>
+			<s:LinearGradient rotation="90">
+				<s:GradientEntry color="0xE2E2E2" />
+				<s:GradientEntry color="0x000000" />
+			</s:LinearGradient>
+		</s:fill>
+	</s:Rect>
+	
+	<!-- layer 3: contents -->
+	<s:Group left="1" right="1" top="1" bottom="1" >
+		<s:layout>
+			<s:VerticalLayout gap="0" horizontalAlign="justify" />
+		</s:layout>
+		
+		<s:Group id="topGroup" >
+			<!-- layer 0: title bar fill -->
+			<!-- Note: We have custom skinned the title bar to be solid black for Tour de Flex -->
+			<s:Rect id="tbFill" left="0" right="0" top="0" bottom="1" >
+				<s:fill>
+					<s:SolidColor color="0x000000" />
+				</s:fill>
+			</s:Rect>
+			
+			<!-- layer 1: title bar highlight -->
+			<s:Rect id="tbHilite" left="0" right="0" top="0" bottom="0" >
+				<s:stroke>
+					<s:LinearGradientStroke rotation="90" weight="1">
+						<s:GradientEntry color="0xEAEAEA" />
+						<s:GradientEntry color="0xD9D9D9" />
+					</s:LinearGradientStroke>
+				</s:stroke>
+			</s:Rect>
+			
+			<!-- layer 2: title bar divider -->
+			<s:Rect id="tbDiv" left="0" right="0" height="1" bottom="0">
+				<s:fill>
+					<s:SolidColor color="0xC0C0C0" />
+				</s:fill>
+			</s:Rect>
+			
+			<!-- layer 3: text -->
+			<s:Label id="titleDisplay" maxDisplayedLines="1"
+					 left="9" right="3" top="1" minHeight="30"
+					 verticalAlign="middle" fontWeight="bold" color="#E2E2E2">
+			</s:Label>
+			
+		</s:Group>
+		
+		<s:Group id="contentGroup" width="100%" height="100%" minWidth="0" minHeight="0">
+		</s:Group>
+		
+		<s:Group id="bottomGroup" minWidth="0" minHeight="0"
+				 includeIn="normalWithControlBar, disabledWithControlBar" >
+			<!-- layer 0: control bar background -->
+			<s:Rect left="0" right="0" bottom="0" top="1" >
+				<s:fill>
+					<s:SolidColor color="0xE2EdF7" />
+				</s:fill>
+			</s:Rect>
+			
+			<!-- layer 1: control bar divider line -->
+			<s:Rect left="0" right="0" top="0" height="1" >
+				<s:fill>
+					<s:SolidColor color="0xD1E0F2" />
+				</s:fill>
+			</s:Rect>
+			
+			<!-- layer 2: control bar -->
+			<s:Group id="controlBarGroup" left="0" right="0" top="1" bottom="1" minWidth="0" minHeight="0">
+				<s:layout>
+					<s:HorizontalLayout paddingLeft="10" paddingRight="10" paddingTop="7" paddingBottom="7" gap="10" />
+				</s:layout>
+			</s:Group>
+		</s:Group>
+	</s:Group>
+</s:Skin>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR20/Gestures/srcview/SourceIndex.xml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR20/Gestures/srcview/SourceIndex.xml b/TourDeFlex/TourDeFlex/src/objects/AIR20/Gestures/srcview/SourceIndex.xml
new file mode 100644
index 0000000..332a34b
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR20/Gestures/srcview/SourceIndex.xml
@@ -0,0 +1,39 @@
+<?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.
+
+-->
+<index>
+	<title>Source of Sample-AIR2-GestureSupport</title>
+	<nodes>
+		<node label="libs">
+		</node>
+		<node label="src">
+			<node icon="packageIcon" label="skins" expanded="true">
+				<node icon="mxmlIcon" label="TDFPanelSkin.mxml" url="source/skins/TDFPanelSkin.mxml.html"/>
+			</node>
+			<node icon="imageIcon" label="butterfly2.jpg" url="source/butterfly2.jpg.html"/>
+			<node label="sample-app.xml" url="source/sample-app.xml.txt"/>
+			<node icon="mxmlAppIcon" selected="true" label="sample.mxml" url="source/sample.mxml.html"/>
+		</node>
+		<node label="Sample-AIR2-GestureSupport.iml" url="source/Sample-AIR2-GestureSupport.iml"/>
+	</nodes>
+	<zipfile label="Download source (ZIP, 200K)" url="Sample-AIR2-GestureSupport.zip">
+	</zipfile>
+	<sdklink label="Download Flex SDK" url="http://www.adobe.com/go/flex4_sdk_download">
+	</sdklink>
+</index>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR20/Gestures/srcview/SourceStyles.css
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR20/Gestures/srcview/SourceStyles.css b/TourDeFlex/TourDeFlex/src/objects/AIR20/Gestures/srcview/SourceStyles.css
new file mode 100644
index 0000000..9d5210f
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR20/Gestures/srcview/SourceStyles.css
@@ -0,0 +1,155 @@
+/*
+ * 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.
+ */
+body {
+	font-family: Courier New, Courier, monospace;
+	font-size: medium;
+}
+
+.ActionScriptASDoc {
+	color: #3f5fbf;
+}
+
+.ActionScriptBracket/Brace {
+}
+
+.ActionScriptComment {
+	color: #009900;
+	font-style: italic;
+}
+
+.ActionScriptDefault_Text {
+}
+
+.ActionScriptMetadata {
+	color: #0033ff;
+	font-weight: bold;
+}
+
+.ActionScriptOperator {
+}
+
+.ActionScriptReserved {
+	color: #0033ff;
+	font-weight: bold;
+}
+
+.ActionScriptString {
+	color: #990000;
+	font-weight: bold;
+}
+
+.ActionScriptclass {
+	color: #9900cc;
+	font-weight: bold;
+}
+
+.ActionScriptfunction {
+	color: #339966;
+	font-weight: bold;
+}
+
+.ActionScriptinterface {
+	color: #9900cc;
+	font-weight: bold;
+}
+
+.ActionScriptpackage {
+	color: #9900cc;
+	font-weight: bold;
+}
+
+.ActionScripttrace {
+	color: #cc6666;
+	font-weight: bold;
+}
+
+.ActionScriptvar {
+	color: #6699cc;
+	font-weight: bold;
+}
+
+.MXMLASDoc {
+	color: #3f5fbf;
+}
+
+.MXMLComment {
+	color: #800000;
+}
+
+.MXMLComponent_Tag {
+	color: #0000ff;
+}
+
+.MXMLDefault_Text {
+}
+
+.MXMLProcessing_Instruction {
+}
+
+.MXMLSpecial_Tag {
+	color: #006633;
+}
+
+.MXMLString {
+	color: #990000;
+}
+
+.CSS@font-face {
+	color: #990000;
+	font-weight: bold;
+}
+
+.CSS@import {
+	color: #006666;
+	font-weight: bold;
+}
+
+.CSS@media {
+	color: #663333;
+	font-weight: bold;
+}
+
+.CSS@namespace {
+	color: #923196;
+}
+
+.CSSComment {
+	color: #999999;
+}
+
+.CSSDefault_Text {
+}
+
+.CSSDelimiters {
+}
+
+.CSSProperty_Name {
+	color: #330099;
+}
+
+.CSSProperty_Value {
+	color: #3333cc;
+}
+
+.CSSSelector {
+	color: #ff00ff;
+}
+
+.CSSString {
+	color: #990000;
+}
+

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR20/Gestures/srcview/SourceTree.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR20/Gestures/srcview/SourceTree.html b/TourDeFlex/TourDeFlex/src/objects/AIR20/Gestures/srcview/SourceTree.html
new file mode 100644
index 0000000..80281a9
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR20/Gestures/srcview/SourceTree.html
@@ -0,0 +1,129 @@
+<!--
+  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.
+-->
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<!-- saved from url=(0014)about:internet -->
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">	
+    <!-- 
+    Smart developers always View Source. 
+    
+    This application was built using Adobe Flex, an open source framework
+    for building rich Internet applications that get delivered via the
+    Flash Player or to desktops via Adobe AIR. 
+    
+    Learn more about Flex at http://flex.org 
+    // -->
+    <head>
+        <title></title>         
+        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+		<!-- Include CSS to eliminate any default margins/padding and set the height of the html element and 
+		     the body element to 100%, because Firefox, or any Gecko based browser, interprets percentage as 
+			 the percentage of the height of its parent container, which has to be set explicitly.  Initially, 
+			 don't display flashContent div so it won't show if JavaScript disabled.
+		-->
+        <style type="text/css" media="screen"> 
+			html, body	{ height:100%; }
+			body { margin:0; padding:0; overflow:auto; text-align:center; 
+			       background-color: #ffffff; }   
+			#flashContent { display:none; }
+        </style>
+		
+		<!-- Enable Browser History by replacing useBrowserHistory tokens with two hyphens -->
+        <!-- BEGIN Browser History required section >
+        <link rel="stylesheet" type="text/css" href="history/history.css" />
+        <script type="text/javascript" src="history/history.js"></script>
+        <! END Browser History required section -->  
+		    
+        <script type="text/javascript" src="swfobject.js"></script>
+        <script type="text/javascript">
+  	        function loadIntoMain(url) {
+				parent.mainFrame.location.href = url;
+			}
+			
+			function openUrlWindow(url) {
+				window.top.location = url;
+			}
+			
+            <!-- For version detection, set to min. required Flash Player version, or 0 (or 0.0.0), for no version detection. --> 
+            var swfVersionStr = "10.0.0";
+            <!-- To use express install, set to playerProductInstall.swf, otherwise the empty string. -->
+            var xiSwfUrlStr = "playerProductInstall.swf";
+            var flashvars = {};
+            var params = {};
+            params.quality = "high";
+            params.bgcolor = "#ffffff";
+            params.allowscriptaccess = "sameDomain";
+            params.allowfullscreen = "true";
+            var attributes = {};
+            attributes.id = "SourceTree";
+            attributes.name = "SourceTree";
+            attributes.align = "middle";
+            swfobject.embedSWF(
+                "SourceTree.swf", "flashContent", 
+                "100%", "100%", 
+                swfVersionStr, xiSwfUrlStr, 
+                flashvars, params, attributes);
+			<!-- JavaScript enabled so display the flashContent div in case it is not replaced with a swf object. -->
+			swfobject.createCSS("#flashContent", "display:block;text-align:left;");
+        </script>
+    </head>
+    <body>
+        <!-- SWFObject's dynamic embed method replaces this alternative HTML content with Flash content when enough 
+			 JavaScript and Flash plug-in support is available. The div is initially hidden so that it doesn't show
+			 when JavaScript is disabled.
+		-->
+        <div id="flashContent">
+        	<p>
+	        	To view this page ensure that Adobe Flash Player version 
+				10.0.0 or greater is installed. 
+			</p>
+			<script type="text/javascript"> 
+				var pageHost = ((document.location.protocol == "https:") ? "https://" :	"http://"); 
+				document.write("<a href='http://www.adobe.com/go/getflashplayer'><img src='" 
+								+ pageHost + "www.adobe.com/images/shared/download_buttons/get_flash_player.gif' alt='Get Adobe Flash player' /></a>" ); 
+			</script> 
+        </div>
+	   	
+       	<noscript>
+            <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="100%" height="100%" id="SourceTree">
+                <param name="movie" value="SourceTree.swf" />
+                <param name="quality" value="high" />
+                <param name="bgcolor" value="#ffffff" />
+                <param name="allowScriptAccess" value="sameDomain" />
+                <param name="allowFullScreen" value="true" />
+                <!--[if !IE]>-->
+                <object type="application/x-shockwave-flash" data="SourceTree.swf" width="100%" height="100%">
+                    <param name="quality" value="high" />
+                    <param name="bgcolor" value="#ffffff" />
+                    <param name="allowScriptAccess" value="sameDomain" />
+                    <param name="allowFullScreen" value="true" />
+                <!--<![endif]-->
+                <!--[if gte IE 6]>-->
+                	<p> 
+                		Either scripts and active content are not permitted to run or Adobe Flash Player version
+                		10.0.0 or greater is not installed.
+                	</p>
+                <!--<![endif]-->
+                    <a href="http://www.adobe.com/go/getflashplayer">
+                        <img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash Player" />
+                    </a>
+                <!--[if !IE]>-->
+                </object>
+                <!--<![endif]-->
+            </object>
+	    </noscript>		
+   </body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR20/Gestures/srcview/index.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR20/Gestures/srcview/index.html b/TourDeFlex/TourDeFlex/src/objects/AIR20/Gestures/srcview/index.html
new file mode 100644
index 0000000..616deec
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR20/Gestures/srcview/index.html
@@ -0,0 +1,32 @@
+<!--
+  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.
+-->
+<!-- saved from url=(0014)about:internet -->
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+<title>Source of Sample-AIR2-GestureSupport</title>
+</head>
+<frameset cols="235,*" border="2" framespacing="1">
+    <frame src="SourceTree.html" name="leftFrame" scrolling="NO">
+    <frame src="source/sample.mxml.html" name="mainFrame">
+</frameset>
+<noframes>
+	<body>		
+	</body>
+</noframes>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR20/Gestures/srcview/source/butterfly2.jpg.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR20/Gestures/srcview/source/butterfly2.jpg.html b/TourDeFlex/TourDeFlex/src/objects/AIR20/Gestures/srcview/source/butterfly2.jpg.html
new file mode 100644
index 0000000..c04744c
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR20/Gestures/srcview/source/butterfly2.jpg.html
@@ -0,0 +1,28 @@
+<!--
+  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.
+-->
+<!-- saved from url=(0014)about:internet -->
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"/>
+<title>butterfly2.jpg</title>
+</head>
+
+<body>
+<img src="butterfly2.jpg" border="0"/>
+</body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR20/Gestures/srcview/source/sample-app.xml.txt
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR20/Gestures/srcview/source/sample-app.xml.txt b/TourDeFlex/TourDeFlex/src/objects/AIR20/Gestures/srcview/source/sample-app.xml.txt
new file mode 100644
index 0000000..859d940
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR20/Gestures/srcview/source/sample-app.xml.txt
@@ -0,0 +1,153 @@
+<?xml version="1.0" encoding="utf-8" standalone="no"?>
+<!--
+
+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.
+
+-->
+<application xmlns="http://ns.adobe.com/air/application/2.0">
+
+<!-- Adobe AIR Application Descriptor File Template.
+
+	Specifies parameters for identifying, installing, and launching AIR applications.
+
+	xmlns - The Adobe AIR namespace: http://ns.adobe.com/air/application/2.0beta
+			The last segment of the namespace specifies the version 
+			of the AIR runtime required for this application to run.
+			
+	minimumPatchLevel - The minimum patch level of the AIR runtime required to run 
+			the application. Optional.
+-->
+
+	<!-- The application identifier string, unique to this application. Required. -->
+	<id>sample</id>
+
+	<!-- Used as the filename for the application. Required. -->
+	<filename>sample</filename>
+
+	<!-- The name that is displayed in the AIR application installer. 
+	     May have multiple values for each language. See samples or xsd schema file. Optional. -->
+	<name>sample</name>
+
+	<!-- An application version designator (such as "v1", "2.5", or "Alpha 1"). Required. -->
+	<version>v1</version>
+
+	<!-- Description, displayed in the AIR application installer.
+	     May have multiple values for each language. See samples or xsd schema file. Optional. -->
+	<!-- <description></description> -->
+
+	<!-- Copyright information. Optional -->
+	<!-- <copyright></copyright> -->
+
+	<!-- Settings for the application's initial window. Required. -->
+	<initialWindow>
+		<!-- The main SWF or HTML file of the application. Required. -->
+		<!-- Note: In Flash Builder, the SWF reference is set automatically. -->
+		<content>[This value will be overwritten by Flash Builder in the output app.xml]</content>
+		
+		<!-- The title of the main window. Optional. -->
+		<!-- <title></title> -->
+
+		<!-- The type of system chrome to use (either "standard" or "none"). Optional. Default standard. -->
+		<!-- <systemChrome></systemChrome> -->
+
+		<!-- Whether the window is transparent. Only applicable when systemChrome is none. Optional. Default false. -->
+		<!-- <transparent></transparent> -->
+
+		<!-- Whether the window is initially visible. Optional. Default false. -->
+		<!-- <visible></visible> -->
+
+		<!-- Whether the user can minimize the window. Optional. Default true. -->
+		<!-- <minimizable></minimizable> -->
+
+		<!-- Whether the user can maximize the window. Optional. Default true. -->
+		<!-- <maximizable></maximizable> -->
+
+		<!-- Whether the user can resize the window. Optional. Default true. -->
+		<!-- <resizable></resizable> -->
+
+		<!-- The window's initial width in pixels. Optional. -->
+		<!-- <width></width> -->
+
+		<!-- The window's initial height in pixels. Optional. -->
+		<!-- <height></height> -->
+
+		<!-- The window's initial x position. Optional. -->
+		<!-- <x></x> -->
+
+		<!-- The window's initial y position. Optional. -->
+		<!-- <y></y> -->
+
+		<!-- The window's minimum size, specified as a width/height pair in pixels, such as "400 200". Optional. -->
+		<!-- <minSize></minSize> -->
+
+		<!-- The window's initial maximum size, specified as a width/height pair in pixels, such as "1600 1200". Optional. -->
+		<!-- <maxSize></maxSize> -->
+	</initialWindow>
+
+	<!-- The subpath of the standard default installation location to use. Optional. -->
+	<!-- <installFolder></installFolder> -->
+
+	<!-- The subpath of the Programs menu to use. (Ignored on operating systems without a Programs menu.) Optional. -->
+	<!-- <programMenuFolder></programMenuFolder> -->
+
+	<!-- The icon the system uses for the application. For at least one resolution,
+		 specify the path to a PNG file included in the AIR package. Optional. -->
+	<!-- <icon>
+		<image16x16></image16x16>
+		<image32x32></image32x32>
+		<image48x48></image48x48>
+		<image128x128></image128x128>
+	</icon> -->
+
+	<!-- Whether the application handles the update when a user double-clicks an update version
+	of the AIR file (true), or the default AIR application installer handles the update (false).
+	Optional. Default false. -->
+	<!-- <customUpdateUI></customUpdateUI> -->
+	
+	<!-- Whether the application can be launched when the user clicks a link in a web browser.
+	Optional. Default false. -->
+	<!-- <allowBrowserInvocation></allowBrowserInvocation> -->
+
+	<!-- Listing of file types for which the application can register. Optional. -->
+	<!-- <fileTypes> -->
+
+		<!-- Defines one file type. Optional. -->
+		<!-- <fileType> -->
+
+			<!-- The name that the system displays for the registered file type. Required. -->
+			<!-- <name></name> -->
+
+			<!-- The extension to register. Required. -->
+			<!-- <extension></extension> -->
+			
+			<!-- The description of the file type. Optional. -->
+			<!-- <description></description> -->
+			
+			<!-- The MIME content type. -->
+			<!-- <contentType></contentType> -->
+			
+			<!-- The icon to display for the file type. Optional. -->
+			<!-- <icon>
+				<image16x16></image16x16>
+				<image32x32></image32x32>
+				<image48x48></image48x48>
+				<image128x128></image128x128>
+			</icon> -->
+			
+		<!-- </fileType> -->
+	<!-- </fileTypes> -->
+
+</application>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR20/Gestures/srcview/source/sample.mxml.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR20/Gestures/srcview/source/sample.mxml.html b/TourDeFlex/TourDeFlex/src/objects/AIR20/Gestures/srcview/source/sample.mxml.html
new file mode 100644
index 0000000..4c2c241
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR20/Gestures/srcview/source/sample.mxml.html
@@ -0,0 +1,103 @@
+<!--
+  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.
+-->
+<!-- saved from url=(0014)about:internet -->
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+<title>sample.mxml</title>
+<link rel="stylesheet" type="text/css" href="../SourceStyles.css"/>
+</head>
+
+<body><pre><span class="MXMLProcessing_Instruction">&lt;?xml version="1.0" encoding="utf-8"?&gt;</span>
+<span class="MXMLComponent_Tag">&lt;s:WindowedApplication</span><span class="MXMLDefault_Text"> xmlns:fx="</span><span class="MXMLString">http://ns.adobe.com/mxml/2009</span><span class="MXMLDefault_Text">" 
+                       xmlns:s="</span><span class="MXMLString">library://ns.adobe.com/flex/spark</span><span class="MXMLDefault_Text">" 
+                       xmlns:mx="</span><span class="MXMLString">library://ns.adobe.com/flex/mx</span><span class="MXMLDefault_Text">" creationComplete="</span><span class="ActionScriptDefault_Text">init</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span><span class="MXMLDefault_Text">" 
+                       backgroundColor="</span><span class="MXMLString">0x000000</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" height="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+    
+    <span class="MXMLComment">&lt;!--</span><span class="MXMLComment"> See: http://www.adobe.com/devnet/flash/articles/multitouch_gestures_03.html </span><span class="MXMLComment">--&gt;</span>
+    
+    <span class="MXMLSpecial_Tag">&lt;fx:Script&gt;</span>
+        &lt;![CDATA[
+            <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">flash</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">events</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">PressAndTapGestureEvent</span>;
+            <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">flash</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">events</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">TransformGestureEvent</span>;
+            <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">flash</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">geom</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">Point</span>;
+            <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">flash</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">ui</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">Multitouch</span>;
+            <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">flash</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">ui</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">MultitouchInputMode</span>;
+            
+            <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">mx</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">controls</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">Alert</span>;
+            
+            <span class="ActionScriptReserved">private</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">init</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
+            <span class="ActionScriptBracket/Brace">{</span>    
+                <span class="ActionScriptDefault_Text">Multitouch</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">inputMode</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">MultitouchInputMode</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">GESTURE</span>;
+                
+                <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">Multitouch</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">supportedGestures</span> <span class="ActionScriptOperator">==</span> <span class="ActionScriptReserved">null</span> <span class="ActionScriptOperator">||</span> <span class="ActionScriptDefault_Text">Multitouch</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">supportedGestures</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">length</span> <span class="ActionScriptOperator">==</span> 0<span class="ActionScriptBracket/Brace">)</span>
+                    <span class="ActionScriptDefault_Text">Alert</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">show</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">"Gestures not supported on this device."</span><span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptReserved">else</span> <span class="ActionScriptBracket/Brace">{</span>
+                    <span class="ActionScriptReserved">for each</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">item</span>:<span class="ActionScriptDefault_Text">String</span> <span class="ActionScriptReserved">in</span> <span class="ActionScriptDefault_Text">Multitouch</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">supportedGestures</span><span class="ActionScriptBracket/Brace">)</span>
+                    <span class="ActionScriptBracket/Brace">{</span>
+                        <span class="ActionScripttrace">trace</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">"gesture "</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptDefault_Text">item</span><span class="ActionScriptBracket/Brace">)</span>;
+                        <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">item</span> <span class="ActionScriptOperator">==</span> <span class="ActionScriptDefault_Text">TransformGestureEvent</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">GESTURE_PAN</span><span class="ActionScriptBracket/Brace">)</span>
+                            <span class="ActionScriptDefault_Text">img</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">addEventListener</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">TransformGestureEvent</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">GESTURE_PAN</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">onPan</span><span class="ActionScriptBracket/Brace">)</span>;
+                        <span class="ActionScriptReserved">else</span> <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">item</span> <span class="ActionScriptOperator">==</span> <span class="ActionScriptDefault_Text">TransformGestureEvent</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">GESTURE_ROTATE</span><span class="ActionScriptBracket/Brace">)</span>
+                            <span class="ActionScriptDefault_Text">img</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">addEventListener</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">TransformGestureEvent</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">GESTURE_ROTATE</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">onRotate</span><span class="ActionScriptBracket/Brace">)</span>;
+                        <span class="ActionScriptReserved">else</span> <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">item</span> <span class="ActionScriptOperator">==</span> <span class="ActionScriptDefault_Text">TransformGestureEvent</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">GESTURE_SWIPE</span><span class="ActionScriptBracket/Brace">)</span>
+                            <span class="ActionScriptDefault_Text">img</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">addEventListener</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">TransformGestureEvent</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">GESTURE_SWIPE</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">onSwipe</span><span class="ActionScriptBracket/Brace">)</span>;
+                        <span class="ActionScriptReserved">else</span> <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">item</span> <span class="ActionScriptOperator">==</span> <span class="ActionScriptDefault_Text">TransformGestureEvent</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">GESTURE_ZOOM</span><span class="ActionScriptBracket/Brace">)</span>
+                            <span class="ActionScriptDefault_Text">img</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">addEventListener</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">TransformGestureEvent</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">GESTURE_ZOOM</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">onZoom</span><span class="ActionScriptBracket/Brace">)</span>;
+                    <span class="ActionScriptBracket/Brace">}</span>
+                <span class="ActionScriptBracket/Brace">}</span>
+                
+            <span class="ActionScriptBracket/Brace">}</span>
+            
+            <span class="ActionScriptReserved">private</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">onRotate</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">e</span>:<span class="ActionScriptDefault_Text">TransformGestureEvent</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
+            <span class="ActionScriptBracket/Brace">{</span>
+                <span class="ActionScripttrace">trace</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">"On rotate..."</span><span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptDefault_Text">img</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">rotation</span> <span class="ActionScriptOperator">+=</span> <span class="ActionScriptDefault_Text">e</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">rotation</span>;
+            <span class="ActionScriptBracket/Brace">}</span>
+            
+            <span class="ActionScriptReserved">private</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">onZoom</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">e</span>:<span class="ActionScriptDefault_Text">TransformGestureEvent</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
+            <span class="ActionScriptBracket/Brace">{</span>
+                <span class="ActionScripttrace">trace</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">"On Zoom "</span><span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptDefault_Text">img</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">scaleX</span> <span class="ActionScriptOperator">*=</span> <span class="ActionScriptDefault_Text">e</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">scaleX</span>;
+                <span class="ActionScriptDefault_Text">img</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">scaleY</span> <span class="ActionScriptOperator">*=</span> <span class="ActionScriptDefault_Text">e</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">scaleY</span>;
+            <span class="ActionScriptBracket/Brace">}</span>
+            
+            <span class="ActionScriptReserved">private</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">onPan</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">e</span>:<span class="ActionScriptDefault_Text">TransformGestureEvent</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
+            <span class="ActionScriptBracket/Brace">{</span>
+                <span class="ActionScripttrace">trace</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">"On pan... "</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptDefault_Text">e</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">offsetX</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptString">" offset Y "</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptDefault_Text">e</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">offsetY</span><span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">prevPoint</span>:<span class="ActionScriptDefault_Text">Point</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">Point</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">img</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">x</span><span class="ActionScriptOperator">,</span><span class="ActionScriptDefault_Text">img</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">y</span><span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptDefault_Text">img</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">x</span> <span class="ActionScriptOperator">+=</span> <span class="ActionScriptDefault_Text">e</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">offsetX</span><span class="ActionScriptOperator">*</span>3;
+                <span class="ActionScriptDefault_Text">img</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">y</span> <span class="ActionScriptOperator">+=</span> <span class="ActionScriptDefault_Text">e</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">offsetY</span><span class="ActionScriptOperator">*</span>3;
+            <span class="ActionScriptBracket/Brace">}</span>
+            
+            <span class="ActionScriptReserved">private</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">onSwipe</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">e</span>:<span class="ActionScriptDefault_Text">TransformGestureEvent</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
+            <span class="ActionScriptBracket/Brace">{</span>
+                <span class="ActionScripttrace">trace</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">"On swipe "</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptDefault_Text">e</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">stageX</span><span class="ActionScriptBracket/Brace">)</span>;
+            <span class="ActionScriptBracket/Brace">}</span>
+            
+        <span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptOperator">&gt;</span>
+    <span class="MXMLSpecial_Tag">&lt;/fx:Script&gt;</span>
+    
+    <span class="MXMLComponent_Tag">&lt;s:VGroup</span><span class="MXMLDefault_Text"> width="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" height="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" paddingLeft="</span><span class="MXMLString">8</span><span class="MXMLDefault_Text">" paddingTop="</span><span class="MXMLString">8</span><span class="MXMLDefault_Text">" paddingRight="</span><span class="MXMLString">8</span><span class="MXMLDefault_Text">" paddingBottom="</span><span class="MXMLString">8</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;s:Label</span><span class="MXMLDefault_Text"> width="</span><span class="MXMLString">65%</span><span class="MXMLDefault_Text">" verticalAlign="</span><span class="MXMLString">justify</span><span class="MXMLDefault_Text">" color="</span><span class="MXMLString">0xFFFFFF</span><span class="MXMLDefault_Text">" left="</span><span class="MXMLString">30</span><span class="MXMLDefault_Text">" top="</span><span class="MXMLString">30</span><span class="MXMLDefault_Text">"
+                 text="</span><span class="MXMLString">If your device supports gestures, you can rotate, zoom, swipe and pan this photo using the supported device (ie: trackpad).</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;mx:Image</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">img</span><span class="MXMLDefault_Text">" source="</span><span class="MXMLString">@Embed(source='butterfly2.jpg')</span><span class="MXMLDefault_Text">" x="</span><span class="MXMLString">-10</span><span class="MXMLDefault_Text">" y="</span><span class="MXMLString">-10</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">250</span><span class="MXMLDefault_Text">" height="</span><span class="MXMLString">250</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>    
+    <span class="MXMLComponent_Tag">&lt;/s:VGroup&gt;</span>
+    
+<span class="MXMLComponent_Tag">&lt;/s:WindowedApplication&gt;</span></pre></body>
+</html>


[41/51] [partial] Merged TourDeFlex release from develop

Posted by jm...@apache.org.
http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/data/offline.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/data/offline.html b/TourDeFlex/TourDeFlex/src/data/offline.html
new file mode 100644
index 0000000..fa557c0
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/data/offline.html
@@ -0,0 +1,33 @@
+<!--
+  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.
+-->
+<html>
+	<head>
+		<title>Offline</title>
+	</head>
+	<body>
+		<table width="100%" height="100%">
+			<tr>
+				<td align="center">
+					<div style="background-color:#E7E2E0; border:solid 2px #B30000; font-size:12px; font-weight:bold; width:50%; padding:60px 20px 60px 20px;">
+						An Internet connection is required.
+					</div>
+				</td>
+			</tr>
+		</table>
+
+	</body>
+</html>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/data/prepxml.sh
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/data/prepxml.sh b/TourDeFlex/TourDeFlex/src/data/prepxml.sh
new file mode 100644
index 0000000..9ef29a9
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/data/prepxml.sh
@@ -0,0 +1,19 @@
+cp ~/Documents/TourDeFlexWS/TourDeFlex-Web/objects-web.xml .
+
+# 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.
+
+./make-japanese-objects.pl objects-desktop.xml > objects-desktop_ja.xml
+./make-japanese-objects.pl objects-web.xml > objects-web_ja.xml

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/data/quickstart.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/data/quickstart.html b/TourDeFlex/TourDeFlex/src/data/quickstart.html
new file mode 100644
index 0000000..79e58cd
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/data/quickstart.html
@@ -0,0 +1,129 @@
+<!--
+  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.
+-->
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
+	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
+	<head>
+		<meta http-equiv="content-type" content="text/html; charset=utf-8" />
+		<title>Tour de Flex Quick Start</title>
+		<style type="text/css">
+			body {
+				font-family: Arial, Verdana, Helvetica, Sans-Serif;
+				font-size: 62.5%; /* Resets 1em to 10px */
+				color: #434346;
+				margin: 0px 0px 0px 0px;
+				padding: 0px 0px 0px 0px;
+			}
+
+			h1{
+				font-size: 1.5em;
+				font-weight: bold;
+				margin: 0px 0xp 0xp 0px;
+				padding: 0px 0px 0px 22px;
+			}
+
+			#links li {
+				list-style-image: url("images/popArrows.gif");
+				font-size: 80.0%; /* Resets 1em to 10px */
+
+				margin: 0px 0px 0px 0px;
+			}
+
+			#links a {
+				font-size: 1.2em;
+			}
+
+			
+			#ltCol {
+				width: 290px;
+				margin: 10px 0px 0px 44px;
+				float: left;
+			}
+
+			#rtCol {
+				width: 310px;
+				margin: 10px 44px 0px 0px;
+				float: right;
+			}
+
+			.clearFloat{
+				clear: both;
+			}
+			
+			#main {
+				background-image: url("images/qs_banner_plain_big2.jpg");
+				padding: 45px 0px 0px 0px;
+				/*border: solid 1px #323232;*/
+				/*
+				width: 700px;
+				width: 740px;
+				height: 576px;
+				background-image: url("tempBkg.gif");
+				background-repeat: no-repeat;
+				margin: 0px 0px 0px 0px;
+				padding: 56px 0px 0px 0px;
+				*/
+			}
+		
+			#mainSub {
+				width: 700px;
+			}
+			#main p {
+				margin: 0px 0px 0px 22px;
+			}
+			a, a:visited{
+				color: #314983;
+				text-decoration: none;
+			}
+
+			a:hover, a:active {
+				color: #000000;
+			}
+
+			h2{
+				margin: 0px 0px 0px 0px;
+				padding: 0px 0px 0px 0px;
+			}
+			.news {
+				margin: 0px 20px 10px 22px;
+				padding: 0px 0px 6px 0px;
+				border-bottom: solid 1px #E4E4E5;
+			}
+		</style>
+	</head>
+	<body>
+		<div id="main">
+			<h1>Welcome to Tour de Flex! Explore over 400 live samples of Flex components, APIs and <br /> coding techniques with source.</h1>
+			<div id="mainSub">
+            <center>
+				<img src="images/quickstart.gif" alt="Tour de Flex Quick Start" width="675" height="190" />
+			</center>
+<BR><BR>
+			<div class="news">
+				<p>
+					<h2>Tour de Flex is OFFLINE</h2>
+					<BR>
+					If you are seeing this, Tour de Flex has not detected an internet connection and you are offline.  Most of the AIR samples 
+					will work offline but many other samples require an internet connection.  
+				</p>
+			</div>
+
+            </div>
+		</div>
+		
+	</body>
+</html>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/data/settings.xml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/data/settings.xml b/TourDeFlex/TourDeFlex/src/data/settings.xml
new file mode 100644
index 0000000..33e690d
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/data/settings.xml
@@ -0,0 +1,49 @@
+<!--
+
+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.
+
+-->
+<Settings title="Tour de Flex">
+	
+	<AboutMenu title="Flex Resources">
+		<Item label="About" data="data/about.html" />
+		<Item label="Tour de Flex Home Page" data="http://flex.org/tour" />
+
+		<Item label="Adobe Flash Platform Home Page" data="http://www.adobe.com/flashplatform/" />
+
+		<Item label="Adobe Flex Home Page" data="http://www.adobe.com/products/flex/" />
+		
+		<Item label="Adobe AIR Home Page" data="http://www.adobe.com/products/air/" />		
+				
+		<Item label="Adobe Flex Developer Center" data="http://www.adobe.com/devnet/flex/" />
+				
+		<Item label="Adobe AIR Developer Center" data="http://www.adobe.com/devnet/air/" />
+				
+		<Item label="Flex.org" data="http://flex.org" />
+		
+		<Item label="Flex Showcase" data="http://flex.org/showcase" />	
+		
+		<Item label="Flex 3 LiveDocs" data="http://livedocs.adobe.com/flex/3" />
+		
+		<Item label="Flex 3 Language Reference" data="http://livedocs.adobe.com/flex/3/langref/index.html" />	
+		
+		<Item label="Flex Builder Trial Download" data="http://www.adobe.com/go/flex_trial" />
+		
+		<Item label="Flex Builder free for Students and Educators" data="http://www.flexregistration.com" />	
+									
+	</AboutMenu>
+
+</Settings>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/data/settings_ja.xml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/data/settings_ja.xml b/TourDeFlex/TourDeFlex/src/data/settings_ja.xml
new file mode 100644
index 0000000..9d47c36
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/data/settings_ja.xml
@@ -0,0 +1,50 @@
+<!--
+
+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.
+
+-->
+<Settings title="Tour de Flex">
+	
+	<AboutMenu title="Flex リソース">
+		<Item label="About" data="data/about.html" />
+		<Item label="Tour de Flex Home Page" data="http://flex.org/tour" />
+
+		<Item label="Adobe Flash Platform Home Page" data="http://www.adobe.com/jp/flashplatform/" />
+
+		<Item label="Adobe Flex Home Page" data="http://www.adobe.com/jp/products/flex/" />
+			
+		<Item label="Adobe AIR Home Page" data="http://www.adobe.com/jp/products/air/" />
+				
+		<Item label="Adobe Flex Developer Center" data="http://www.adobe.com/jp/devnet/flex/" />
+				
+		<Item label="Adobe AIR Developer Center" data="http://www.adobe.com/jp/devnet/air/" />
+				
+		<Item label="Flex.org" data="http://flex.org" />
+		
+		<Item label="Flex Showcase" data="http://flex.org/showcase" />	
+		
+		<Item label="Flex 3 Resource" data="http://www.adobe.com/support/documentation/jp/flex/" />
+		
+		<Item label="Flex 3 Language Reference" data="http://livedocs.adobe.com/flex/3_jp/langref/index.html" />	
+		
+		<Item label="Flex Builder Trial Download" data="https://www.adobe.com/cfusion/tdrc/index.cfm?loc=ja&product=flex" />
+		
+		<Item label="Flex Builder free for Students and Educators" data="http://www.flexregistration.com" />	
+		<Item label="Education Vanguards" data="http://www.adobe.com/jp/education/hed/vanguards/license_free_faq.html" />	
+									
+	</AboutMenu>
+
+</Settings>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/data/splash.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/data/splash.html b/TourDeFlex/TourDeFlex/src/data/splash.html
new file mode 100644
index 0000000..880631f
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/data/splash.html
@@ -0,0 +1,45 @@
+<!--
+  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.
+-->
+<html lang="en">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<title></title>
+<style>
+body { margin: 0px; overflow:hidden }
+</style>
+</head>
+
+<body scroll="no">
+  	<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
+			id="splash" width="1000" height="770"
+			codebase="http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab">
+			<param name="movie" value="splash.swf" />
+			<param name="quality" value="high" />
+			<param name="bgcolor" value="#000000" />
+			<param name="allowScriptAccess" value="sameDomain" />
+			<embed src="splash.swf" quality="high" bgcolor="#000000"
+				width="1000" height="770" name="splash" align="middle"
+				play="true"
+				loop="false"
+				quality="high"
+				allowScriptAccess="sameDomain"
+				type="application/x-shockwave-flash"
+				pluginspage="http://www.adobe.com/go/getflashplayer">
+			</embed>
+	</object>
+</body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/data/style.css
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/data/style.css b/TourDeFlex/TourDeFlex/src/data/style.css
new file mode 100644
index 0000000..33085e1
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/data/style.css
@@ -0,0 +1,88 @@
+/*
+ * 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.
+ */
+body{
+	padding: 0px 0px 0px 0px;
+	margin: 0px 0px 0px 0px;
+	background-image: url("images/bkg.jpg");
+	background-repeat: repeat-x;
+	background-color: #000000;
+	border: solid 1px #585858;
+
+	font-family: Verdana, Sans-Serif;
+	font-size: 10px;
+	color: #BDB6B1;
+}
+#hdr{
+	width: 428px;
+	height: 68px;
+	margin: 3px 3px 0px 3px;
+	border: solid 1px #585858;
+}
+#hdr img{
+	margin: 11px 0px 0px 16px;
+}
+#version{
+	width: 225px;
+	margin: 10px 0px 0px 0px;
+	float: right;
+}
+.team{
+	font-size: 10.5;
+}
+#main{
+	width: 428px;
+	height: 286px;
+	margin: 3px 3px 3px 3px;
+	border: solid 1px #585858;
+}
+#credits{
+	margin: 20px 0px 0px 35px;
+}
+#logo{
+	width: 398px;
+	margin: 20px 0px 0px 0px;
+	text-align: center;
+}
+#ftr{
+	margin: 30px 5px 0px 5px;
+	font-size: 9px;
+}
+.lt{
+	float: left;
+}
+.rt{
+	float: right;
+}
+#ftrLogo{
+	
+}
+#rights{
+	width: 388px;
+}
+a{
+	color: #BBBBff;
+	text-decoration: none;
+}
+a:hover{
+	color: #3380DD;
+}
+a:visited{
+	color: #9fB6D4;
+}
+a:active{
+	color: #9fB6D4;
+}

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/images/button_clear.png
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/images/button_clear.png b/TourDeFlex/TourDeFlex/src/images/button_clear.png
new file mode 100644
index 0000000..bf3dab0
Binary files /dev/null and b/TourDeFlex/TourDeFlex/src/images/button_clear.png differ

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/images/button_close_downSkin.png
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/images/button_close_downSkin.png b/TourDeFlex/TourDeFlex/src/images/button_close_downSkin.png
new file mode 100644
index 0000000..54ab90c
Binary files /dev/null and b/TourDeFlex/TourDeFlex/src/images/button_close_downSkin.png differ

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/images/button_close_overSkin.png
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/images/button_close_overSkin.png b/TourDeFlex/TourDeFlex/src/images/button_close_overSkin.png
new file mode 100644
index 0000000..8696620
Binary files /dev/null and b/TourDeFlex/TourDeFlex/src/images/button_close_overSkin.png differ

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/images/button_close_upSkin.png
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/images/button_close_upSkin.png b/TourDeFlex/TourDeFlex/src/images/button_close_upSkin.png
new file mode 100644
index 0000000..c1b3a0e
Binary files /dev/null and b/TourDeFlex/TourDeFlex/src/images/button_close_upSkin.png differ

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/images/button_commentDisabled_icon.png
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/images/button_commentDisabled_icon.png b/TourDeFlex/TourDeFlex/src/images/button_commentDisabled_icon.png
new file mode 100644
index 0000000..0d84bdd
Binary files /dev/null and b/TourDeFlex/TourDeFlex/src/images/button_commentDisabled_icon.png differ

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/images/button_comment_icon.png
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/images/button_comment_icon.png b/TourDeFlex/TourDeFlex/src/images/button_comment_icon.png
new file mode 100644
index 0000000..18bf0a0
Binary files /dev/null and b/TourDeFlex/TourDeFlex/src/images/button_comment_icon.png differ

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/images/button_downloadDisabled_icon.png
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/images/button_downloadDisabled_icon.png b/TourDeFlex/TourDeFlex/src/images/button_downloadDisabled_icon.png
new file mode 100644
index 0000000..e2ea091
Binary files /dev/null and b/TourDeFlex/TourDeFlex/src/images/button_downloadDisabled_icon.png differ

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/images/button_download_icon.png
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/images/button_download_icon.png b/TourDeFlex/TourDeFlex/src/images/button_download_icon.png
new file mode 100644
index 0000000..ee13917
Binary files /dev/null and b/TourDeFlex/TourDeFlex/src/images/button_download_icon.png differ

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/images/button_search_icon.png
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/images/button_search_icon.png b/TourDeFlex/TourDeFlex/src/images/button_search_icon.png
new file mode 100644
index 0000000..427035b
Binary files /dev/null and b/TourDeFlex/TourDeFlex/src/images/button_search_icon.png differ

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/images/corner_resizer.png
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/images/corner_resizer.png b/TourDeFlex/TourDeFlex/src/images/corner_resizer.png
new file mode 100644
index 0000000..f494a83
Binary files /dev/null and b/TourDeFlex/TourDeFlex/src/images/corner_resizer.png differ

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/images/expand.png
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/images/expand.png b/TourDeFlex/TourDeFlex/src/images/expand.png
new file mode 100644
index 0000000..e90934e
Binary files /dev/null and b/TourDeFlex/TourDeFlex/src/images/expand.png differ

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/images/expand_disabled.png
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/images/expand_disabled.png b/TourDeFlex/TourDeFlex/src/images/expand_disabled.png
new file mode 100644
index 0000000..53c0b9e
Binary files /dev/null and b/TourDeFlex/TourDeFlex/src/images/expand_disabled.png differ

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/images/header_gradient.png
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/images/header_gradient.png b/TourDeFlex/TourDeFlex/src/images/header_gradient.png
new file mode 100644
index 0000000..052830b
Binary files /dev/null and b/TourDeFlex/TourDeFlex/src/images/header_gradient.png differ

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/images/icons/tdfx_128.png
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/images/icons/tdfx_128.png b/TourDeFlex/TourDeFlex/src/images/icons/tdfx_128.png
new file mode 100644
index 0000000..2c62275
Binary files /dev/null and b/TourDeFlex/TourDeFlex/src/images/icons/tdfx_128.png differ

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/images/toggle_list.png
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/images/toggle_list.png b/TourDeFlex/TourDeFlex/src/images/toggle_list.png
new file mode 100644
index 0000000..2bc0f55
Binary files /dev/null and b/TourDeFlex/TourDeFlex/src/images/toggle_list.png differ

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/images/toggle_tree.png
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/images/toggle_tree.png b/TourDeFlex/TourDeFlex/src/images/toggle_tree.png
new file mode 100644
index 0000000..0f419cd
Binary files /dev/null and b/TourDeFlex/TourDeFlex/src/images/toggle_tree.png differ

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/images/tree_noIcon.png
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/images/tree_noIcon.png b/TourDeFlex/TourDeFlex/src/images/tree_noIcon.png
new file mode 100644
index 0000000..30e0332
Binary files /dev/null and b/TourDeFlex/TourDeFlex/src/images/tree_noIcon.png differ

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/images/web.png
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/images/web.png b/TourDeFlex/TourDeFlex/src/images/web.png
new file mode 100644
index 0000000..6568f2a
Binary files /dev/null and b/TourDeFlex/TourDeFlex/src/images/web.png differ

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/images/web_disabled.png
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/images/web_disabled.png b/TourDeFlex/TourDeFlex/src/images/web_disabled.png
new file mode 100644
index 0000000..40f9557
Binary files /dev/null and b/TourDeFlex/TourDeFlex/src/images/web_disabled.png differ

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR/Components/FileSystemComboBox/FileSystemComboBox.mxml.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR/Components/FileSystemComboBox/FileSystemComboBox.mxml.html b/TourDeFlex/TourDeFlex/src/objects/AIR/Components/FileSystemComboBox/FileSystemComboBox.mxml.html
new file mode 100644
index 0000000..8342d64
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR/Components/FileSystemComboBox/FileSystemComboBox.mxml.html
@@ -0,0 +1,53 @@
+<!--
+  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.
+-->
+<!-- saved from url=(0014)about:internet -->
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+<title>FileSystemComboBox.mxml</title>
+<link rel="stylesheet" type="text/css" href="../SourceStyles.css"/>
+</head>
+
+<body><pre><span class="MXMLProcessing_Instruction">&lt;?xml version="1.0" encoding="utf-8"?&gt;</span>
+<span class="MXMLComponent_Tag">&lt;s:WindowedApplication</span><span class="MXMLDefault_Text"> xmlns:fx="</span><span class="MXMLString">http://ns.adobe.com/mxml/2009</span><span class="MXMLDefault_Text">" 
+                       xmlns:s="</span><span class="MXMLString">library://ns.adobe.com/flex/spark</span><span class="MXMLDefault_Text">" 
+                       xmlns:mx="</span><span class="MXMLString">library://ns.adobe.com/flex/mx</span><span class="MXMLDefault_Text">" creationComplete="</span><span class="ActionScriptDefault_Text">init</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span><span class="MXMLDefault_Text">"
+                       styleName="</span><span class="MXMLString">plain</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" height="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" viewSourceURL="</span><span class="MXMLString">srcview/index.html</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+    
+    <span class="MXMLSpecial_Tag">&lt;fx:Script&gt;</span>
+        &lt;![CDATA[
+            <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">flash</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">filesystem</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">File</span>;
+            <span class="ActionScriptReserved">private</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">init</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
+            <span class="ActionScriptBracket/Brace">{</span>
+                <span class="ActionScriptDefault_Text">fcb</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">directory</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">File</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">desktopDirectory</span>;
+            <span class="ActionScriptBracket/Brace">}</span>
+            
+            <span class="ActionScriptReserved">private</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">setOutput</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
+            <span class="ActionScriptBracket/Brace">{</span>
+                <span class="ActionScriptDefault_Text">output</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">fcb</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">directory</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">nativePath</span>;
+            <span class="ActionScriptBracket/Brace">}</span>
+        <span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptOperator">&gt;</span>
+    <span class="MXMLSpecial_Tag">&lt;/fx:Script&gt;</span>
+    
+    <span class="MXMLComponent_Tag">&lt;s:HGroup</span><span class="MXMLDefault_Text"> paddingTop="</span><span class="MXMLString">100</span><span class="MXMLDefault_Text">" paddingBottom="</span><span class="MXMLString">8</span><span class="MXMLDefault_Text">" paddingRight="</span><span class="MXMLString">8</span><span class="MXMLDefault_Text">" paddingLeft="</span><span class="MXMLString">100</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;mx:FileSystemComboBox</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">fcb</span><span class="MXMLDefault_Text">" directoryChange="</span><span class="ActionScriptDefault_Text">setOutput</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">150</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;s:TextInput</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">output</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">200</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>    
+    <span class="MXMLComponent_Tag">&lt;/s:HGroup&gt;</span>
+    
+<span class="MXMLComponent_Tag">&lt;/s:WindowedApplication&gt;</span></pre></body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR/Components/FileSystemComboBox/FileSystemComboBox.png
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR/Components/FileSystemComboBox/FileSystemComboBox.png b/TourDeFlex/TourDeFlex/src/objects/AIR/Components/FileSystemComboBox/FileSystemComboBox.png
new file mode 100644
index 0000000..d9e6ce2
Binary files /dev/null and b/TourDeFlex/TourDeFlex/src/objects/AIR/Components/FileSystemComboBox/FileSystemComboBox.png differ

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR/Components/FileSystemComboBox/srcview/source/FileSystemComboBox.mxml.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR/Components/FileSystemComboBox/srcview/source/FileSystemComboBox.mxml.html b/TourDeFlex/TourDeFlex/src/objects/AIR/Components/FileSystemComboBox/srcview/source/FileSystemComboBox.mxml.html
new file mode 100644
index 0000000..0965fea
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR/Components/FileSystemComboBox/srcview/source/FileSystemComboBox.mxml.html
@@ -0,0 +1,53 @@
+<!--
+  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.
+-->
+<!-- saved from url=(0014)about:internet -->
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+<title>FileSystemComboBox.mxml</title>
+<link rel="stylesheet" type="text/css" href="../SourceStyles.css"/>
+</head>
+
+<body><pre><span class="MXMLProcessing_Instruction">&lt;?xml version="1.0" encoding="utf-8"?&gt;</span>
+<span class="MXMLComponent_Tag">&lt;mx:Module</span><span class="MXMLDefault_Text"> xmlns:fx="</span><span class="MXMLString">http://ns.adobe.com/mxml/2009</span><span class="MXMLDefault_Text">" 
+                       xmlns:s="</span><span class="MXMLString">library://ns.adobe.com/flex/spark</span><span class="MXMLDefault_Text">" 
+                       xmlns:mx="</span><span class="MXMLString">library://ns.adobe.com/flex/mx</span><span class="MXMLDefault_Text">" creationComplete="</span><span class="ActionScriptDefault_Text">init</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span><span class="MXMLDefault_Text">"
+                       backgroundColor="</span><span class="MXMLString">#323232</span><span class="MXMLDefault_Text">" styleName="</span><span class="MXMLString">plain</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" height="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+    
+    <span class="MXMLSpecial_Tag">&lt;fx:Script&gt;</span>
+        &lt;![CDATA[
+            <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">flash</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">filesystem</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">File</span>;
+            <span class="ActionScriptReserved">private</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">init</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
+            <span class="ActionScriptBracket/Brace">{</span>
+                <span class="ActionScriptDefault_Text">fcb</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">directory</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">File</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">desktopDirectory</span>;
+            <span class="ActionScriptBracket/Brace">}</span>
+            
+            <span class="ActionScriptReserved">private</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">setOutput</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
+            <span class="ActionScriptBracket/Brace">{</span>
+                <span class="ActionScriptDefault_Text">output</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">fcb</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">directory</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">nativePath</span>;
+            <span class="ActionScriptBracket/Brace">}</span>
+        <span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptOperator">&gt;</span>
+    <span class="MXMLSpecial_Tag">&lt;/fx:Script&gt;</span>
+    
+    <span class="MXMLComponent_Tag">&lt;s:HGroup</span><span class="MXMLDefault_Text"> paddingTop="</span><span class="MXMLString">100</span><span class="MXMLDefault_Text">" paddingBottom="</span><span class="MXMLString">8</span><span class="MXMLDefault_Text">" paddingRight="</span><span class="MXMLString">8</span><span class="MXMLDefault_Text">" paddingLeft="</span><span class="MXMLString">200</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;mx:FileSystemComboBox</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">fcb</span><span class="MXMLDefault_Text">" directoryChange="</span><span class="ActionScriptDefault_Text">setOutput</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;s:TextInput</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">output</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">200</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>    
+    <span class="MXMLComponent_Tag">&lt;/s:HGroup&gt;</span>
+    
+<span class="MXMLComponent_Tag">&lt;/mx:Module&gt;</span></pre></body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR/Components/FileSystemDataGrid/FileSystemDataGrid.mxml.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR/Components/FileSystemDataGrid/FileSystemDataGrid.mxml.html b/TourDeFlex/TourDeFlex/src/objects/AIR/Components/FileSystemDataGrid/FileSystemDataGrid.mxml.html
new file mode 100644
index 0000000..7bd7f61
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR/Components/FileSystemDataGrid/FileSystemDataGrid.mxml.html
@@ -0,0 +1,47 @@
+<!--
+  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.
+-->
+<!-- saved from url=(0014)about:internet -->
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+<title>FileSystemDataGrid.mxml</title>
+<link rel="stylesheet" type="text/css" href="../SourceStyles.css"/>
+</head>
+
+<body><pre><span class="MXMLComponent_Tag">&lt;s:WindowedApplication</span><span class="MXMLDefault_Text"> xmlns:fx="</span><span class="MXMLString">http://ns.adobe.com/mxml/2009</span><span class="MXMLDefault_Text">" 
+                       xmlns:s="</span><span class="MXMLString">library://ns.adobe.com/flex/spark</span><span class="MXMLDefault_Text">" 
+                       xmlns:mx="</span><span class="MXMLString">library://ns.adobe.com/flex/mx</span><span class="MXMLDefault_Text">" 
+                       styleName="</span><span class="MXMLString">plain</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" height="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+
+    <span class="MXMLSpecial_Tag">&lt;fx:Script&gt;</span>
+        &lt;![CDATA[
+            <span class="ActionScriptReserved">private</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">setOutput</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
+            <span class="ActionScriptBracket/Brace">{</span>
+                <span class="ActionScriptDefault_Text">output</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">fileGrid</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">directory</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">nativePath</span>;
+                
+            <span class="ActionScriptBracket/Brace">}</span>
+        <span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptOperator">&gt;</span>
+    <span class="MXMLSpecial_Tag">&lt;/fx:Script&gt;</span>
+    <span class="MXMLComponent_Tag">&lt;s:VGroup</span><span class="MXMLDefault_Text"> paddingTop="</span><span class="MXMLString">8</span><span class="MXMLDefault_Text">" paddingBottom="</span><span class="MXMLString">8</span><span class="MXMLDefault_Text">" paddingRight="</span><span class="MXMLString">8</span><span class="MXMLDefault_Text">" paddingLeft="</span><span class="MXMLString">8</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;s:Label</span><span class="MXMLDefault_Text"> text="</span><span class="MXMLString">Double-click on a directory to see the path:</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;mx:FileSystemDataGrid</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">fileGrid</span><span class="MXMLDefault_Text">" directoryChange="</span><span class="ActionScriptDefault_Text">setOutput</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span><span class="MXMLDefault_Text">" directory="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">File</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">desktopDirectory</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;s:TextInput</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">output</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">fileGrid</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">width</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>    
+    <span class="MXMLComponent_Tag">&lt;/s:VGroup&gt;</span>
+    
+<span class="MXMLComponent_Tag">&lt;/s:WindowedApplication&gt;</span></pre></body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR/Components/FileSystemDataGrid/FileSystemDataGrid.png
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR/Components/FileSystemDataGrid/FileSystemDataGrid.png b/TourDeFlex/TourDeFlex/src/objects/AIR/Components/FileSystemDataGrid/FileSystemDataGrid.png
new file mode 100644
index 0000000..ceb2066
Binary files /dev/null and b/TourDeFlex/TourDeFlex/src/objects/AIR/Components/FileSystemDataGrid/FileSystemDataGrid.png differ

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR/Components/FileSystemHistoryButton/FileSystemHistoryButton.mxml.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR/Components/FileSystemHistoryButton/FileSystemHistoryButton.mxml.html b/TourDeFlex/TourDeFlex/src/objects/AIR/Components/FileSystemHistoryButton/FileSystemHistoryButton.mxml.html
new file mode 100644
index 0000000..0193253
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR/Components/FileSystemHistoryButton/FileSystemHistoryButton.mxml.html
@@ -0,0 +1,44 @@
+<!--
+  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.
+-->
+<!-- saved from url=(0014)about:internet -->
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+<title>FileSystemHistoryButton.mxml</title>
+<link rel="stylesheet" type="text/css" href="../SourceStyles.css"/>
+</head>
+
+<body><pre><span class="MXMLComponent_Tag">&lt;s:WindowedApplication</span><span class="MXMLDefault_Text"> xmlns:fx="</span><span class="MXMLString">http://ns.adobe.com/mxml/2009</span><span class="MXMLDefault_Text">" 
+                        xmlns:s="</span><span class="MXMLString">library://ns.adobe.com/flex/spark</span><span class="MXMLDefault_Text">" 
+                        xmlns:mx="</span><span class="MXMLString">library://ns.adobe.com/flex/mx</span><span class="MXMLDefault_Text">" 
+                        backgroundColor="</span><span class="MXMLString">#323232</span><span class="MXMLDefault_Text">" viewSourceURL="</span><span class="MXMLString">srcview/index.html</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+    <span class="MXMLComponent_Tag">&lt;s:VGroup</span><span class="MXMLDefault_Text"> paddingTop="</span><span class="MXMLString">8</span><span class="MXMLDefault_Text">" horizontalCenter="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;s:Label</span><span class="MXMLDefault_Text"> color="</span><span class="MXMLString">0xFFFFFF</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">400</span><span class="MXMLDefault_Text">" text="</span><span class="MXMLString">The FileSystemHistoryButton control lets the user move backwards or forwards through the navigation history of another control. 
+It works in conjunction with a FileSystemList or FileSystemDataGrid control, or any similar control with a property containing an array of File objects.</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;mx:FileSystemList</span><span class="MXMLDefault_Text"> width="</span><span class="MXMLString">400</span><span class="MXMLDefault_Text">" height="</span><span class="MXMLString">150</span><span class="MXMLDefault_Text">" id="</span><span class="MXMLString">fileList</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;s:HGroup</span><span class="MXMLDefault_Text"> paddingLeft="</span><span class="MXMLString">7</span><span class="MXMLDefault_Text">" paddingRight="</span><span class="MXMLString">7</span><span class="MXMLDefault_Text">" paddingTop="</span><span class="MXMLString">7</span><span class="MXMLDefault_Text">" paddingBottom="</span><span class="MXMLString">7</span><span class="MXMLDefault_Text">" horizontalCenter="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">400</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;mx:FileSystemHistoryButton</span><span class="MXMLDefault_Text"> label="</span><span class="MXMLString">Back</span><span class="MXMLDefault_Text">" dataProvider="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">fileList</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">backHistory</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">" 
+                enabled="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">fileList</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">canNavigateBack</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">" click="</span><span class="ActionScriptDefault_Text">fileList</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">navigateBack</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;<span class="MXMLDefault_Text">" 
+                itemClick="</span><span class="ActionScriptDefault_Text">fileList</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">navigateBack</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">event</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">index</span><span class="ActionScriptBracket/Brace">)</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;mx:FileSystemHistoryButton</span><span class="MXMLDefault_Text"> label="</span><span class="MXMLString">Forward</span><span class="MXMLDefault_Text">" dataProvider="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">fileList</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">forwardHistory</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">" 
+                enabled="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">fileList</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">canNavigateForward</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">" click="</span><span class="ActionScriptDefault_Text">fileList</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">navigateForward</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;<span class="MXMLDefault_Text">" 
+                itemClick="</span><span class="ActionScriptDefault_Text">fileList</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">navigateForward</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">event</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">index</span><span class="ActionScriptBracket/Brace">)</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;/s:HGroup&gt;</span>
+    <span class="MXMLComponent_Tag">&lt;/s:VGroup&gt;</span>
+<span class="MXMLComponent_Tag">&lt;/s:WindowedApplication&gt;</span></pre></body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR/Components/FileSystemHistoryButton/FileSystemHistoryButton.png
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR/Components/FileSystemHistoryButton/FileSystemHistoryButton.png b/TourDeFlex/TourDeFlex/src/objects/AIR/Components/FileSystemHistoryButton/FileSystemHistoryButton.png
new file mode 100644
index 0000000..92174a1
Binary files /dev/null and b/TourDeFlex/TourDeFlex/src/objects/AIR/Components/FileSystemHistoryButton/FileSystemHistoryButton.png differ

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR/Components/FileSystemList/FileSystemList.mxml.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR/Components/FileSystemList/FileSystemList.mxml.html b/TourDeFlex/TourDeFlex/src/objects/AIR/Components/FileSystemList/FileSystemList.mxml.html
new file mode 100644
index 0000000..a2ecce1
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR/Components/FileSystemList/FileSystemList.mxml.html
@@ -0,0 +1,47 @@
+<!--
+  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.
+-->
+<!-- saved from url=(0014)about:internet -->
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+<title>FileSystemList.mxml</title>
+<link rel="stylesheet" type="text/css" href="../SourceStyles.css"/>
+</head>
+
+<body><pre><span class="MXMLProcessing_Instruction">&lt;?xml version="1.0" encoding="utf-8"?&gt;</span>
+<span class="MXMLComponent_Tag">&lt;s:WindowedApplication</span><span class="MXMLDefault_Text"> xmlns:fx="</span><span class="MXMLString">http://ns.adobe.com/mxml/2009</span><span class="MXMLDefault_Text">" 
+                       xmlns:s="</span><span class="MXMLString">library://ns.adobe.com/flex/spark</span><span class="MXMLDefault_Text">" 
+                       xmlns:mx="</span><span class="MXMLString">library://ns.adobe.com/flex/mx</span><span class="MXMLDefault_Text">" 
+                       backgroundColor="</span><span class="MXMLString">#323232</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+    <span class="MXMLSpecial_Tag">&lt;fx:Script&gt;</span>
+        &lt;![CDATA[
+            <span class="ActionScriptReserved">private</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">setOutput</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
+            <span class="ActionScriptBracket/Brace">{</span>
+                <span class="ActionScriptDefault_Text">output</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">fileList</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">directory</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">nativePath</span>;
+            <span class="ActionScriptBracket/Brace">}</span>
+        <span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptOperator">&gt;</span>
+    <span class="MXMLSpecial_Tag">&lt;/fx:Script&gt;</span>
+
+    <span class="MXMLComponent_Tag">&lt;s:VGroup</span><span class="MXMLDefault_Text"> horizontalCenter="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">" paddingTop="</span><span class="MXMLString">5</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;s:Button</span><span class="MXMLDefault_Text"> label="</span><span class="MXMLString">Up</span><span class="MXMLDefault_Text">" click="</span><span class="ActionScriptDefault_Text">fileList</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">navigateUp</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>; <span class="ActionScriptDefault_Text">setOutput</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;<span class="MXMLDefault_Text">"
+                   enabled="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">fileList</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">canNavigateUp</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;mx:FileSystemList</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">fileList</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">300</span><span class="MXMLDefault_Text">" directoryChange="</span><span class="ActionScriptDefault_Text">setOutput</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;s:TextInput</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">output</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">300</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>    
+    <span class="MXMLComponent_Tag">&lt;/s:VGroup&gt;</span>
+<span class="MXMLComponent_Tag">&lt;/s:WindowedApplication&gt;</span></pre></body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR/Components/FileSystemList/FileSystemList.png
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR/Components/FileSystemList/FileSystemList.png b/TourDeFlex/TourDeFlex/src/objects/AIR/Components/FileSystemList/FileSystemList.png
new file mode 100644
index 0000000..e63ca3c
Binary files /dev/null and b/TourDeFlex/TourDeFlex/src/objects/AIR/Components/FileSystemList/FileSystemList.png differ

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR/Components/FileSystemTree/FileSystemTree.mxml.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR/Components/FileSystemTree/FileSystemTree.mxml.html b/TourDeFlex/TourDeFlex/src/objects/AIR/Components/FileSystemTree/FileSystemTree.mxml.html
new file mode 100644
index 0000000..bd12626
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR/Components/FileSystemTree/FileSystemTree.mxml.html
@@ -0,0 +1,47 @@
+<!--
+  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.
+-->
+<!-- saved from url=(0014)about:internet -->
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+<title>FileSystemTree.mxml</title>
+<link rel="stylesheet" type="text/css" href="../SourceStyles.css"/>
+</head>
+
+<body><pre><span class="MXMLProcessing_Instruction">&lt;?xml version="1.0" encoding="utf-8"?&gt;</span> 
+<span class="MXMLComponent_Tag">&lt;s:WindowedApplication</span><span class="MXMLDefault_Text"> xmlns:fx="</span><span class="MXMLString">http://ns.adobe.com/mxml/2009</span><span class="MXMLDefault_Text">" 
+                       xmlns:s="</span><span class="MXMLString">library://ns.adobe.com/flex/spark</span><span class="MXMLDefault_Text">" 
+                       xmlns:mx="</span><span class="MXMLString">library://ns.adobe.com/flex/mx</span><span class="MXMLDefault_Text">" 
+                       backgroundColor="</span><span class="MXMLString">#323232</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>    
+    <span class="MXMLSpecial_Tag">&lt;fx:Script&gt;</span>
+        &lt;![CDATA[
+            <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">mx</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">events</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">FileEvent</span>;
+            
+            <span class="ActionScriptReserved">private</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">onChooseFile</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">e</span>:<span class="ActionScriptDefault_Text">FileEvent</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span> <span class="ActionScriptBracket/Brace">{</span>
+                <span class="ActionScriptDefault_Text">output</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">e</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">file</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">name</span>;
+            <span class="ActionScriptBracket/Brace">}</span>
+            
+        <span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptOperator">&gt;</span>
+    <span class="MXMLSpecial_Tag">&lt;/fx:Script&gt;</span>
+    <span class="MXMLComponent_Tag">&lt;s:VGroup</span><span class="MXMLDefault_Text"> horizontalCenter="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">" paddingTop="</span><span class="MXMLString">5</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;s:Label</span><span class="MXMLDefault_Text"> color="</span><span class="MXMLString">white</span><span class="MXMLDefault_Text">" text="</span><span class="MXMLString">Choose a file (double-click):</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;mx:FileSystemTree</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">fileList</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">400</span><span class="MXMLDefault_Text">" fileChoose="</span><span class="ActionScriptDefault_Text">onChooseFile</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">event</span><span class="ActionScriptBracket/Brace">)</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span> 
+        <span class="MXMLComponent_Tag">&lt;s:TextInput</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">output</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">400</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+    <span class="MXMLComponent_Tag">&lt;/s:VGroup&gt;</span>
+<span class="MXMLComponent_Tag">&lt;/s:WindowedApplication&gt;</span></pre></body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR/Components/FileSystemTree/FileSystemTree.png
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR/Components/FileSystemTree/FileSystemTree.png b/TourDeFlex/TourDeFlex/src/objects/AIR/Components/FileSystemTree/FileSystemTree.png
new file mode 100644
index 0000000..1d6eff6
Binary files /dev/null and b/TourDeFlex/TourDeFlex/src/objects/AIR/Components/FileSystemTree/FileSystemTree.png differ

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR/Components/HTML/HTML.png
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR/Components/HTML/HTML.png b/TourDeFlex/TourDeFlex/src/objects/AIR/Components/HTML/HTML.png
new file mode 100644
index 0000000..33ffed7
Binary files /dev/null and b/TourDeFlex/TourDeFlex/src/objects/AIR/Components/HTML/HTML.png differ

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR/Components/HTML/html1.mxml.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR/Components/HTML/html1.mxml.html b/TourDeFlex/TourDeFlex/src/objects/AIR/Components/HTML/html1.mxml.html
new file mode 100644
index 0000000..eb748c5
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR/Components/HTML/html1.mxml.html
@@ -0,0 +1,49 @@
+<!--
+  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.
+-->
+<!-- saved from url=(0014)about:internet -->
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+<title>html1.mxml</title>
+<link rel="stylesheet" type="text/css" href="../SourceStyles.css"/>
+</head>
+
+<body><pre><span class="MXMLProcessing_Instruction">&lt;?xml version="1.0" encoding="utf-8"?&gt;</span>
+<span class="MXMLComponent_Tag">&lt;s:WindowedApplication</span><span class="MXMLDefault_Text"> xmlns:fx="</span><span class="MXMLString">http://ns.adobe.com/mxml/2009</span><span class="MXMLDefault_Text">" 
+                       xmlns:s="</span><span class="MXMLString">library://ns.adobe.com/flex/spark</span><span class="MXMLDefault_Text">" 
+                       xmlns:mx="</span><span class="MXMLString">library://ns.adobe.com/flex/mx</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" height="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">"
+                       backgroundColor="</span><span class="MXMLString">#323232</span><span class="MXMLDefault_Text">" creationComplete="</span><span class="ActionScriptDefault_Text">init</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>    
+
+    <span class="MXMLSpecial_Tag">&lt;fx:Script&gt;</span>
+        &lt;![CDATA[
+            <span class="ActionScriptReserved">private</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">init</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span> <span class="ActionScriptBracket/Brace">{</span>
+                <span class="ActionScriptDefault_Text">minibrowser</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">location</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptString">"http://maps.google.com/maps?f=q&amp;hl=en&amp;geocode=&amp;q=345+Park+Ave,+San+Jose,+CA+95110&amp;sll=37.0625,-95.677068&amp;sspn=40.409448,93.164063&amp;ie=UTF8&amp;ll=37.331014,-121.893611&amp;spn=0.001241,0.002843&amp;t=h&amp;z=19"</span>;
+            <span class="ActionScriptBracket/Brace">}</span>
+        <span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptOperator">&gt;</span>
+    <span class="MXMLSpecial_Tag">&lt;/fx:Script&gt;</span>
+    <span class="MXMLComponent_Tag">&lt;s:HGroup</span><span class="MXMLDefault_Text"> width="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" paddingTop="</span><span class="MXMLString">5</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;s:Button</span><span class="MXMLDefault_Text"> label="</span><span class="MXMLString">&amp;lt;</span><span class="MXMLDefault_Text">" click="</span><span class="ActionScriptDefault_Text">minibrowser</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">historyBack</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;s:Button</span><span class="MXMLDefault_Text"> label="</span><span class="MXMLString">&amp;gt;</span><span class="MXMLDefault_Text">" click="</span><span class="ActionScriptDefault_Text">minibrowser</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">historyForward</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;s:Button</span><span class="MXMLDefault_Text"> label="</span><span class="MXMLString">Reload</span><span class="MXMLDefault_Text">" click="</span><span class="ActionScriptDefault_Text">minibrowser</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">reload</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;s:TextInput</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">loc</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" enter="</span><span class="ActionScriptDefault_Text">minibrowser</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">location</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">loc</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span><span class="MXMLDefault_Text">" text="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">minibrowser</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">location</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;s:Button</span><span class="MXMLDefault_Text"> label="</span><span class="MXMLString">Go</span><span class="MXMLDefault_Text">" click="</span><span class="ActionScriptDefault_Text">minibrowser</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">location</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">loc</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+    <span class="MXMLComponent_Tag">&lt;/s:HGroup&gt;</span>
+    <span class="MXMLComment">&lt;!--</span><span class="MXMLComment"> Create an HTML control at 50% scale </span><span class="MXMLComment">--&gt;</span>
+    <span class="MXMLComponent_Tag">&lt;mx:HTML</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">minibrowser</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" height="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" scaleX="</span><span class="MXMLString">0.5</span><span class="MXMLDefault_Text">" scaleY="</span><span class="MXMLString">0.5</span><span class="MXMLDefault_Text">" </span><span class="MXMLComponent_Tag">/&gt;</span>
+<span class="MXMLComponent_Tag">&lt;/s:WindowedApplication&gt;</span></pre></body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR/Components/HTML/html2.mxml.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR/Components/HTML/html2.mxml.html b/TourDeFlex/TourDeFlex/src/objects/AIR/Components/HTML/html2.mxml.html
new file mode 100644
index 0000000..2194735
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR/Components/HTML/html2.mxml.html
@@ -0,0 +1,42 @@
+<!--
+  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.
+-->
+<!-- saved from url=(0014)about:internet -->
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+<title>html2.mxml</title>
+<link rel="stylesheet" type="text/css" href="../SourceStyles.css"/>
+</head>
+
+<body><pre><span class="MXMLProcessing_Instruction">&lt;?xml version="1.0" encoding="utf-8"?&gt;</span>
+<span class="MXMLComponent_Tag">&lt;s:WindowedApplication</span><span class="MXMLDefault_Text"> xmlns:fx="</span><span class="MXMLString">http://ns.adobe.com/mxml/2009</span><span class="MXMLDefault_Text">" 
+                       xmlns:s="</span><span class="MXMLString">library://ns.adobe.com/flex/spark</span><span class="MXMLDefault_Text">" 
+                       xmlns:mx="</span><span class="MXMLString">library://ns.adobe.com/flex/mx</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" height="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">"
+                       backgroundColor="</span><span class="MXMLString">#323232</span><span class="MXMLDefault_Text">" creationComplete="</span><span class="ActionScriptDefault_Text">init</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>    
+    <span class="MXMLSpecial_Tag">&lt;fx:Script&gt;</span>
+        &lt;![CDATA[
+            <span class="ActionScriptReserved">private</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">init</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span> <span class="ActionScriptBracket/Brace">{</span>
+                <span class="ActionScriptDefault_Text">ht</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">htmlText</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptString">"&lt;H1 align='center'&gt;Header&lt;/H1&gt;&lt;UL&gt;&lt;LI&gt;Item 1&lt;/LI&gt;&lt;LI&gt;Item 2&lt;/LI&gt;&lt;/UL&gt;&lt;CENTER&gt;&lt;IMG src='http://gregorywilson.smugmug.com/photos/382432334_9sWgB-Th-1.jpg'&gt;&lt;/CENTER&gt;"</span>;
+            <span class="ActionScriptBracket/Brace">}</span>
+        <span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptOperator">&gt;</span>
+    <span class="MXMLSpecial_Tag">&lt;/fx:Script&gt;</span>
+    <span class="MXMLComponent_Tag">&lt;s:VGroup</span><span class="MXMLDefault_Text"> verticalAlign="</span><span class="MXMLString">middle</span><span class="MXMLDefault_Text">" horizontalAlign="</span><span class="MXMLString">center</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" height="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;mx:HTML</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">ht</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">300</span><span class="MXMLDefault_Text">" height="</span><span class="MXMLString">240</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+    <span class="MXMLComponent_Tag">&lt;/s:VGroup&gt;</span>
+<span class="MXMLComponent_Tag">&lt;/s:WindowedApplication&gt;</span></pre></body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR/Components/HTML/html3.mxml.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR/Components/HTML/html3.mxml.html b/TourDeFlex/TourDeFlex/src/objects/AIR/Components/HTML/html3.mxml.html
new file mode 100644
index 0000000..02b1fe5
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR/Components/HTML/html3.mxml.html
@@ -0,0 +1,41 @@
+<!--
+  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.
+-->
+<!-- saved from url=(0014)about:internet -->
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+<title>html3.mxml</title>
+<link rel="stylesheet" type="text/css" href="../SourceStyles.css"/>
+</head>
+
+<body><pre><span class="MXMLProcessing_Instruction">&lt;?xml version="1.0" encoding="utf-8"?&gt;</span>
+<span class="MXMLComponent_Tag">&lt;s:WindowedApplication</span><span class="MXMLDefault_Text"> xmlns:fx="</span><span class="MXMLString">http://ns.adobe.com/mxml/2009</span><span class="MXMLDefault_Text">" 
+                       xmlns:s="</span><span class="MXMLString">library://ns.adobe.com/flex/spark</span><span class="MXMLDefault_Text">" 
+                       xmlns:mx="</span><span class="MXMLString">library://ns.adobe.com/flex/mx</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" height="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">"
+                       backgroundColor="</span><span class="MXMLString">#323232</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>    
+
+    <span class="MXMLComponent_Tag">&lt;s:VGroup</span><span class="MXMLDefault_Text"> width="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" height="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" verticalAlign="</span><span class="MXMLString">middle</span><span class="MXMLDefault_Text">" horizontalAlign="</span><span class="MXMLString">center</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;s:HGroup</span><span class="MXMLDefault_Text"> width="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" paddingTop="</span><span class="MXMLString">5</span><span class="MXMLDefault_Text">" horizontalAlign="</span><span class="MXMLString">center</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;s:Button</span><span class="MXMLDefault_Text"> label="</span><span class="MXMLString">Programming Flex 3</span><span class="MXMLDefault_Text">" click="</span><span class="ActionScriptDefault_Text">ht</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">location</span><span class="ActionScriptOperator">=</span><span class="ActionScriptString">'http://oreilly.com/catalog/9780596516215/index.html'</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;s:Button</span><span class="MXMLDefault_Text"> label="</span><span class="MXMLString">Learning Flex 3</span><span class="MXMLDefault_Text">"    click="</span><span class="ActionScriptDefault_Text">ht</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">location</span><span class="ActionScriptOperator">=</span><span class="ActionScriptString">'http://oreilly.com/catalog/9780596517328/index.html'</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;s:Button</span><span class="MXMLDefault_Text"> label="</span><span class="MXMLString">Adobe AIR Cookbook</span><span class="MXMLDefault_Text">" click="</span><span class="ActionScriptDefault_Text">ht</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">location</span><span class="ActionScriptOperator">=</span><span class="ActionScriptString">'http://oreilly.com/catalog/9780596522506/index.html'</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;/s:HGroup&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;mx:HTML</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">ht</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" height="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">"  htmlText="</span><span class="MXMLString">&amp;lt;H1 align='center'&amp;gt;Choose a book&amp;lt;/H1&amp;gt;</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+    <span class="MXMLComponent_Tag">&lt;/s:VGroup&gt;</span>
+<span class="MXMLComponent_Tag">&lt;/s:WindowedApplication&gt;</span></pre></body>
+</html>


[25/51] [partial] Merged TourDeFlex release from develop

Posted by jm...@apache.org.
http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR20/MassStorageDeviceDetection/TDFPanelSkin.mxml.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR20/MassStorageDeviceDetection/TDFPanelSkin.mxml.html b/TourDeFlex/TourDeFlex/src/objects/AIR20/MassStorageDeviceDetection/TDFPanelSkin.mxml.html
new file mode 100644
index 0000000..df79d11
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR20/MassStorageDeviceDetection/TDFPanelSkin.mxml.html
@@ -0,0 +1,147 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+<head>
+  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+  <meta http-equiv="Content-Style-Type" content="text/css">
+  <title>TDFPanelSkin.mxml</title>
+  <meta name="Generator" content="Cocoa HTML Writer">
+  <meta name="CocoaVersion" content="1187.4">
+  <style type="text/css">
+    p.p1 {margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Courier}
+    p.p2 {margin: 0.0px 0.0px 0.0px 0.0px; font: 11.0px Monaco; color: #941100}
+    p.p3 {margin: 0.0px 0.0px 0.0px 0.0px; font: 11.0px Monaco; min-height: 15.0px}
+    p.p4 {margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Courier; min-height: 14.0px}
+  </style>
+</head>
+<body>
+<p class="p1">&lt;?xml version="1.0" encoding="utf-8"?&gt;</p>
+<p class="p2">&lt;!--</p>
+<p class="p3"><br></p>
+<p class="p2">Licensed to the Apache Software Foundation (ASF) under one or more</p>
+<p class="p2">contributor license agreements.<span class="Apple-converted-space">  </span>See the NOTICE file distributed with</p>
+<p class="p2">this work for additional information regarding copyright ownership.</p>
+<p class="p2">The ASF licenses this file to You under the Apache License, Version 2.0</p>
+<p class="p2">(the "License"); you may not use this file except in compliance with</p>
+<p class="p2">the License.<span class="Apple-converted-space">  </span>You may obtain a copy of the License at</p>
+<p class="p3"><br></p>
+<p class="p2">http://www.apache.org/licenses/LICENSE-2.0</p>
+<p class="p3"><br></p>
+<p class="p2">Unless required by applicable law or agreed to in writing, software</p>
+<p class="p2">distributed under the License is distributed on an "AS IS" BASIS,</p>
+<p class="p2">WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.</p>
+<p class="p2">See the License for the specific language governing permissions and</p>
+<p class="p2">limitations under the License.</p>
+<p class="p3"><br></p>
+<p class="p2">--&gt;</p>
+<p class="p4"><br></p>
+<p class="p1">&lt;s:Skin xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark"<span class="Apple-converted-space"> </span></p>
+<p class="p1"><span class="Apple-converted-space">        </span>alpha.disabled="0.5" minWidth="131" minHeight="127"&gt;</p>
+<p class="p4"><span class="Apple-converted-space">    </span></p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;fx:Metadata&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>[HostComponent("spark.components.Panel")]</p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;/fx:Metadata&gt;<span class="Apple-converted-space"> </span></p>
+<p class="p4"><span class="Apple-converted-space">    </span></p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;s:states&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:State name="normal" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:State name="disabled" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:State name="normalWithControlBar" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:State name="disabledWithControlBar" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;/s:states&gt;</p>
+<p class="p4"><span class="Apple-converted-space">    </span></p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;!-- drop shadow --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;s:Rect left="0" top="0" right="0" bottom="0"&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:filters&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:DropShadowFilter blurX="15" blurY="15" alpha="0.18" distance="11" angle="90" knockout="true" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;/s:filters&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:SolidColor color="0" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;/s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;/s:Rect&gt;</p>
+<p class="p4"><span class="Apple-converted-space">    </span></p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;!-- layer 1: border --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;s:Rect left="0" right="0" top="0" bottom="0"&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:stroke&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:SolidColorStroke color="0" alpha="0.50" weight="1" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;/s:stroke&gt;</p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;/s:Rect&gt;</p>
+<p class="p4"><span class="Apple-converted-space">    </span></p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;!-- layer 2: background fill --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;s:Rect left="0" right="0" bottom="0" height="15"&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:LinearGradient rotation="90"&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;s:GradientEntry color="0xE2E2E2" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;s:GradientEntry color="0x000000" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;/s:LinearGradient&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;/s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;/s:Rect&gt;</p>
+<p class="p4"><span class="Apple-converted-space">    </span></p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;!-- layer 3: contents --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;s:Group left="1" right="1" top="1" bottom="1" &gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:layout&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:VerticalLayout gap="0" horizontalAlign="justify" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;/s:layout&gt;</p>
+<p class="p4"><span class="Apple-converted-space">        </span></p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:Group id="topGroup" &gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;!-- layer 0: title bar fill --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;!-- Note: We have custom skinned the title bar to be solid black for Tour de Flex --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:Rect id="tbFill" left="0" right="0" top="0" bottom="1" &gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                    </span>&lt;s:SolidColor color="0x000000" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;/s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;/s:Rect&gt;</p>
+<p class="p4"><span class="Apple-converted-space">            </span></p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;!-- layer 1: title bar highlight --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:Rect id="tbHilite" left="0" right="0" top="0" bottom="0" &gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;s:stroke&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                    </span>&lt;s:LinearGradientStroke rotation="90" weight="1"&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                        </span>&lt;s:GradientEntry color="0xEAEAEA" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                        </span>&lt;s:GradientEntry color="0xD9D9D9" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                    </span>&lt;/s:LinearGradientStroke&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;/s:stroke&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;/s:Rect&gt;</p>
+<p class="p4"><span class="Apple-converted-space">            </span></p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;!-- layer 2: title bar divider --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:Rect id="tbDiv" left="0" right="0" height="1" bottom="0"&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                    </span>&lt;s:SolidColor color="0xC0C0C0" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;/s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;/s:Rect&gt;</p>
+<p class="p4"><span class="Apple-converted-space">            </span></p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;!-- layer 3: text --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:Label id="titleDisplay" maxDisplayedLines="1"</p>
+<p class="p1"><span class="Apple-converted-space">                     </span>left="9" right="3" top="1" minHeight="30"</p>
+<p class="p1"><span class="Apple-converted-space">                     </span>verticalAlign="middle" fontWeight="bold" color="#E2E2E2"&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;/s:Label&gt;</p>
+<p class="p4"><span class="Apple-converted-space">            </span></p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;/s:Group&gt;</p>
+<p class="p4"><span class="Apple-converted-space">        </span></p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:Group id="contentGroup" width="100%" height="100%" minWidth="0" minHeight="0"&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;/s:Group&gt;</p>
+<p class="p4"><span class="Apple-converted-space">        </span></p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:Group id="bottomGroup" minWidth="0" minHeight="0"</p>
+<p class="p1"><span class="Apple-converted-space">                 </span>includeIn="normalWithControlBar, disabledWithControlBar" &gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;!-- layer 0: control bar background --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:Rect left="0" right="0" bottom="0" top="1" &gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                    </span>&lt;s:SolidColor color="0xE2EdF7" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;/s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;/s:Rect&gt;</p>
+<p class="p4"><span class="Apple-converted-space">            </span></p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;!-- layer 1: control bar divider line --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:Rect left="0" right="0" top="0" height="1" &gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                    </span>&lt;s:SolidColor color="0xD1E0F2" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;/s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;/s:Rect&gt;</p>
+<p class="p4"><span class="Apple-converted-space">            </span></p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;!-- layer 2: control bar --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:Group id="controlBarGroup" left="0" right="0" top="1" bottom="1" minWidth="0" minHeight="0"&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;s:layout&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                    </span>&lt;s:HorizontalLayout paddingLeft="10" paddingRight="10" paddingTop="7" paddingBottom="7" gap="10" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;/s:layout&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;/s:Group&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;/s:Group&gt;</p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;/s:Group&gt;</p>
+<p class="p1">&lt;/s:Skin&gt;</p>
+</body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR20/MassStorageDeviceDetection/sample.mxml.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR20/MassStorageDeviceDetection/sample.mxml.html b/TourDeFlex/TourDeFlex/src/objects/AIR20/MassStorageDeviceDetection/sample.mxml.html
new file mode 100644
index 0000000..eb70d50
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR20/MassStorageDeviceDetection/sample.mxml.html
@@ -0,0 +1,108 @@
+<!--
+  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.
+-->
+<!-- saved from url=(0014)about:internet -->
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+<title>sample.mxml</title>
+<link rel="stylesheet" type="text/css" href="../SourceStyles.css"/>
+</head>
+
+<body><pre><span class="MXMLProcessing_Instruction">&lt;?xml version="1.0" encoding="utf-8"?&gt;</span>
+<span class="MXMLComponent_Tag">&lt;s:WindowedApplication</span><span class="MXMLDefault_Text"> xmlns:fx="</span><span class="MXMLString">http://ns.adobe.com/mxml/2009</span><span class="MXMLDefault_Text">" 
+                       xmlns:s="</span><span class="MXMLString">library://ns.adobe.com/flex/spark</span><span class="MXMLDefault_Text">" 
+                       xmlns:mx="</span><span class="MXMLString">library://ns.adobe.com/flex/mx</span><span class="MXMLDefault_Text">" 
+                       styleName="</span><span class="MXMLString">plain</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" height="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" creationComplete="</span><span class="ActionScriptDefault_Text">init</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+    <span class="MXMLSpecial_Tag">&lt;fx:Script&gt;</span>
+        &lt;![CDATA[
+            <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">flash</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">events</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">StorageVolumeChangeEvent</span>;
+            <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">mx</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">controls</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">Alert</span>;
+            
+            <span class="ActionScriptBracket/Brace">[</span><span class="ActionScriptMetadata">Bindable</span><span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptReserved">private</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">rootDir</span>:<span class="ActionScriptDefault_Text">File</span>;
+            
+            <span class="ActionScriptBracket/Brace">[</span><span class="ActionScriptMetadata">Bindable</span><span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptReserved">private</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">path</span>:<span class="ActionScriptDefault_Text">String</span>;
+            
+            <span class="ActionScriptReserved">private</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">init</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
+            <span class="ActionScriptBracket/Brace">{</span>
+                <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">StorageVolumeInfo</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">isSupported</span><span class="ActionScriptBracket/Brace">)</span>
+                <span class="ActionScriptBracket/Brace">{</span>
+                    <span class="ActionScriptDefault_Text">StorageVolumeInfo</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">storageVolumeInfo</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">addEventListener</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">StorageVolumeChangeEvent</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">STORAGE_VOLUME_MOUNT</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">onVolumeMount</span><span class="ActionScriptBracket/Brace">)</span>;
+                    <span class="ActionScriptDefault_Text">StorageVolumeInfo</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">storageVolumeInfo</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">addEventListener</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">StorageVolumeChangeEvent</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">STORAGE_VOLUME_UNMOUNT</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">onVolumeUnmount</span><span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptBracket/Brace">}</span>
+                <span class="ActionScriptReserved">else</span> <span class="ActionScriptDefault_Text">Alert</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">show</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">"AIR 2 storage detection is not supported."</span><span class="ActionScriptBracket/Brace">)</span>;
+            <span class="ActionScriptBracket/Brace">}</span>
+            
+            <span class="ActionScriptReserved">private</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">onVolumeMount</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">e</span>:<span class="ActionScriptDefault_Text">StorageVolumeChangeEvent</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
+            <span class="ActionScriptBracket/Brace">{</span>
+                <span class="ActionScriptReserved">this</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">deviceName</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">e</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">storageVolume</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">name</span>;
+                <span class="ActionScriptReserved">this</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">fileSystemType</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">e</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">storageVolume</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">fileSystemType</span>;
+                <span class="ActionScriptReserved">this</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">isRemovable</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">selected</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">e</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">storageVolume</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">isRemovable</span>;
+                <span class="ActionScriptReserved">this</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">isWritable</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">selected</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">e</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">storageVolume</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">isWritable</span>;
+                <span class="ActionScriptDefault_Text">rootDir</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">e</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">storageVolume</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">rootDirectory</span>;
+                <span class="ActionScriptDefault_Text">path</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">rootDir</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">nativePath</span>;
+            <span class="ActionScriptBracket/Brace">}</span>
+            
+            <span class="ActionScriptReserved">private</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">onVolumeUnmount</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">e</span>:<span class="ActionScriptDefault_Text">StorageVolumeChangeEvent</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
+            <span class="ActionScriptBracket/Brace">{</span>
+                <span class="ActionScripttrace">trace</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">"Storage Volume unmount."</span><span class="ActionScriptBracket/Brace">)</span>;
+            <span class="ActionScriptBracket/Brace">}</span>
+            
+            <span class="ActionScriptReserved">private</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">fileGridHandler</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">event</span>:<span class="ActionScriptDefault_Text">MouseEvent</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
+            <span class="ActionScriptBracket/Brace">{</span>
+                <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">fsg</span>:<span class="ActionScriptDefault_Text">FileSystemDataGrid</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">event</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">currentTarget</span> <span class="ActionScriptReserved">as</span> <span class="ActionScriptDefault_Text">FileSystemDataGrid</span>;
+                <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">fsg</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">selectedItem</span> <span class="ActionScriptOperator">!=</span> <span class="ActionScriptReserved">null</span><span class="ActionScriptBracket/Brace">)</span>
+                    <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">fsg</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">selectedItem</span> <span class="ActionScriptReserved">as</span> <span class="ActionScriptDefault_Text">File</span><span class="ActionScriptBracket/Brace">)</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">openWithDefaultApplication</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
+            <span class="ActionScriptBracket/Brace">}</span>
+        <span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptOperator">&gt;</span>
+    <span class="MXMLSpecial_Tag">&lt;/fx:Script&gt;</span>
+    
+    <span class="MXMLComponent_Tag">&lt;s:Panel</span><span class="MXMLDefault_Text"> width="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" height="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" horizontalCenter="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">"
+             title="</span><span class="MXMLString">Mass Storage Device Detection Sample</span><span class="MXMLDefault_Text">" skinClass="</span><span class="MXMLString">skins.TDFPanelSkin</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+        
+        <span class="MXMLComponent_Tag">&lt;s:layout&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;s:VerticalLayout</span><span class="MXMLDefault_Text"> paddingLeft="</span><span class="MXMLString">7</span><span class="MXMLDefault_Text">" paddingTop="</span><span class="MXMLString">7</span><span class="MXMLDefault_Text">" paddingBottom="</span><span class="MXMLString">7</span><span class="MXMLDefault_Text">" paddingRight="</span><span class="MXMLString">7</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;/s:layout&gt;</span>
+        
+        <span class="MXMLComponent_Tag">&lt;s:HGroup</span><span class="MXMLDefault_Text"> verticalAlign="</span><span class="MXMLString">middle</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;s:Label</span><span class="MXMLDefault_Text"> text="</span><span class="MXMLString">Storage Volume Info</span><span class="MXMLDefault_Text">" fontSize="</span><span class="MXMLString">14</span><span class="MXMLDefault_Text">" fontWeight="</span><span class="MXMLString">bold</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;mx:Spacer</span><span class="MXMLDefault_Text"> width="</span><span class="MXMLString">70</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;s:Label</span><span class="MXMLDefault_Text"> text="</span><span class="MXMLString">Plug in a storage device to detect general information and contents of the device.</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;/s:HGroup&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;s:HGroup</span><span class="MXMLDefault_Text"> verticalAlign="</span><span class="MXMLString">middle</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;s:Label</span><span class="MXMLDefault_Text"> text="</span><span class="MXMLString">Name:</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;s:Label</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">deviceName</span><span class="MXMLDefault_Text">" color="</span><span class="MXMLString">0x336699</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;s:Label</span><span class="MXMLDefault_Text"> text="</span><span class="MXMLString">File System Type:</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;s:Label</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">fileSystemType</span><span class="MXMLDefault_Text">" color="</span><span class="MXMLString">0x336699</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;/s:HGroup&gt;</span>
+        
+        <span class="MXMLComponent_Tag">&lt;s:Label</span><span class="MXMLDefault_Text"> text="</span><span class="MXMLString">Contents of {</span><span class="ActionScriptDefault_Text">path</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">" fontWeight="</span><span class="MXMLString">bold</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+        
+        <span class="MXMLComponent_Tag">&lt;mx:FileSystemDataGrid</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">fileGrid</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">660</span><span class="MXMLDefault_Text">" height="</span><span class="MXMLString">100</span><span class="MXMLDefault_Text">" directory="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">rootDir</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">" 
+                               doubleClickEnabled="</span><span class="MXMLString">true</span><span class="MXMLDefault_Text">" doubleClick="</span><span class="ActionScriptDefault_Text">fileGridHandler</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">event</span><span class="ActionScriptBracket/Brace">)</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;/mx:FileSystemDataGrid&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;s:HGroup</span><span class="MXMLDefault_Text"> right="</span><span class="MXMLString">20</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;mx:Button</span><span class="MXMLDefault_Text"> icon="</span><span class="MXMLString">@Embed(source='up.png')</span><span class="MXMLDefault_Text">" click="</span><span class="ActionScriptDefault_Text">fileGrid</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">navigateUp</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;<span class="MXMLDefault_Text">"
+                       enabled="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">fileGrid</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">canNavigateUp</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;mx:Spacer</span><span class="MXMLDefault_Text"> width="</span><span class="MXMLString">330</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;s:CheckBox</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">isRemovable</span><span class="MXMLDefault_Text">" label="</span><span class="MXMLString">Removable Device?</span><span class="MXMLDefault_Text">" enabled="</span><span class="MXMLString">false</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;s:CheckBox</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">isWritable</span><span class="MXMLDefault_Text">" label="</span><span class="MXMLString">Writable Device?</span><span class="MXMLDefault_Text">" enabled="</span><span class="MXMLString">false</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>    
+        <span class="MXMLComponent_Tag">&lt;/s:HGroup&gt;</span>    
+    <span class="MXMLComponent_Tag">&lt;/s:Panel&gt;</span>
+    
+<span class="MXMLComponent_Tag">&lt;/s:WindowedApplication&gt;</span></pre></body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR20/MassStorageDeviceDetection/srcview/Sample-AIR2-MassStorageDeviceDetection/src/sample-app.xml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR20/MassStorageDeviceDetection/srcview/Sample-AIR2-MassStorageDeviceDetection/src/sample-app.xml b/TourDeFlex/TourDeFlex/src/objects/AIR20/MassStorageDeviceDetection/srcview/Sample-AIR2-MassStorageDeviceDetection/src/sample-app.xml
new file mode 100755
index 0000000..095319c
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR20/MassStorageDeviceDetection/srcview/Sample-AIR2-MassStorageDeviceDetection/src/sample-app.xml
@@ -0,0 +1,153 @@
+<?xml version="1.0" encoding="utf-8" standalone="no"?>
+<!--
+
+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.
+
+-->
+<application xmlns="http://ns.adobe.com/air/application/2.0">
+
+<!-- Adobe AIR Application Descriptor File Template.
+
+	Specifies parameters for identifying, installing, and launching AIR applications.
+
+	xmlns - The Adobe AIR namespace: http://ns.adobe.com/air/application/2.0beta
+			The last segment of the namespace specifies the version 
+			of the AIR runtime required for this application to run.
+			
+	minimumPatchLevel - The minimum patch level of the AIR runtime required to run 
+			the application. Optional.
+-->
+
+	<!-- The application identifier string, unique to this application. Required. -->
+	<id>sample</id>
+
+	<!-- Used as the filename for the application. Required. -->
+	<filename>Mass Storage Device Detection</filename>
+
+	<!-- The name that is displayed in the AIR application installer. 
+	     May have multiple values for each language. See samples or xsd schema file. Optional. -->
+	<name>Mass Storage Device Detection</name>
+
+	<!-- An application version designator (such as "v1", "2.5", or "Alpha 1"). Required. -->
+	<version>v1</version>
+
+	<!-- Description, displayed in the AIR application installer.
+	     May have multiple values for each language. See samples or xsd schema file. Optional. -->
+	<!-- <description></description> -->
+
+	<!-- Copyright information. Optional -->
+	<!-- <copyright></copyright> -->
+
+	<!-- Settings for the application's initial window. Required. -->
+	<initialWindow>
+		<!-- The main SWF or HTML file of the application. Required. -->
+		<!-- Note: In Flash Builder, the SWF reference is set automatically. -->
+		<content>[This value will be overwritten by Flash Builder in the output app.xml]</content>
+		
+		<!-- The title of the main window. Optional. -->
+		<!-- <title></title> -->
+
+		<!-- The type of system chrome to use (either "standard" or "none"). Optional. Default standard. -->
+		<!-- <systemChrome></systemChrome> -->
+
+		<!-- Whether the window is transparent. Only applicable when systemChrome is none. Optional. Default false. -->
+		<!-- <transparent></transparent> -->
+
+		<!-- Whether the window is initially visible. Optional. Default false. -->
+		<!-- <visible></visible> -->
+
+		<!-- Whether the user can minimize the window. Optional. Default true. -->
+		<!-- <minimizable></minimizable> -->
+
+		<!-- Whether the user can maximize the window. Optional. Default true. -->
+		<!-- <maximizable></maximizable> -->
+
+		<!-- Whether the user can resize the window. Optional. Default true. -->
+		<!-- <resizable></resizable> -->
+
+		<!-- The window's initial width in pixels. Optional. -->
+		<!-- <width></width> -->
+
+		<!-- The window's initial height in pixels. Optional. -->
+		<!-- <height></height> -->
+
+		<!-- The window's initial x position. Optional. -->
+		<!-- <x></x> -->
+
+		<!-- The window's initial y position. Optional. -->
+		<!-- <y></y> -->
+
+		<!-- The window's minimum size, specified as a width/height pair in pixels, such as "400 200". Optional. -->
+		<!-- <minSize></minSize> -->
+
+		<!-- The window's initial maximum size, specified as a width/height pair in pixels, such as "1600 1200". Optional. -->
+		<!-- <maxSize></maxSize> -->
+	</initialWindow>
+
+	<!-- The subpath of the standard default installation location to use. Optional. -->
+	<!-- <installFolder></installFolder> -->
+
+	<!-- The subpath of the Programs menu to use. (Ignored on operating systems without a Programs menu.) Optional. -->
+	<!-- <programMenuFolder></programMenuFolder> -->
+
+	<!-- The icon the system uses for the application. For at least one resolution,
+		 specify the path to a PNG file included in the AIR package. Optional. -->
+	<!-- <icon>
+		<image16x16></image16x16>
+		<image32x32></image32x32>
+		<image48x48></image48x48>
+		<image128x128></image128x128>
+	</icon> -->
+
+	<!-- Whether the application handles the update when a user double-clicks an update version
+	of the AIR file (true), or the default AIR application installer handles the update (false).
+	Optional. Default false. -->
+	<!-- <customUpdateUI></customUpdateUI> -->
+	
+	<!-- Whether the application can be launched when the user clicks a link in a web browser.
+	Optional. Default false. -->
+	<!-- <allowBrowserInvocation></allowBrowserInvocation> -->
+
+	<!-- Listing of file types for which the application can register. Optional. -->
+	<!-- <fileTypes> -->
+
+		<!-- Defines one file type. Optional. -->
+		<!-- <fileType> -->
+
+			<!-- The name that the system displays for the registered file type. Required. -->
+			<!-- <name></name> -->
+
+			<!-- The extension to register. Required. -->
+			<!-- <extension></extension> -->
+			
+			<!-- The description of the file type. Optional. -->
+			<!-- <description></description> -->
+			
+			<!-- The MIME content type. -->
+			<!-- <contentType></contentType> -->
+			
+			<!-- The icon to display for the file type. Optional. -->
+			<!-- <icon>
+				<image16x16></image16x16>
+				<image32x32></image32x32>
+				<image48x48></image48x48>
+				<image128x128></image128x128>
+			</icon> -->
+			
+		<!-- </fileType> -->
+	<!-- </fileTypes> -->
+
+</application>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR20/MassStorageDeviceDetection/srcview/Sample-AIR2-MassStorageDeviceDetection/src/sample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR20/MassStorageDeviceDetection/srcview/Sample-AIR2-MassStorageDeviceDetection/src/sample.mxml b/TourDeFlex/TourDeFlex/src/objects/AIR20/MassStorageDeviceDetection/srcview/Sample-AIR2-MassStorageDeviceDetection/src/sample.mxml
new file mode 100644
index 0000000..85b3896
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR20/MassStorageDeviceDetection/srcview/Sample-AIR2-MassStorageDeviceDetection/src/sample.mxml
@@ -0,0 +1,102 @@
+<?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.
+
+-->
+<mx:Module xmlns:fx="http://ns.adobe.com/mxml/2009" 
+					   xmlns:s="library://ns.adobe.com/flex/spark" 
+					   xmlns:mx="library://ns.adobe.com/flex/mx" 
+					   styleName="plain" width="100%" height="100%" creationComplete="init()">
+	<fx:Script>
+		<![CDATA[
+			import flash.events.StorageVolumeChangeEvent;
+			import mx.controls.Alert;
+			
+			[Bindable]
+			private var rootDir:File;
+			
+			[Bindable]
+			private var path:String;
+			
+			private function init():void
+			{
+				if (StorageVolumeInfo.isSupported)
+				{
+					StorageVolumeInfo.storageVolumeInfo.addEventListener(StorageVolumeChangeEvent.STORAGE_VOLUME_MOUNT, onVolumeMount);
+					StorageVolumeInfo.storageVolumeInfo.addEventListener(StorageVolumeChangeEvent.STORAGE_VOLUME_UNMOUNT, onVolumeUnmount);
+				}
+				else Alert.show("AIR 2 storage detection is not supported.");
+			}
+			
+			private function onVolumeMount(e:StorageVolumeChangeEvent):void
+			{
+				this.deviceName.text = e.storageVolume.name;
+				this.fileSystemType.text = e.storageVolume.fileSystemType;
+				this.isRemovable.selected = e.storageVolume.isRemovable;
+				this.isWritable.selected = e.storageVolume.isWritable;
+				rootDir = e.storageVolume.rootDirectory;
+				path = rootDir.nativePath;
+			}
+			
+			private function onVolumeUnmount(e:StorageVolumeChangeEvent):void
+			{
+				trace("Storage Volume unmount.");
+			}
+			
+			private function fileGridHandler(event:MouseEvent):void
+			{
+				var fsg:FileSystemDataGrid = event.currentTarget as FileSystemDataGrid;
+				if (fsg.selectedItem != null)
+					(fsg.selectedItem as File).openWithDefaultApplication();
+			}
+		]]>
+	</fx:Script>
+	
+	<s:Panel width="100%" height="100%" horizontalCenter="0"
+			 title="Mass Storage Device Detection Sample" skinClass="skins.TDFPanelSkin">
+		
+		<s:layout>
+			<s:VerticalLayout paddingLeft="7" paddingTop="7" paddingBottom="7" paddingRight="7"/>
+		</s:layout>
+		
+		<s:HGroup verticalAlign="middle">
+			<s:Label text="Storage Volume Info" fontSize="14" fontWeight="bold"/>
+			<mx:Spacer width="70"/>
+			<s:Label text="Plug in a storage device to detect general information and contents of the device."/>
+		</s:HGroup>
+		<s:HGroup verticalAlign="middle">
+			<s:Label text="Name:"/>
+			<s:Label id="deviceName" color="0x336699"/>
+			<s:Label text="File System Type:"/>
+			<s:Label id="fileSystemType" color="0x336699"/>
+		</s:HGroup>
+		
+		<s:Label text="Contents of {path}" fontWeight="bold"/>
+		
+		<mx:FileSystemDataGrid id="fileGrid" width="660" height="100" directory="{rootDir}" 
+							   doubleClickEnabled="true" doubleClick="fileGridHandler(event)">
+		</mx:FileSystemDataGrid>
+		<s:HGroup right="20">
+			<mx:Button icon="@Embed(source='up.png')" click="fileGrid.navigateUp();"
+					   enabled="{fileGrid.canNavigateUp}"/>
+			<mx:Spacer width="330"/>
+			<s:CheckBox id="isRemovable" label="Removable Device?" enabled="false"/>
+			<s:CheckBox id="isWritable" label="Writable Device?" enabled="false"/>	
+		</s:HGroup>	
+	</s:Panel>
+	
+</mx:Module>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR20/MassStorageDeviceDetection/srcview/Sample-AIR2-MassStorageDeviceDetection/src/skins/TDFPanelSkin.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR20/MassStorageDeviceDetection/srcview/Sample-AIR2-MassStorageDeviceDetection/src/skins/TDFPanelSkin.mxml b/TourDeFlex/TourDeFlex/src/objects/AIR20/MassStorageDeviceDetection/srcview/Sample-AIR2-MassStorageDeviceDetection/src/skins/TDFPanelSkin.mxml
new file mode 100644
index 0000000..ff46524
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR20/MassStorageDeviceDetection/srcview/Sample-AIR2-MassStorageDeviceDetection/src/skins/TDFPanelSkin.mxml
@@ -0,0 +1,130 @@
+<?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.
+
+-->
+
+
+<s:Skin xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark" 
+		alpha.disabled="0.5" minWidth="131" minHeight="127">
+	
+	<fx:Metadata>
+		[HostComponent("spark.components.Panel")]
+	</fx:Metadata> 
+	
+	<s:states>
+		<s:State name="normal" />
+		<s:State name="disabled" />
+		<s:State name="normalWithControlBar" />
+		<s:State name="disabledWithControlBar" />
+	</s:states>
+	
+	<!-- drop shadow -->
+	<s:Rect left="0" top="0" right="0" bottom="0">
+		<s:filters>
+			<s:DropShadowFilter blurX="15" blurY="15" alpha="0.18" distance="11" angle="90" knockout="true" />
+		</s:filters>
+		<s:fill>
+			<s:SolidColor color="0" />
+		</s:fill>
+	</s:Rect>
+	
+	<!-- layer 1: border -->
+	<s:Rect left="0" right="0" top="0" bottom="0">
+		<s:stroke>
+			<s:SolidColorStroke color="0" alpha="0.50" weight="1" />
+		</s:stroke>
+	</s:Rect>
+	
+	<!-- layer 2: background fill -->
+	<s:Rect left="0" right="0" bottom="0" height="15">
+		<s:fill>
+			<s:LinearGradient rotation="90">
+				<s:GradientEntry color="0xE2E2E2" />
+				<s:GradientEntry color="0x000000" />
+			</s:LinearGradient>
+		</s:fill>
+	</s:Rect>
+	
+	<!-- layer 3: contents -->
+	<s:Group left="1" right="1" top="1" bottom="1" >
+		<s:layout>
+			<s:VerticalLayout gap="0" horizontalAlign="justify" />
+		</s:layout>
+		
+		<s:Group id="topGroup" >
+			<!-- layer 0: title bar fill -->
+			<!-- Note: We have custom skinned the title bar to be solid black for Tour de Flex -->
+			<s:Rect id="tbFill" left="0" right="0" top="0" bottom="1" >
+				<s:fill>
+					<s:SolidColor color="0x000000" />
+				</s:fill>
+			</s:Rect>
+			
+			<!-- layer 1: title bar highlight -->
+			<s:Rect id="tbHilite" left="0" right="0" top="0" bottom="0" >
+				<s:stroke>
+					<s:LinearGradientStroke rotation="90" weight="1">
+						<s:GradientEntry color="0xEAEAEA" />
+						<s:GradientEntry color="0xD9D9D9" />
+					</s:LinearGradientStroke>
+				</s:stroke>
+			</s:Rect>
+			
+			<!-- layer 2: title bar divider -->
+			<s:Rect id="tbDiv" left="0" right="0" height="1" bottom="0">
+				<s:fill>
+					<s:SolidColor color="0xC0C0C0" />
+				</s:fill>
+			</s:Rect>
+			
+			<!-- layer 3: text -->
+			<s:Label id="titleDisplay" maxDisplayedLines="1"
+					 left="9" right="3" top="1" minHeight="30"
+					 verticalAlign="middle" fontWeight="bold" color="#E2E2E2">
+			</s:Label>
+			
+		</s:Group>
+		
+		<s:Group id="contentGroup" width="100%" height="100%" minWidth="0" minHeight="0">
+		</s:Group>
+		
+		<s:Group id="bottomGroup" minWidth="0" minHeight="0"
+				 includeIn="normalWithControlBar, disabledWithControlBar" >
+			<!-- layer 0: control bar background -->
+			<s:Rect left="0" right="0" bottom="0" top="1" >
+				<s:fill>
+					<s:SolidColor color="0xE2EdF7" />
+				</s:fill>
+			</s:Rect>
+			
+			<!-- layer 1: control bar divider line -->
+			<s:Rect left="0" right="0" top="0" height="1" >
+				<s:fill>
+					<s:SolidColor color="0xD1E0F2" />
+				</s:fill>
+			</s:Rect>
+			
+			<!-- layer 2: control bar -->
+			<s:Group id="controlBarGroup" left="0" right="0" top="1" bottom="1" minWidth="0" minHeight="0">
+				<s:layout>
+					<s:HorizontalLayout paddingLeft="10" paddingRight="10" paddingTop="7" paddingBottom="7" gap="10" />
+				</s:layout>
+			</s:Group>
+		</s:Group>
+	</s:Group>
+</s:Skin>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR20/MassStorageDeviceDetection/srcview/Sample-AIR2-MassStorageDeviceDetection/src/up.png
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR20/MassStorageDeviceDetection/srcview/Sample-AIR2-MassStorageDeviceDetection/src/up.png b/TourDeFlex/TourDeFlex/src/objects/AIR20/MassStorageDeviceDetection/srcview/Sample-AIR2-MassStorageDeviceDetection/src/up.png
new file mode 100755
index 0000000..4bf79b0
Binary files /dev/null and b/TourDeFlex/TourDeFlex/src/objects/AIR20/MassStorageDeviceDetection/srcview/Sample-AIR2-MassStorageDeviceDetection/src/up.png differ

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR20/MassStorageDeviceDetection/srcview/SourceIndex.xml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR20/MassStorageDeviceDetection/srcview/SourceIndex.xml b/TourDeFlex/TourDeFlex/src/objects/AIR20/MassStorageDeviceDetection/srcview/SourceIndex.xml
new file mode 100644
index 0000000..acd3b5d
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR20/MassStorageDeviceDetection/srcview/SourceIndex.xml
@@ -0,0 +1,38 @@
+<?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.
+
+-->
+<index>
+	<title>Source of Sample-AIR2-MassStorageDeviceDetection</title>
+	<nodes>
+		<node label="libs">
+		</node>
+		<node label="src">
+			<node icon="packageIcon" label="skins" expanded="true">
+				<node icon="mxmlIcon" label="TDFPanelSkin.mxml" url="source/skins/TDFPanelSkin.mxml.html"/>
+			</node>
+			<node label="sample-app.xml" url="source/sample-app.xml.txt"/>
+			<node icon="mxmlAppIcon" selected="true" label="sample.mxml" url="source/sample.mxml.html"/>
+			<node icon="imageIcon" label="up.png" url="source/up.png.html"/>
+		</node>
+	</nodes>
+	<zipfile label="Download source (ZIP, 10K)" url="Sample-AIR2-MassStorageDeviceDetection.zip">
+	</zipfile>
+	<sdklink label="Download Flex SDK" url="http://www.adobe.com/go/flex4_sdk_download">
+	</sdklink>
+</index>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR20/MassStorageDeviceDetection/srcview/SourceStyles.css
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR20/MassStorageDeviceDetection/srcview/SourceStyles.css b/TourDeFlex/TourDeFlex/src/objects/AIR20/MassStorageDeviceDetection/srcview/SourceStyles.css
new file mode 100644
index 0000000..9d5210f
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR20/MassStorageDeviceDetection/srcview/SourceStyles.css
@@ -0,0 +1,155 @@
+/*
+ * 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.
+ */
+body {
+	font-family: Courier New, Courier, monospace;
+	font-size: medium;
+}
+
+.ActionScriptASDoc {
+	color: #3f5fbf;
+}
+
+.ActionScriptBracket/Brace {
+}
+
+.ActionScriptComment {
+	color: #009900;
+	font-style: italic;
+}
+
+.ActionScriptDefault_Text {
+}
+
+.ActionScriptMetadata {
+	color: #0033ff;
+	font-weight: bold;
+}
+
+.ActionScriptOperator {
+}
+
+.ActionScriptReserved {
+	color: #0033ff;
+	font-weight: bold;
+}
+
+.ActionScriptString {
+	color: #990000;
+	font-weight: bold;
+}
+
+.ActionScriptclass {
+	color: #9900cc;
+	font-weight: bold;
+}
+
+.ActionScriptfunction {
+	color: #339966;
+	font-weight: bold;
+}
+
+.ActionScriptinterface {
+	color: #9900cc;
+	font-weight: bold;
+}
+
+.ActionScriptpackage {
+	color: #9900cc;
+	font-weight: bold;
+}
+
+.ActionScripttrace {
+	color: #cc6666;
+	font-weight: bold;
+}
+
+.ActionScriptvar {
+	color: #6699cc;
+	font-weight: bold;
+}
+
+.MXMLASDoc {
+	color: #3f5fbf;
+}
+
+.MXMLComment {
+	color: #800000;
+}
+
+.MXMLComponent_Tag {
+	color: #0000ff;
+}
+
+.MXMLDefault_Text {
+}
+
+.MXMLProcessing_Instruction {
+}
+
+.MXMLSpecial_Tag {
+	color: #006633;
+}
+
+.MXMLString {
+	color: #990000;
+}
+
+.CSS@font-face {
+	color: #990000;
+	font-weight: bold;
+}
+
+.CSS@import {
+	color: #006666;
+	font-weight: bold;
+}
+
+.CSS@media {
+	color: #663333;
+	font-weight: bold;
+}
+
+.CSS@namespace {
+	color: #923196;
+}
+
+.CSSComment {
+	color: #999999;
+}
+
+.CSSDefault_Text {
+}
+
+.CSSDelimiters {
+}
+
+.CSSProperty_Name {
+	color: #330099;
+}
+
+.CSSProperty_Value {
+	color: #3333cc;
+}
+
+.CSSSelector {
+	color: #ff00ff;
+}
+
+.CSSString {
+	color: #990000;
+}
+

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR20/MassStorageDeviceDetection/srcview/SourceTree.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR20/MassStorageDeviceDetection/srcview/SourceTree.html b/TourDeFlex/TourDeFlex/src/objects/AIR20/MassStorageDeviceDetection/srcview/SourceTree.html
new file mode 100644
index 0000000..80281a9
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR20/MassStorageDeviceDetection/srcview/SourceTree.html
@@ -0,0 +1,129 @@
+<!--
+  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.
+-->
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<!-- saved from url=(0014)about:internet -->
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">	
+    <!-- 
+    Smart developers always View Source. 
+    
+    This application was built using Adobe Flex, an open source framework
+    for building rich Internet applications that get delivered via the
+    Flash Player or to desktops via Adobe AIR. 
+    
+    Learn more about Flex at http://flex.org 
+    // -->
+    <head>
+        <title></title>         
+        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+		<!-- Include CSS to eliminate any default margins/padding and set the height of the html element and 
+		     the body element to 100%, because Firefox, or any Gecko based browser, interprets percentage as 
+			 the percentage of the height of its parent container, which has to be set explicitly.  Initially, 
+			 don't display flashContent div so it won't show if JavaScript disabled.
+		-->
+        <style type="text/css" media="screen"> 
+			html, body	{ height:100%; }
+			body { margin:0; padding:0; overflow:auto; text-align:center; 
+			       background-color: #ffffff; }   
+			#flashContent { display:none; }
+        </style>
+		
+		<!-- Enable Browser History by replacing useBrowserHistory tokens with two hyphens -->
+        <!-- BEGIN Browser History required section >
+        <link rel="stylesheet" type="text/css" href="history/history.css" />
+        <script type="text/javascript" src="history/history.js"></script>
+        <! END Browser History required section -->  
+		    
+        <script type="text/javascript" src="swfobject.js"></script>
+        <script type="text/javascript">
+  	        function loadIntoMain(url) {
+				parent.mainFrame.location.href = url;
+			}
+			
+			function openUrlWindow(url) {
+				window.top.location = url;
+			}
+			
+            <!-- For version detection, set to min. required Flash Player version, or 0 (or 0.0.0), for no version detection. --> 
+            var swfVersionStr = "10.0.0";
+            <!-- To use express install, set to playerProductInstall.swf, otherwise the empty string. -->
+            var xiSwfUrlStr = "playerProductInstall.swf";
+            var flashvars = {};
+            var params = {};
+            params.quality = "high";
+            params.bgcolor = "#ffffff";
+            params.allowscriptaccess = "sameDomain";
+            params.allowfullscreen = "true";
+            var attributes = {};
+            attributes.id = "SourceTree";
+            attributes.name = "SourceTree";
+            attributes.align = "middle";
+            swfobject.embedSWF(
+                "SourceTree.swf", "flashContent", 
+                "100%", "100%", 
+                swfVersionStr, xiSwfUrlStr, 
+                flashvars, params, attributes);
+			<!-- JavaScript enabled so display the flashContent div in case it is not replaced with a swf object. -->
+			swfobject.createCSS("#flashContent", "display:block;text-align:left;");
+        </script>
+    </head>
+    <body>
+        <!-- SWFObject's dynamic embed method replaces this alternative HTML content with Flash content when enough 
+			 JavaScript and Flash plug-in support is available. The div is initially hidden so that it doesn't show
+			 when JavaScript is disabled.
+		-->
+        <div id="flashContent">
+        	<p>
+	        	To view this page ensure that Adobe Flash Player version 
+				10.0.0 or greater is installed. 
+			</p>
+			<script type="text/javascript"> 
+				var pageHost = ((document.location.protocol == "https:") ? "https://" :	"http://"); 
+				document.write("<a href='http://www.adobe.com/go/getflashplayer'><img src='" 
+								+ pageHost + "www.adobe.com/images/shared/download_buttons/get_flash_player.gif' alt='Get Adobe Flash player' /></a>" ); 
+			</script> 
+        </div>
+	   	
+       	<noscript>
+            <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="100%" height="100%" id="SourceTree">
+                <param name="movie" value="SourceTree.swf" />
+                <param name="quality" value="high" />
+                <param name="bgcolor" value="#ffffff" />
+                <param name="allowScriptAccess" value="sameDomain" />
+                <param name="allowFullScreen" value="true" />
+                <!--[if !IE]>-->
+                <object type="application/x-shockwave-flash" data="SourceTree.swf" width="100%" height="100%">
+                    <param name="quality" value="high" />
+                    <param name="bgcolor" value="#ffffff" />
+                    <param name="allowScriptAccess" value="sameDomain" />
+                    <param name="allowFullScreen" value="true" />
+                <!--<![endif]-->
+                <!--[if gte IE 6]>-->
+                	<p> 
+                		Either scripts and active content are not permitted to run or Adobe Flash Player version
+                		10.0.0 or greater is not installed.
+                	</p>
+                <!--<![endif]-->
+                    <a href="http://www.adobe.com/go/getflashplayer">
+                        <img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash Player" />
+                    </a>
+                <!--[if !IE]>-->
+                </object>
+                <!--<![endif]-->
+            </object>
+	    </noscript>		
+   </body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR20/MassStorageDeviceDetection/srcview/index.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR20/MassStorageDeviceDetection/srcview/index.html b/TourDeFlex/TourDeFlex/src/objects/AIR20/MassStorageDeviceDetection/srcview/index.html
new file mode 100644
index 0000000..a7bb54a
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR20/MassStorageDeviceDetection/srcview/index.html
@@ -0,0 +1,32 @@
+<!--
+  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.
+-->
+<!-- saved from url=(0014)about:internet -->
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+<title>Source of Sample-AIR2-MassStorageDeviceDetection</title>
+</head>
+<frameset cols="235,*" border="2" framespacing="1">
+    <frame src="SourceTree.html" name="leftFrame" scrolling="NO">
+    <frame src="source/sample.mxml.html" name="mainFrame">
+</frameset>
+<noframes>
+	<body>		
+	</body>
+</noframes>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR20/MassStorageDeviceDetection/srcview/source/sample-app.xml.txt
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR20/MassStorageDeviceDetection/srcview/source/sample-app.xml.txt b/TourDeFlex/TourDeFlex/src/objects/AIR20/MassStorageDeviceDetection/srcview/source/sample-app.xml.txt
new file mode 100644
index 0000000..095319c
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR20/MassStorageDeviceDetection/srcview/source/sample-app.xml.txt
@@ -0,0 +1,153 @@
+<?xml version="1.0" encoding="utf-8" standalone="no"?>
+<!--
+
+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.
+
+-->
+<application xmlns="http://ns.adobe.com/air/application/2.0">
+
+<!-- Adobe AIR Application Descriptor File Template.
+
+	Specifies parameters for identifying, installing, and launching AIR applications.
+
+	xmlns - The Adobe AIR namespace: http://ns.adobe.com/air/application/2.0beta
+			The last segment of the namespace specifies the version 
+			of the AIR runtime required for this application to run.
+			
+	minimumPatchLevel - The minimum patch level of the AIR runtime required to run 
+			the application. Optional.
+-->
+
+	<!-- The application identifier string, unique to this application. Required. -->
+	<id>sample</id>
+
+	<!-- Used as the filename for the application. Required. -->
+	<filename>Mass Storage Device Detection</filename>
+
+	<!-- The name that is displayed in the AIR application installer. 
+	     May have multiple values for each language. See samples or xsd schema file. Optional. -->
+	<name>Mass Storage Device Detection</name>
+
+	<!-- An application version designator (such as "v1", "2.5", or "Alpha 1"). Required. -->
+	<version>v1</version>
+
+	<!-- Description, displayed in the AIR application installer.
+	     May have multiple values for each language. See samples or xsd schema file. Optional. -->
+	<!-- <description></description> -->
+
+	<!-- Copyright information. Optional -->
+	<!-- <copyright></copyright> -->
+
+	<!-- Settings for the application's initial window. Required. -->
+	<initialWindow>
+		<!-- The main SWF or HTML file of the application. Required. -->
+		<!-- Note: In Flash Builder, the SWF reference is set automatically. -->
+		<content>[This value will be overwritten by Flash Builder in the output app.xml]</content>
+		
+		<!-- The title of the main window. Optional. -->
+		<!-- <title></title> -->
+
+		<!-- The type of system chrome to use (either "standard" or "none"). Optional. Default standard. -->
+		<!-- <systemChrome></systemChrome> -->
+
+		<!-- Whether the window is transparent. Only applicable when systemChrome is none. Optional. Default false. -->
+		<!-- <transparent></transparent> -->
+
+		<!-- Whether the window is initially visible. Optional. Default false. -->
+		<!-- <visible></visible> -->
+
+		<!-- Whether the user can minimize the window. Optional. Default true. -->
+		<!-- <minimizable></minimizable> -->
+
+		<!-- Whether the user can maximize the window. Optional. Default true. -->
+		<!-- <maximizable></maximizable> -->
+
+		<!-- Whether the user can resize the window. Optional. Default true. -->
+		<!-- <resizable></resizable> -->
+
+		<!-- The window's initial width in pixels. Optional. -->
+		<!-- <width></width> -->
+
+		<!-- The window's initial height in pixels. Optional. -->
+		<!-- <height></height> -->
+
+		<!-- The window's initial x position. Optional. -->
+		<!-- <x></x> -->
+
+		<!-- The window's initial y position. Optional. -->
+		<!-- <y></y> -->
+
+		<!-- The window's minimum size, specified as a width/height pair in pixels, such as "400 200". Optional. -->
+		<!-- <minSize></minSize> -->
+
+		<!-- The window's initial maximum size, specified as a width/height pair in pixels, such as "1600 1200". Optional. -->
+		<!-- <maxSize></maxSize> -->
+	</initialWindow>
+
+	<!-- The subpath of the standard default installation location to use. Optional. -->
+	<!-- <installFolder></installFolder> -->
+
+	<!-- The subpath of the Programs menu to use. (Ignored on operating systems without a Programs menu.) Optional. -->
+	<!-- <programMenuFolder></programMenuFolder> -->
+
+	<!-- The icon the system uses for the application. For at least one resolution,
+		 specify the path to a PNG file included in the AIR package. Optional. -->
+	<!-- <icon>
+		<image16x16></image16x16>
+		<image32x32></image32x32>
+		<image48x48></image48x48>
+		<image128x128></image128x128>
+	</icon> -->
+
+	<!-- Whether the application handles the update when a user double-clicks an update version
+	of the AIR file (true), or the default AIR application installer handles the update (false).
+	Optional. Default false. -->
+	<!-- <customUpdateUI></customUpdateUI> -->
+	
+	<!-- Whether the application can be launched when the user clicks a link in a web browser.
+	Optional. Default false. -->
+	<!-- <allowBrowserInvocation></allowBrowserInvocation> -->
+
+	<!-- Listing of file types for which the application can register. Optional. -->
+	<!-- <fileTypes> -->
+
+		<!-- Defines one file type. Optional. -->
+		<!-- <fileType> -->
+
+			<!-- The name that the system displays for the registered file type. Required. -->
+			<!-- <name></name> -->
+
+			<!-- The extension to register. Required. -->
+			<!-- <extension></extension> -->
+			
+			<!-- The description of the file type. Optional. -->
+			<!-- <description></description> -->
+			
+			<!-- The MIME content type. -->
+			<!-- <contentType></contentType> -->
+			
+			<!-- The icon to display for the file type. Optional. -->
+			<!-- <icon>
+				<image16x16></image16x16>
+				<image32x32></image32x32>
+				<image48x48></image48x48>
+				<image128x128></image128x128>
+			</icon> -->
+			
+		<!-- </fileType> -->
+	<!-- </fileTypes> -->
+
+</application>


[26/51] [partial] Merged TourDeFlex release from develop

Posted by jm...@apache.org.
http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR20/Globalization/srcview/source/DateFormatterSample.mxml.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR20/Globalization/srcview/source/DateFormatterSample.mxml.html b/TourDeFlex/TourDeFlex/src/objects/AIR20/Globalization/srcview/source/DateFormatterSample.mxml.html
new file mode 100644
index 0000000..e5d1133
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR20/Globalization/srcview/source/DateFormatterSample.mxml.html
@@ -0,0 +1,112 @@
+<!--
+  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.
+-->
+<!-- saved from url=(0014)about:internet -->
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+<title>DateFormatterSample.mxml</title>
+<link rel="stylesheet" type="text/css" href="../SourceStyles.css"/>
+</head>
+
+<body><pre><span class="MXMLProcessing_Instruction">&lt;?xml version="1.0" encoding="utf-8"?&gt;</span>
+<span class="MXMLComponent_Tag">&lt;s:WindowedApplication</span><span class="MXMLDefault_Text"> xmlns:fx="</span><span class="MXMLString">http://ns.adobe.com/mxml/2009</span><span class="MXMLDefault_Text">" 
+                       xmlns:s="</span><span class="MXMLString">library://ns.adobe.com/flex/spark</span><span class="MXMLDefault_Text">" 
+                       xmlns:mx="</span><span class="MXMLString">library://ns.adobe.com/flex/mx</span><span class="MXMLDefault_Text">" 
+                       styleName="</span><span class="MXMLString">plain</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" height="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+    
+    <span class="MXMLSpecial_Tag">&lt;fx:Declarations&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;s:RadioButtonGroup</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">styleGrp</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+    <span class="MXMLSpecial_Tag">&lt;/fx:Declarations&gt;</span>
+    <span class="MXMLSpecial_Tag">&lt;fx:Script&gt;</span>
+        &lt;![CDATA[
+            <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">flash</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">globalization</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">DateTimeFormatter</span>;
+            <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">flash</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">globalization</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">DateTimeStyle</span>;
+            <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">flash</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">globalization</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">LocaleID</span>;
+            
+            <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">mx</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">collections</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">ArrayCollection</span>;
+            
+            <span class="ActionScriptReserved">protected</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">formatter</span>:<span class="ActionScriptDefault_Text">DateTimeFormatter</span>;
+            
+            <span class="ActionScriptBracket/Brace">[</span><span class="ActionScriptMetadata">Bindable</span><span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptReserved">protected</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">locales</span>:<span class="ActionScriptDefault_Text">ArrayCollection</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">ArrayCollection</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">[</span>
+                <span class="ActionScriptBracket/Brace">{</span><span class="ActionScriptDefault_Text">label</span>:<span class="ActionScriptString">"Default Locale"</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">data</span>:<span class="ActionScriptDefault_Text">LocaleID</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">DEFAULT</span><span class="ActionScriptBracket/Brace">}</span><span class="ActionScriptOperator">,</span>
+                <span class="ActionScriptBracket/Brace">{</span><span class="ActionScriptDefault_Text">label</span>:<span class="ActionScriptString">"Swedish"</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">data</span>:<span class="ActionScriptString">"sv_SE"</span><span class="ActionScriptBracket/Brace">}</span><span class="ActionScriptOperator">,</span> 
+                <span class="ActionScriptBracket/Brace">{</span><span class="ActionScriptDefault_Text">label</span>:<span class="ActionScriptString">"Dutch"</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">data</span>:<span class="ActionScriptString">"nl_NL"</span><span class="ActionScriptBracket/Brace">}</span><span class="ActionScriptOperator">,</span>
+                <span class="ActionScriptBracket/Brace">{</span><span class="ActionScriptDefault_Text">label</span>:<span class="ActionScriptString">"French"</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">data</span>:<span class="ActionScriptString">"fr_FR"</span><span class="ActionScriptBracket/Brace">}</span><span class="ActionScriptOperator">,</span>
+                <span class="ActionScriptBracket/Brace">{</span><span class="ActionScriptDefault_Text">label</span>:<span class="ActionScriptString">"German"</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">data</span>:<span class="ActionScriptString">"de_DE"</span><span class="ActionScriptBracket/Brace">}</span><span class="ActionScriptOperator">,</span>
+                <span class="ActionScriptBracket/Brace">{</span><span class="ActionScriptDefault_Text">label</span>:<span class="ActionScriptString">"Japanese"</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">data</span>:<span class="ActionScriptString">"ja_JP"</span><span class="ActionScriptBracket/Brace">}</span><span class="ActionScriptOperator">,</span> 
+                <span class="ActionScriptBracket/Brace">{</span><span class="ActionScriptDefault_Text">label</span>:<span class="ActionScriptString">"Korean"</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">data</span>:<span class="ActionScriptString">"ko_KR"</span><span class="ActionScriptBracket/Brace">}</span><span class="ActionScriptOperator">,</span> 
+                <span class="ActionScriptBracket/Brace">{</span><span class="ActionScriptDefault_Text">label</span>:<span class="ActionScriptString">"US-English"</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">data</span>:<span class="ActionScriptString">"en_US"</span><span class="ActionScriptBracket/Brace">}</span><span class="ActionScriptOperator">,</span>
+            <span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptBracket/Brace">)</span>;
+            
+            <span class="ActionScriptReserved">protected</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">formatDate</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
+            <span class="ActionScriptBracket/Brace">{</span>
+                <span class="ActionScriptDefault_Text">ta</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptString">""</span>;
+                <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">date</span>:<span class="ActionScriptDefault_Text">Date</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">Date</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">locale</span>:<span class="ActionScriptDefault_Text">String</span>;
+                
+                <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">ddl</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">selectedIndex</span> <span class="ActionScriptOperator">==</span> <span class="ActionScriptOperator">-</span>1<span class="ActionScriptBracket/Brace">)</span>
+                    <span class="ActionScriptDefault_Text">locale</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">LocaleID</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">DEFAULT</span>;
+                <span class="ActionScriptReserved">else</span> <span class="ActionScriptDefault_Text">locale</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">ddl</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">selectedItem</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">data</span>
+                    
+                <span class="ActionScriptDefault_Text">formatter</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">DateTimeFormatter</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">locale</span><span class="ActionScriptBracket/Brace">)</span>;
+                
+                <span class="ActionScriptDefault_Text">ta</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span> <span class="ActionScriptOperator">+=</span> <span class="ActionScriptString">"Locale selected: "</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptDefault_Text">locale</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptString">" - Actual locale name: "</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptDefault_Text">formatter</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">actualLocaleIDName</span>;
+                <span class="ActionScriptDefault_Text">ta</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span> <span class="ActionScriptOperator">+=</span> <span class="ActionScriptString">"\nFormatting date/time: "</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptDefault_Text">date</span>;
+                <span class="ActionScriptComment">//trace("Date " +new Date());
+</span>                <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">styleGrp</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">selectedValue</span> <span class="ActionScriptOperator">==</span> <span class="ActionScriptString">"Long Style"</span><span class="ActionScriptBracket/Brace">)</span>
+                <span class="ActionScriptBracket/Brace">{</span>
+                    <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">longStyle</span>:<span class="ActionScriptDefault_Text">String</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">formatter</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">format</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">date</span><span class="ActionScriptBracket/Brace">)</span>;
+                    <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">longStylePattern</span>:<span class="ActionScriptDefault_Text">String</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">formatter</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">getDateTimePattern</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
+                    <span class="ActionScriptDefault_Text">ta</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span> <span class="ActionScriptOperator">+=</span> <span class="ActionScriptString">"\nLong Style Date pattern "</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptDefault_Text">longStylePattern</span>;
+                    <span class="ActionScriptDefault_Text">ta</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span> <span class="ActionScriptOperator">+=</span> <span class="ActionScriptString">"\nLong Style Date: "</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptDefault_Text">longStyle</span>;
+                <span class="ActionScriptBracket/Brace">}</span>
+                <span class="ActionScriptReserved">else</span> 
+                <span class="ActionScriptBracket/Brace">{</span>
+                    <span class="ActionScriptDefault_Text">formatter</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">setDateTimeStyles</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">DateTimeStyle</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">NONE</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">DateTimeStyle</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">SHORT</span><span class="ActionScriptBracket/Brace">)</span>;
+                    <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">shortStyle</span>:<span class="ActionScriptDefault_Text">String</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">formatter</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">format</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">date</span><span class="ActionScriptBracket/Brace">)</span>;
+                    <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">shortStylePattern</span>:<span class="ActionScriptDefault_Text">String</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">formatter</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">getDateTimePattern</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
+                    <span class="ActionScriptDefault_Text">ta</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span> <span class="ActionScriptOperator">+=</span> <span class="ActionScriptString">"\nShort Style date pattern "</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptDefault_Text">shortStylePattern</span>;
+                    <span class="ActionScriptDefault_Text">ta</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span> <span class="ActionScriptOperator">+=</span> <span class="ActionScriptString">"\nShort Style Date: "</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptDefault_Text">shortStyle</span>;
+                <span class="ActionScriptBracket/Brace">}</span>
+                <span class="ActionScriptDefault_Text">ta</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span> <span class="ActionScriptOperator">+=</span> <span class="ActionScriptString">"\n\n\nLast Operation Status: "</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptDefault_Text">formatter</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">lastOperationStatus</span>;
+                
+            <span class="ActionScriptBracket/Brace">}</span>
+        <span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptOperator">&gt;</span>
+        
+    <span class="MXMLSpecial_Tag">&lt;/fx:Script&gt;</span>
+    <span class="MXMLComponent_Tag">&lt;s:Panel</span><span class="MXMLDefault_Text"> skinClass="</span><span class="MXMLString">skins.TDFPanelSkin</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" height="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" title="</span><span class="MXMLString">DateTime and Currency Formatting by Locale</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;s:VGroup</span><span class="MXMLDefault_Text"> top="</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">" left="</span><span class="MXMLString">12</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;s:Label</span><span class="MXMLDefault_Text"> text="</span><span class="MXMLString">Select style of date/time formatting:</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;s:HGroup&gt;</span>
+                <span class="MXMLComponent_Tag">&lt;s:RadioButton</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">shortDate</span><span class="MXMLDefault_Text">" groupName="</span><span class="MXMLString">styleGrp</span><span class="MXMLDefault_Text">" label="</span><span class="MXMLString">Short Style</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+                <span class="MXMLComponent_Tag">&lt;s:RadioButton</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">longDate</span><span class="MXMLDefault_Text">" groupName="</span><span class="MXMLString">styleGrp</span><span class="MXMLDefault_Text">" label="</span><span class="MXMLString">Long Style</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;/s:HGroup&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;s:DropDownList</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">ddl</span><span class="MXMLDefault_Text">" dataProvider="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">locales</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">" prompt="</span><span class="MXMLString">Select locale...</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">200</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;s:Button</span><span class="MXMLDefault_Text"> label="</span><span class="MXMLString">Format Today's Date</span><span class="MXMLDefault_Text">" click="</span><span class="ActionScriptDefault_Text">formatDate</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;/s:VGroup&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;s:VGroup</span><span class="MXMLDefault_Text"> top="</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">" right="</span><span class="MXMLString">20</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;s:Label</span><span class="MXMLDefault_Text"> text="</span><span class="MXMLString">Console:</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;s:TextArea</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">ta</span><span class="MXMLDefault_Text">" editable="</span><span class="MXMLString">false</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">400</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;/s:VGroup&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;s:Label</span><span class="MXMLDefault_Text"> width="</span><span class="MXMLString">93%</span><span class="MXMLDefault_Text">" verticalAlign="</span><span class="MXMLString">justify</span><span class="MXMLDefault_Text">" color="</span><span class="MXMLString">#323232</span><span class="MXMLDefault_Text">" bottom="</span><span class="MXMLString">25</span><span class="MXMLDefault_Text">" horizontalCenter="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">" 
+                 text="</span><span class="MXMLString">This sample will format today's date/time with the selected locale and date/time style (short versus long). The last operation status
+will indicate if an error occurred in formatting.</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+    <span class="MXMLComponent_Tag">&lt;/s:Panel&gt;</span>
+    
+<span class="MXMLComponent_Tag">&lt;/s:WindowedApplication&gt;</span></pre></body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR20/Globalization/srcview/source/NumberFormatterSample-app.xml.txt
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR20/Globalization/srcview/source/NumberFormatterSample-app.xml.txt b/TourDeFlex/TourDeFlex/src/objects/AIR20/Globalization/srcview/source/NumberFormatterSample-app.xml.txt
new file mode 100644
index 0000000..f95bfbf
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR20/Globalization/srcview/source/NumberFormatterSample-app.xml.txt
@@ -0,0 +1,156 @@
+<?xml version="1.0" encoding="utf-8" standalone="no"?>
+<!--
+
+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.
+
+-->
+<application xmlns="http://ns.adobe.com/air/application/2.0">
+
+<!-- Adobe AIR Application Descriptor File Template.
+
+	Specifies parameters for identifying, installing, and launching AIR applications.
+
+	xmlns - The Adobe AIR namespace: http://ns.adobe.com/air/application/2.0beta2
+			The last segment of the namespace specifies the version 
+			of the AIR runtime required for this application to run.
+			
+	minimumPatchLevel - The minimum patch level of the AIR runtime required to run 
+			the application. Optional.
+-->
+
+	<!-- The application identifier string, unique to this application. Required. -->
+	<id>NumberFormatterSample</id>
+
+	<!-- Used as the filename for the application. Required. -->
+	<filename>NumberFormatterSample</filename>
+
+	<!-- The name that is displayed in the AIR application installer. 
+	     May have multiple values for each language. See samples or xsd schema file. Optional. -->
+	<name>NumberFormatterSample</name>
+
+	<!-- An application version designator (such as "v1", "2.5", or "Alpha 1"). Required. -->
+	<version>v1</version>
+
+	<!-- Description, displayed in the AIR application installer.
+	     May have multiple values for each language. See samples or xsd schema file. Optional. -->
+	<!-- <description></description> -->
+
+	<!-- Copyright information. Optional -->
+	<!-- <copyright></copyright> -->
+
+	<!-- Publisher ID. Used if you're updating an application created prior to 1.5.3 -->
+	<!-- <publisherID></publisherID> -->
+
+	<!-- Settings for the application's initial window. Required. -->
+	<initialWindow>
+		<!-- The main SWF or HTML file of the application. Required. -->
+		<!-- Note: In Flash Builder, the SWF reference is set automatically. -->
+		<content>[This value will be overwritten by Flash Builder in the output app.xml]</content>
+		
+		<!-- The title of the main window. Optional. -->
+		<!-- <title></title> -->
+
+		<!-- The type of system chrome to use (either "standard" or "none"). Optional. Default standard. -->
+		<!-- <systemChrome></systemChrome> -->
+
+		<!-- Whether the window is transparent. Only applicable when systemChrome is none. Optional. Default false. -->
+		<!-- <transparent></transparent> -->
+
+		<!-- Whether the window is initially visible. Optional. Default false. -->
+		<!-- <visible></visible> -->
+
+		<!-- Whether the user can minimize the window. Optional. Default true. -->
+		<!-- <minimizable></minimizable> -->
+
+		<!-- Whether the user can maximize the window. Optional. Default true. -->
+		<!-- <maximizable></maximizable> -->
+
+		<!-- Whether the user can resize the window. Optional. Default true. -->
+		<!-- <resizable></resizable> -->
+
+		<!-- The window's initial width in pixels. Optional. -->
+		<!-- <width></width> -->
+
+		<!-- The window's initial height in pixels. Optional. -->
+		<!-- <height></height> -->
+
+		<!-- The window's initial x position. Optional. -->
+		<!-- <x></x> -->
+
+		<!-- The window's initial y position. Optional. -->
+		<!-- <y></y> -->
+
+		<!-- The window's minimum size, specified as a width/height pair in pixels, such as "400 200". Optional. -->
+		<!-- <minSize></minSize> -->
+
+		<!-- The window's initial maximum size, specified as a width/height pair in pixels, such as "1600 1200". Optional. -->
+		<!-- <maxSize></maxSize> -->
+	</initialWindow>
+
+	<!-- The subpath of the standard default installation location to use. Optional. -->
+	<!-- <installFolder></installFolder> -->
+
+	<!-- The subpath of the Programs menu to use. (Ignored on operating systems without a Programs menu.) Optional. -->
+	<!-- <programMenuFolder></programMenuFolder> -->
+
+	<!-- The icon the system uses for the application. For at least one resolution,
+		 specify the path to a PNG file included in the AIR package. Optional. -->
+	<!-- <icon>
+		<image16x16></image16x16>
+		<image32x32></image32x32>
+		<image48x48></image48x48>
+		<image128x128></image128x128>
+	</icon> -->
+
+	<!-- Whether the application handles the update when a user double-clicks an update version
+	of the AIR file (true), or the default AIR application installer handles the update (false).
+	Optional. Default false. -->
+	<!-- <customUpdateUI></customUpdateUI> -->
+	
+	<!-- Whether the application can be launched when the user clicks a link in a web browser.
+	Optional. Default false. -->
+	<!-- <allowBrowserInvocation></allowBrowserInvocation> -->
+
+	<!-- Listing of file types for which the application can register. Optional. -->
+	<!-- <fileTypes> -->
+
+		<!-- Defines one file type. Optional. -->
+		<!-- <fileType> -->
+
+			<!-- The name that the system displays for the registered file type. Required. -->
+			<!-- <name></name> -->
+
+			<!-- The extension to register. Required. -->
+			<!-- <extension></extension> -->
+			
+			<!-- The description of the file type. Optional. -->
+			<!-- <description></description> -->
+			
+			<!-- The MIME content type. -->
+			<!-- <contentType></contentType> -->
+			
+			<!-- The icon to display for the file type. Optional. -->
+			<!-- <icon>
+				<image16x16></image16x16>
+				<image32x32></image32x32>
+				<image48x48></image48x48>
+				<image128x128></image128x128>
+			</icon> -->
+			
+		<!-- </fileType> -->
+	<!-- </fileTypes> -->
+
+</application>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR20/Globalization/srcview/source/NumberFormatterSample.mxml.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR20/Globalization/srcview/source/NumberFormatterSample.mxml.html b/TourDeFlex/TourDeFlex/src/objects/AIR20/Globalization/srcview/source/NumberFormatterSample.mxml.html
new file mode 100644
index 0000000..38d7ea0
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR20/Globalization/srcview/source/NumberFormatterSample.mxml.html
@@ -0,0 +1,113 @@
+<!--
+  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.
+-->
+<!-- saved from url=(0014)about:internet -->
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+<title>NumberFormatterSample.mxml</title>
+<link rel="stylesheet" type="text/css" href="../SourceStyles.css"/>
+</head>
+
+<body><pre><span class="MXMLProcessing_Instruction">&lt;?xml version="1.0" encoding="utf-8"?&gt;</span>
+<span class="MXMLComponent_Tag">&lt;s:WindowedApplication</span><span class="MXMLDefault_Text">    xmlns:fx="</span><span class="MXMLString">http://ns.adobe.com/mxml/2009</span><span class="MXMLDefault_Text">" 
+            xmlns:s="</span><span class="MXMLString">library://ns.adobe.com/flex/spark</span><span class="MXMLDefault_Text">" 
+            xmlns:mx="</span><span class="MXMLString">library://ns.adobe.com/flex/mx</span><span class="MXMLDefault_Text">" 
+            styleName="</span><span class="MXMLString">plain</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" height="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+    <span class="MXMLSpecial_Tag">&lt;fx:Script&gt;</span>
+        &lt;![CDATA[
+            <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">flash</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">globalization</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">LastOperationStatus</span>;
+            <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">flash</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">globalization</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">LocaleID</span>;
+            <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">flash</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">globalization</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">NumberFormatter</span>;
+            <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">flash</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">globalization</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">NumberParseResult</span>;
+            
+            <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">mx</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">collections</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">ArrayCollection</span>;
+            <span class="ActionScriptReserved">protected</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">locale</span>:<span class="ActionScriptDefault_Text">String</span>;
+            
+            <span class="ActionScriptBracket/Brace">[</span><span class="ActionScriptMetadata">Bindable</span><span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptReserved">protected</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">locales</span>:<span class="ActionScriptDefault_Text">ArrayCollection</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">ArrayCollection</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">[</span>
+                <span class="ActionScriptBracket/Brace">{</span><span class="ActionScriptDefault_Text">label</span>:<span class="ActionScriptString">"Default Locale"</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">data</span>:<span class="ActionScriptDefault_Text">LocaleID</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">DEFAULT</span><span class="ActionScriptBracket/Brace">}</span><span class="ActionScriptOperator">,</span>
+                <span class="ActionScriptBracket/Brace">{</span><span class="ActionScriptDefault_Text">label</span>:<span class="ActionScriptString">"Swedish"</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">data</span>:<span class="ActionScriptString">"sv_SE"</span><span class="ActionScriptBracket/Brace">}</span><span class="ActionScriptOperator">,</span> 
+                <span class="ActionScriptBracket/Brace">{</span><span class="ActionScriptDefault_Text">label</span>:<span class="ActionScriptString">"Dutch"</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">data</span>:<span class="ActionScriptString">"nl_NL"</span><span class="ActionScriptBracket/Brace">}</span><span class="ActionScriptOperator">,</span>
+                <span class="ActionScriptBracket/Brace">{</span><span class="ActionScriptDefault_Text">label</span>:<span class="ActionScriptString">"French"</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">data</span>:<span class="ActionScriptString">"fr_FR"</span><span class="ActionScriptBracket/Brace">}</span><span class="ActionScriptOperator">,</span>
+                <span class="ActionScriptBracket/Brace">{</span><span class="ActionScriptDefault_Text">label</span>:<span class="ActionScriptString">"German"</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">data</span>:<span class="ActionScriptString">"de_DE"</span><span class="ActionScriptBracket/Brace">}</span><span class="ActionScriptOperator">,</span>
+                <span class="ActionScriptBracket/Brace">{</span><span class="ActionScriptDefault_Text">label</span>:<span class="ActionScriptString">"Japanese"</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">data</span>:<span class="ActionScriptString">"ja_JP"</span><span class="ActionScriptBracket/Brace">}</span><span class="ActionScriptOperator">,</span> 
+                <span class="ActionScriptBracket/Brace">{</span><span class="ActionScriptDefault_Text">label</span>:<span class="ActionScriptString">"Korean"</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">data</span>:<span class="ActionScriptString">"ko_KR"</span><span class="ActionScriptBracket/Brace">}</span><span class="ActionScriptOperator">,</span> 
+                <span class="ActionScriptBracket/Brace">{</span><span class="ActionScriptDefault_Text">label</span>:<span class="ActionScriptString">"US-English"</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">data</span>:<span class="ActionScriptString">"en_US"</span><span class="ActionScriptBracket/Brace">}</span><span class="ActionScriptOperator">,</span>
+            <span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptBracket/Brace">)</span>;
+            
+            <span class="ActionScriptReserved">protected</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">parseNumber</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
+            <span class="ActionScriptBracket/Brace">{</span>
+                <span class="ActionScriptDefault_Text">ta</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span><span class="ActionScriptOperator">=</span><span class="ActionScriptString">""</span>;
+                
+                <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">ddl</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">selectedIndex</span> <span class="ActionScriptOperator">==</span> <span class="ActionScriptOperator">-</span>1<span class="ActionScriptBracket/Brace">)</span>
+                    <span class="ActionScriptDefault_Text">locale</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">LocaleID</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">DEFAULT</span>;
+                <span class="ActionScriptReserved">else</span> <span class="ActionScriptDefault_Text">locale</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">ddl</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">selectedItem</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">data</span>
+                    
+                <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">nf</span>:<span class="ActionScriptDefault_Text">NumberFormatter</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">NumberFormatter</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">locale</span><span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptDefault_Text">ta</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span> <span class="ActionScriptOperator">+=</span> <span class="ActionScriptString">"Locale selected: "</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptDefault_Text">locale</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptString">" Actual LocaleID Name: "</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptDefault_Text">nf</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">actualLocaleIDName</span>  <span class="ActionScriptOperator">+</span> <span class="ActionScriptString">"\n\n"</span>;
+                
+                <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">parseResult</span>:<span class="ActionScriptDefault_Text">NumberParseResult</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">nf</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">parse</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">num</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span><span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">nf</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">lastOperationStatus</span> <span class="ActionScriptOperator">==</span> <span class="ActionScriptDefault_Text">LastOperationStatus</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">NO_ERROR</span> <span class="ActionScriptBracket/Brace">)</span> <span class="ActionScriptBracket/Brace">{</span>
+                    <span class="ActionScriptDefault_Text">ta</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span> <span class="ActionScriptOperator">+=</span><span class="ActionScriptString">"The value of Parsed Number:"</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptDefault_Text">parseResult</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">value</span> <span class="ActionScriptOperator">+</span><span class="ActionScriptString">"\n"</span>;
+                <span class="ActionScriptBracket/Brace">}</span>
+                <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">parsedNumber</span>:<span class="ActionScriptDefault_Text">Number</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">nf</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">parseNumber</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">num</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span><span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">nf</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">lastOperationStatus</span> <span class="ActionScriptOperator">==</span> <span class="ActionScriptDefault_Text">LastOperationStatus</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">NO_ERROR</span> <span class="ActionScriptBracket/Brace">)</span> <span class="ActionScriptBracket/Brace">{</span>
+                    <span class="ActionScriptDefault_Text">ta</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span><span class="ActionScriptOperator">+=</span><span class="ActionScriptString">"The value of Parsed Number:"</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptDefault_Text">parsedNumber</span> <span class="ActionScriptOperator">+</span><span class="ActionScriptString">"\n"</span>;
+                <span class="ActionScriptBracket/Brace">}</span>
+                <span class="ActionScriptDefault_Text">ta</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span> <span class="ActionScriptOperator">+=</span> <span class="ActionScriptString">"\n\nLast Operation Status: "</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptDefault_Text">nf</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">lastOperationStatus</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptString">"\n"</span>;   
+            <span class="ActionScriptBracket/Brace">}</span>
+            <span class="ActionScriptReserved">protected</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">formatNumber</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
+            <span class="ActionScriptBracket/Brace">{</span>
+                <span class="ActionScriptDefault_Text">ta</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span><span class="ActionScriptOperator">=</span><span class="ActionScriptString">""</span>;
+                
+                <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">ddl</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">selectedIndex</span> <span class="ActionScriptOperator">==</span> <span class="ActionScriptOperator">-</span>1<span class="ActionScriptBracket/Brace">)</span>
+                    <span class="ActionScriptDefault_Text">locale</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">LocaleID</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">DEFAULT</span>;
+                <span class="ActionScriptReserved">else</span> <span class="ActionScriptDefault_Text">locale</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">ddl</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">selectedItem</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">data</span>
+                    
+                <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">nf</span>:<span class="ActionScriptDefault_Text">NumberFormatter</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">NumberFormatter</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">locale</span><span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptDefault_Text">ta</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span> <span class="ActionScriptOperator">+=</span> <span class="ActionScriptString">"Locale selected: "</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptDefault_Text">locale</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptString">" - Actual locale name: "</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptDefault_Text">nf</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">actualLocaleIDName</span>  <span class="ActionScriptOperator">+</span> <span class="ActionScriptString">"\n\n"</span>; 
+                <span class="ActionScriptDefault_Text">ta</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span> <span class="ActionScriptOperator">+=</span> <span class="ActionScriptString">"Formatted Number: "</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptDefault_Text">nf</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">formatNumber</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">Number</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">num</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span><span class="ActionScriptBracket/Brace">)</span><span class="ActionScriptBracket/Brace">)</span><span class="ActionScriptOperator">+</span><span class="ActionScriptString">"\n"</span>;
+                <span class="ActionScriptDefault_Text">ta</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span> <span class="ActionScriptOperator">+=</span> <span class="ActionScriptString">"Formatted Integer: "</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptDefault_Text">nf</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">formatInt</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">Number</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">num</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span><span class="ActionScriptBracket/Brace">)</span><span class="ActionScriptBracket/Brace">)</span><span class="ActionScriptOperator">+</span><span class="ActionScriptString">"\n"</span>;
+                <span class="ActionScriptDefault_Text">ta</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span> <span class="ActionScriptOperator">+=</span> <span class="ActionScriptString">"Formatted Unsigned Integer: "</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptDefault_Text">nf</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">formatUint</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">Number</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">num</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span><span class="ActionScriptBracket/Brace">)</span><span class="ActionScriptBracket/Brace">)</span><span class="ActionScriptOperator">+</span><span class="ActionScriptString">"\n"</span>;
+                            
+                <span class="ActionScriptDefault_Text">ta</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span> <span class="ActionScriptOperator">+=</span> <span class="ActionScriptString">"\n\nLast Operation Status: "</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptDefault_Text">nf</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">lastOperationStatus</span><span class="ActionScriptOperator">+</span><span class="ActionScriptString">"\n"</span>;   
+                
+            <span class="ActionScriptBracket/Brace">}</span>
+        <span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptOperator">&gt;</span>
+    <span class="MXMLSpecial_Tag">&lt;/fx:Script&gt;</span>
+    
+    <span class="MXMLComponent_Tag">&lt;s:Panel</span><span class="MXMLDefault_Text"> skinClass="</span><span class="MXMLString">skins.TDFPanelSkin</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" height="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" title="</span><span class="MXMLString">Number Formatting/Parsing by Locale</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;s:VGroup</span><span class="MXMLDefault_Text"> top="</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">" left="</span><span class="MXMLString">12</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;s:Label</span><span class="MXMLDefault_Text"> text="</span><span class="MXMLString">Enter a number with commas, decimals or negative</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;s:Label</span><span class="MXMLDefault_Text"> text="</span><span class="MXMLString">(for example: 123,456,789.123):</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;s:TextInput</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">num</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;s:DropDownList</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">ddl</span><span class="MXMLDefault_Text">" dataProvider="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">locales</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">" prompt="</span><span class="MXMLString">Select locale...</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">200</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;s:HGroup&gt;</span>
+                <span class="MXMLComponent_Tag">&lt;s:Button</span><span class="MXMLDefault_Text"> label="</span><span class="MXMLString">Parse</span><span class="MXMLDefault_Text">" click="</span><span class="ActionScriptDefault_Text">parseNumber</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+                <span class="MXMLComponent_Tag">&lt;s:Button</span><span class="MXMLDefault_Text"> label="</span><span class="MXMLString">Format</span><span class="MXMLDefault_Text">" click="</span><span class="ActionScriptDefault_Text">formatNumber</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;/s:HGroup&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;/s:VGroup&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;s:VGroup</span><span class="MXMLDefault_Text"> right="</span><span class="MXMLString">20</span><span class="MXMLDefault_Text">" top="</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;s:Label</span><span class="MXMLDefault_Text"> text="</span><span class="MXMLString">Console:</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;s:TextArea</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">ta</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">350</span><span class="MXMLDefault_Text">" editable="</span><span class="MXMLString">false</span><span class="MXMLDefault_Text">" </span><span class="MXMLComponent_Tag">/&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;/s:VGroup&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;s:Label</span><span class="MXMLDefault_Text"> width="</span><span class="MXMLString">95%</span><span class="MXMLDefault_Text">" verticalAlign="</span><span class="MXMLString">justify</span><span class="MXMLDefault_Text">" color="</span><span class="MXMLString">#323232</span><span class="MXMLDefault_Text">" bottom="</span><span class="MXMLString">25</span><span class="MXMLDefault_Text">" horizontalCenter="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">" 
+                 text="</span><span class="MXMLString">This sample will format or parse a number with the selected locale. The last operation status
+will indicate if an error occurred in formatting or parsing. </span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+    <span class="MXMLComponent_Tag">&lt;/s:Panel&gt;</span>
+<span class="MXMLComponent_Tag">&lt;/s:WindowedApplication&gt;</span></pre></body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR20/Globalization/srcview/source/skins/TDFPanelSkin.mxml.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR20/Globalization/srcview/source/skins/TDFPanelSkin.mxml.html b/TourDeFlex/TourDeFlex/src/objects/AIR20/Globalization/srcview/source/skins/TDFPanelSkin.mxml.html
new file mode 100644
index 0000000..df79d11
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR20/Globalization/srcview/source/skins/TDFPanelSkin.mxml.html
@@ -0,0 +1,147 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+<head>
+  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+  <meta http-equiv="Content-Style-Type" content="text/css">
+  <title>TDFPanelSkin.mxml</title>
+  <meta name="Generator" content="Cocoa HTML Writer">
+  <meta name="CocoaVersion" content="1187.4">
+  <style type="text/css">
+    p.p1 {margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Courier}
+    p.p2 {margin: 0.0px 0.0px 0.0px 0.0px; font: 11.0px Monaco; color: #941100}
+    p.p3 {margin: 0.0px 0.0px 0.0px 0.0px; font: 11.0px Monaco; min-height: 15.0px}
+    p.p4 {margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Courier; min-height: 14.0px}
+  </style>
+</head>
+<body>
+<p class="p1">&lt;?xml version="1.0" encoding="utf-8"?&gt;</p>
+<p class="p2">&lt;!--</p>
+<p class="p3"><br></p>
+<p class="p2">Licensed to the Apache Software Foundation (ASF) under one or more</p>
+<p class="p2">contributor license agreements.<span class="Apple-converted-space">  </span>See the NOTICE file distributed with</p>
+<p class="p2">this work for additional information regarding copyright ownership.</p>
+<p class="p2">The ASF licenses this file to You under the Apache License, Version 2.0</p>
+<p class="p2">(the "License"); you may not use this file except in compliance with</p>
+<p class="p2">the License.<span class="Apple-converted-space">  </span>You may obtain a copy of the License at</p>
+<p class="p3"><br></p>
+<p class="p2">http://www.apache.org/licenses/LICENSE-2.0</p>
+<p class="p3"><br></p>
+<p class="p2">Unless required by applicable law or agreed to in writing, software</p>
+<p class="p2">distributed under the License is distributed on an "AS IS" BASIS,</p>
+<p class="p2">WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.</p>
+<p class="p2">See the License for the specific language governing permissions and</p>
+<p class="p2">limitations under the License.</p>
+<p class="p3"><br></p>
+<p class="p2">--&gt;</p>
+<p class="p4"><br></p>
+<p class="p1">&lt;s:Skin xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark"<span class="Apple-converted-space"> </span></p>
+<p class="p1"><span class="Apple-converted-space">        </span>alpha.disabled="0.5" minWidth="131" minHeight="127"&gt;</p>
+<p class="p4"><span class="Apple-converted-space">    </span></p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;fx:Metadata&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>[HostComponent("spark.components.Panel")]</p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;/fx:Metadata&gt;<span class="Apple-converted-space"> </span></p>
+<p class="p4"><span class="Apple-converted-space">    </span></p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;s:states&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:State name="normal" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:State name="disabled" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:State name="normalWithControlBar" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:State name="disabledWithControlBar" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;/s:states&gt;</p>
+<p class="p4"><span class="Apple-converted-space">    </span></p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;!-- drop shadow --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;s:Rect left="0" top="0" right="0" bottom="0"&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:filters&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:DropShadowFilter blurX="15" blurY="15" alpha="0.18" distance="11" angle="90" knockout="true" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;/s:filters&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:SolidColor color="0" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;/s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;/s:Rect&gt;</p>
+<p class="p4"><span class="Apple-converted-space">    </span></p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;!-- layer 1: border --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;s:Rect left="0" right="0" top="0" bottom="0"&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:stroke&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:SolidColorStroke color="0" alpha="0.50" weight="1" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;/s:stroke&gt;</p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;/s:Rect&gt;</p>
+<p class="p4"><span class="Apple-converted-space">    </span></p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;!-- layer 2: background fill --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;s:Rect left="0" right="0" bottom="0" height="15"&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:LinearGradient rotation="90"&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;s:GradientEntry color="0xE2E2E2" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;s:GradientEntry color="0x000000" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;/s:LinearGradient&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;/s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;/s:Rect&gt;</p>
+<p class="p4"><span class="Apple-converted-space">    </span></p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;!-- layer 3: contents --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;s:Group left="1" right="1" top="1" bottom="1" &gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:layout&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:VerticalLayout gap="0" horizontalAlign="justify" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;/s:layout&gt;</p>
+<p class="p4"><span class="Apple-converted-space">        </span></p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:Group id="topGroup" &gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;!-- layer 0: title bar fill --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;!-- Note: We have custom skinned the title bar to be solid black for Tour de Flex --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:Rect id="tbFill" left="0" right="0" top="0" bottom="1" &gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                    </span>&lt;s:SolidColor color="0x000000" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;/s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;/s:Rect&gt;</p>
+<p class="p4"><span class="Apple-converted-space">            </span></p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;!-- layer 1: title bar highlight --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:Rect id="tbHilite" left="0" right="0" top="0" bottom="0" &gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;s:stroke&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                    </span>&lt;s:LinearGradientStroke rotation="90" weight="1"&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                        </span>&lt;s:GradientEntry color="0xEAEAEA" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                        </span>&lt;s:GradientEntry color="0xD9D9D9" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                    </span>&lt;/s:LinearGradientStroke&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;/s:stroke&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;/s:Rect&gt;</p>
+<p class="p4"><span class="Apple-converted-space">            </span></p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;!-- layer 2: title bar divider --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:Rect id="tbDiv" left="0" right="0" height="1" bottom="0"&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                    </span>&lt;s:SolidColor color="0xC0C0C0" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;/s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;/s:Rect&gt;</p>
+<p class="p4"><span class="Apple-converted-space">            </span></p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;!-- layer 3: text --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:Label id="titleDisplay" maxDisplayedLines="1"</p>
+<p class="p1"><span class="Apple-converted-space">                     </span>left="9" right="3" top="1" minHeight="30"</p>
+<p class="p1"><span class="Apple-converted-space">                     </span>verticalAlign="middle" fontWeight="bold" color="#E2E2E2"&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;/s:Label&gt;</p>
+<p class="p4"><span class="Apple-converted-space">            </span></p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;/s:Group&gt;</p>
+<p class="p4"><span class="Apple-converted-space">        </span></p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:Group id="contentGroup" width="100%" height="100%" minWidth="0" minHeight="0"&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;/s:Group&gt;</p>
+<p class="p4"><span class="Apple-converted-space">        </span></p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:Group id="bottomGroup" minWidth="0" minHeight="0"</p>
+<p class="p1"><span class="Apple-converted-space">                 </span>includeIn="normalWithControlBar, disabledWithControlBar" &gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;!-- layer 0: control bar background --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:Rect left="0" right="0" bottom="0" top="1" &gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                    </span>&lt;s:SolidColor color="0xE2EdF7" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;/s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;/s:Rect&gt;</p>
+<p class="p4"><span class="Apple-converted-space">            </span></p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;!-- layer 1: control bar divider line --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:Rect left="0" right="0" top="0" height="1" &gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                    </span>&lt;s:SolidColor color="0xD1E0F2" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;/s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;/s:Rect&gt;</p>
+<p class="p4"><span class="Apple-converted-space">            </span></p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;!-- layer 2: control bar --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:Group id="controlBarGroup" left="0" right="0" top="1" bottom="1" minWidth="0" minHeight="0"&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;s:layout&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                    </span>&lt;s:HorizontalLayout paddingLeft="10" paddingRight="10" paddingTop="7" paddingBottom="7" gap="10" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;/s:layout&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;/s:Group&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;/s:Group&gt;</p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;/s:Group&gt;</p>
+<p class="p1">&lt;/s:Skin&gt;</p>
+</body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR20/Globalization/srcview/source/test-app.xml.txt
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR20/Globalization/srcview/source/test-app.xml.txt b/TourDeFlex/TourDeFlex/src/objects/AIR20/Globalization/srcview/source/test-app.xml.txt
new file mode 100644
index 0000000..de9c8d6
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR20/Globalization/srcview/source/test-app.xml.txt
@@ -0,0 +1,156 @@
+<?xml version="1.0" encoding="utf-8" standalone="no"?>
+<!--
+
+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.
+
+-->
+<application xmlns="http://ns.adobe.com/air/application/2.0beta2">
+
+<!-- Adobe AIR Application Descriptor File Template.
+
+	Specifies parameters for identifying, installing, and launching AIR applications.
+
+	xmlns - The Adobe AIR namespace: http://ns.adobe.com/air/application/2.0beta2
+			The last segment of the namespace specifies the version 
+			of the AIR runtime required for this application to run.
+			
+	minimumPatchLevel - The minimum patch level of the AIR runtime required to run 
+			the application. Optional.
+-->
+
+	<!-- The application identifier string, unique to this application. Required. -->
+	<id>test</id>
+
+	<!-- Used as the filename for the application. Required. -->
+	<filename>test</filename>
+
+	<!-- The name that is displayed in the AIR application installer. 
+	     May have multiple values for each language. See samples or xsd schema file. Optional. -->
+	<name>test</name>
+
+	<!-- An application version designator (such as "v1", "2.5", or "Alpha 1"). Required. -->
+	<version>v1</version>
+
+	<!-- Description, displayed in the AIR application installer.
+	     May have multiple values for each language. See samples or xsd schema file. Optional. -->
+	<!-- <description></description> -->
+
+	<!-- Copyright information. Optional -->
+	<!-- <copyright></copyright> -->
+
+	<!-- Publisher ID. Used if you're updating an application created prior to 1.5.3 -->
+	<!-- <publisherID></publisherID> -->
+
+	<!-- Settings for the application's initial window. Required. -->
+	<initialWindow>
+		<!-- The main SWF or HTML file of the application. Required. -->
+		<!-- Note: In Flash Builder, the SWF reference is set automatically. -->
+		<content>[This value will be overwritten by Flash Builder in the output app.xml]</content>
+		
+		<!-- The title of the main window. Optional. -->
+		<!-- <title></title> -->
+
+		<!-- The type of system chrome to use (either "standard" or "none"). Optional. Default standard. -->
+		<!-- <systemChrome></systemChrome> -->
+
+		<!-- Whether the window is transparent. Only applicable when systemChrome is none. Optional. Default false. -->
+		<!-- <transparent></transparent> -->
+
+		<!-- Whether the window is initially visible. Optional. Default false. -->
+		<!-- <visible></visible> -->
+
+		<!-- Whether the user can minimize the window. Optional. Default true. -->
+		<!-- <minimizable></minimizable> -->
+
+		<!-- Whether the user can maximize the window. Optional. Default true. -->
+		<!-- <maximizable></maximizable> -->
+
+		<!-- Whether the user can resize the window. Optional. Default true. -->
+		<!-- <resizable></resizable> -->
+
+		<!-- The window's initial width in pixels. Optional. -->
+		<!-- <width></width> -->
+
+		<!-- The window's initial height in pixels. Optional. -->
+		<!-- <height></height> -->
+
+		<!-- The window's initial x position. Optional. -->
+		<!-- <x></x> -->
+
+		<!-- The window's initial y position. Optional. -->
+		<!-- <y></y> -->
+
+		<!-- The window's minimum size, specified as a width/height pair in pixels, such as "400 200". Optional. -->
+		<!-- <minSize></minSize> -->
+
+		<!-- The window's initial maximum size, specified as a width/height pair in pixels, such as "1600 1200". Optional. -->
+		<!-- <maxSize></maxSize> -->
+	</initialWindow>
+
+	<!-- The subpath of the standard default installation location to use. Optional. -->
+	<!-- <installFolder></installFolder> -->
+
+	<!-- The subpath of the Programs menu to use. (Ignored on operating systems without a Programs menu.) Optional. -->
+	<!-- <programMenuFolder></programMenuFolder> -->
+
+	<!-- The icon the system uses for the application. For at least one resolution,
+		 specify the path to a PNG file included in the AIR package. Optional. -->
+	<!-- <icon>
+		<image16x16></image16x16>
+		<image32x32></image32x32>
+		<image48x48></image48x48>
+		<image128x128></image128x128>
+	</icon> -->
+
+	<!-- Whether the application handles the update when a user double-clicks an update version
+	of the AIR file (true), or the default AIR application installer handles the update (false).
+	Optional. Default false. -->
+	<!-- <customUpdateUI></customUpdateUI> -->
+	
+	<!-- Whether the application can be launched when the user clicks a link in a web browser.
+	Optional. Default false. -->
+	<!-- <allowBrowserInvocation></allowBrowserInvocation> -->
+
+	<!-- Listing of file types for which the application can register. Optional. -->
+	<!-- <fileTypes> -->
+
+		<!-- Defines one file type. Optional. -->
+		<!-- <fileType> -->
+
+			<!-- The name that the system displays for the registered file type. Required. -->
+			<!-- <name></name> -->
+
+			<!-- The extension to register. Required. -->
+			<!-- <extension></extension> -->
+			
+			<!-- The description of the file type. Optional. -->
+			<!-- <description></description> -->
+			
+			<!-- The MIME content type. -->
+			<!-- <contentType></contentType> -->
+			
+			<!-- The icon to display for the file type. Optional. -->
+			<!-- <icon>
+				<image16x16></image16x16>
+				<image32x32></image32x32>
+				<image48x48></image48x48>
+				<image128x128></image128x128>
+			</icon> -->
+			
+		<!-- </fileType> -->
+	<!-- </fileTypes> -->
+
+</application>


[02/51] [partial] Merged TourDeFlex release from develop

Posted by jm...@apache.org.
http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/spark/i18n/SparkNumberFormatterExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/i18n/SparkNumberFormatterExample.mxml b/TourDeFlex/TourDeFlex3/src/spark/i18n/SparkNumberFormatterExample.mxml
new file mode 100644
index 0000000..ac05b0c
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/spark/i18n/SparkNumberFormatterExample.mxml
@@ -0,0 +1,97 @@
+<?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.
+
+-->
+<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
+			   xmlns:s="library://ns.adobe.com/flex/spark"
+			   xmlns:mx="library://ns.adobe.com/flex/mx"
+			   width="100%" height="100%">
+	<fx:Style>
+		@namespace s "library://ns.adobe.com/flex/spark";
+		@namespace mx "library://ns.adobe.com/flex/mx";
+		s|Label {
+			color: #FFFFFF;
+			font-weight: bold;
+		}
+		#titleL {
+			font-size: 20;
+		}
+		s|ComboBox {
+			alternating-item-colors: #424242;
+		}
+		s|Form {
+			background-color: #424242;
+		}
+	</fx:Style>
+	
+	<fx:Script>
+		<![CDATA[
+			import mx.collections.ArrayCollection;
+			
+			[Bindable]
+			private var locales:ArrayCollection = new ArrayCollection(['en-US','de-DE','ja-JP','ru-RU','ar-SA','zh-CN','fr-FR']);
+			[Bindable]
+			private var groupPatternArrColl:ArrayCollection = new ArrayCollection(['3;*', '1;*', '3;2;*', '3;2;1;*','2;1']);
+		]]>
+	</fx:Script>
+	<fx:Declarations>
+		<!-- Place non-visual elements (e.g., services, value objects) here -->
+		<s:NumberFormatter id="nf"  locale="{localeCB.selectedItem}"/>
+		<s:NumberFormatter id="nf_default" locale="{localeCB.selectedItem}"/>
+	</fx:Declarations>
+	<s:layout>
+		<s:VerticalLayout/>
+	</s:layout>
+	<s:Scroller id="scroller" width="100%" height="100%">
+		<s:Group>
+			<s:Form>
+				<s:Label id="titleL" text="Spark NumberFormatter"/>
+				<s:Label text="Select a locale to see the property value and formatted Number: "/>
+				<s:Spacer height="15"/>
+				
+				<s:FormItem label="Locale:">
+					<s:ComboBox id="localeCB" dataProvider="{locales}" selectedIndex="0"/>
+				</s:FormItem>
+				<s:FormItem label="Input a number to format:">
+					<s:TextInput id="inputTI" text="12345"/>
+				</s:FormItem>
+				<s:FormItem label="Fraction Digits: (default: {nf_default.fractionalDigits})">
+					<s:NumericStepper id="fdNS" maximum="10" minimum="0" change="nf.fractionalDigits = fdNS.value"/>
+				</s:FormItem>
+				<s:FormItem label="Decimal Separator: (default: {nf_default.decimalSeparator})">
+					<s:TextInput id="dsTI" change="nf.decimalSeparator = dsTI.text"/>
+				</s:FormItem>
+				<s:FormItem label="Grouping Pattern: (default: {nf_default.groupingPattern})">
+					<s:ComboBox id="gpCB" dataProvider="{groupPatternArrColl}" change="nf.groupingPattern = gpCB.selectedItem"/>
+				</s:FormItem>
+				<s:FormItem label="Grouping Separator: (default: {nf_default.groupingSeparator})">
+					<s:TextInput id="gsTI" change="nf.groupingSeparator = gsTI.text"/>
+				</s:FormItem>
+				<s:FormItem label="Negative Number Format: (default: {nf_default.negativeNumberFormat})">
+					<s:NumericStepper id="ncfNS" minimum="0" maximum="4" change="nf.negativeNumberFormat = ncfNS.value"/>
+				</s:FormItem>
+				<s:Label text="==================================================================="/>
+				<s:FormItem label="Formatted Number is:">
+					<s:Label id="resultL" text="{nf.format(inputTI.text)}"/>
+				</s:FormItem>
+			</s:Form>
+		</s:Group>
+	</s:Scroller>
+	
+	
+</s:Application>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/spark/i18n/SparkNumberValidator2Example.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/i18n/SparkNumberValidator2Example.mxml b/TourDeFlex/TourDeFlex3/src/spark/i18n/SparkNumberValidator2Example.mxml
new file mode 100644
index 0000000..f48f021
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/spark/i18n/SparkNumberValidator2Example.mxml
@@ -0,0 +1,70 @@
+<?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.
+
+-->
+<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
+			   xmlns:s="library://ns.adobe.com/flex/spark"
+			   xmlns:mx="library://ns.adobe.com/flex/mx"
+			   width="100%" height="100%">
+	<fx:Style>
+		@namespace s "library://ns.adobe.com/flex/spark";
+		@namespace mx "library://ns.adobe.com/flex/mx";
+		s|Label {
+			color: #FFFFFF;
+			font-weight: bold;
+		}
+		#titleL {
+			font-size: 20;
+		}
+		s|ComboBox {
+			alternating-item-colors: #424242;
+		}
+		
+		s|Form {
+			background-color: #424242;
+		}
+	</fx:Style>
+	<fx:Script>
+		<![CDATA[
+			import mx.collections.ArrayCollection;
+			
+			[Bindable]
+			private var locales:ArrayCollection = new ArrayCollection(['en-US','de-DE','ja-JP','ru-RU','ar-SA','zh-CN','fr-FR']);
+		]]>
+	</fx:Script>
+	<fx:Declarations>
+		<!-- Place non-visual elements (e.g., services, value objects) here -->
+		<s:NumberValidator id="nv" source="{inputTI}" property="text" 
+						   minValue="100" domain="int" locale="{localeCB.selectedItem}"/>
+	</fx:Declarations>
+	<s:Scroller width="100%" height="100%">
+		<s:Group>
+			<s:Form>
+				<s:Label id="titleL" text="Spark NumberValidator"/>
+				<s:Label text="Validate a number by using Spark NumberValidator"/>
+				<s:Spacer height="15"/>
+				<s:FormItem label="Locale:">
+					<s:ComboBox id="localeCB" dataProvider="{locales}" selectedIndex="0"/>
+				</s:FormItem>
+				<s:FormItem label="Enter a number to validate:">
+					<s:TextInput id="inputTI" toolTip="The number should be an integer which greater than 100."/>
+				</s:FormItem>
+			</s:Form>
+		</s:Group>
+	</s:Scroller>
+</s:Application>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/spark/i18n/SparkNumberValidatorExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/i18n/SparkNumberValidatorExample.mxml b/TourDeFlex/TourDeFlex3/src/spark/i18n/SparkNumberValidatorExample.mxml
new file mode 100644
index 0000000..4372338
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/spark/i18n/SparkNumberValidatorExample.mxml
@@ -0,0 +1,104 @@
+<?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.
+
+-->
+<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
+			   xmlns:s="library://ns.adobe.com/flex/spark"
+			   xmlns:mx="library://ns.adobe.com/flex/mx"
+			   width="100%" height="100%">
+	<fx:Style>
+		@namespace s "library://ns.adobe.com/flex/spark";
+		@namespace mx "library://ns.adobe.com/flex/mx";
+		s|Label {
+			color: #FFFFFF;
+			font-weight: bold;
+		}
+		#titleL {
+			font-size: 20;
+		}
+		s|ComboBox {
+			alternating-item-colors: #424242;
+		}
+		
+		s|Form {
+			background-color: #424242;
+		}
+	</fx:Style>
+	
+	<fx:Script>
+		<![CDATA[
+			import mx.collections.ArrayCollection;
+			
+			[Bindable]
+			private var locales:ArrayCollection = new ArrayCollection(['en-US','de-DE','ja-JP','ru-RU','ar-SA','zh-CN','fr-FR']);
+			[Bindable]
+			private var groupPatternArrColl:ArrayCollection = new ArrayCollection(['3;*', '1;*', '3;2;*', '3;2;1;*','2;1']);
+			
+		]]>
+	</fx:Script>
+	<fx:Declarations>
+		<!-- Place non-visual elements (e.g., services, value objects) here -->
+		
+		<!--Click Tab key to validate the number-->
+		<s:NumberValidator id="nv" source="{inputTI}" property="text"/>
+	</fx:Declarations>
+	<s:layout>
+		<s:VerticalLayout/>
+	</s:layout>
+	<s:Scroller id="scroller" width="100%" height="100%">
+		<s:Group>
+			<s:Form>
+				<s:Label id="titleL" text="Spark NumberValidator"/>
+				<s:Label text="Create some criterions and validate the input number: "/>
+				<s:Spacer height="15"/>
+				
+				<s:FormItem label="Locale:">
+					<s:ComboBox id="localeCB" dataProvider="{locales}" selectedIndex="0" updateComplete="nv.setStyle('locale',localeCB.selectedItem);"/>
+				</s:FormItem>
+				<s:Label text="==================================================================="/>
+				<s:Label text="     Create some criterions to validate number:" color="#DEB887"/>
+				<s:FormItem label="Max Value:">
+					<s:TextInput id="maxTI" change="nv.maxValue = Number(maxTI.text)"/>
+				</s:FormItem>
+				<s:FormItem label="Min Value:">
+					<s:TextInput id="minTI" change="nv.minValue = Number(minTI.text)"/>
+				</s:FormItem>
+				<s:FormItem label="Fraction Digits:">
+					<s:NumericStepper id="fdNS" maximum="5" minimum="0" change="nv.fractionalDigits = fdNS.value"/>
+				</s:FormItem>
+				<s:FormItem label="Decimal Separator:">
+					<s:TextInput id="dsTI" change="nv.decimalSeparator = dsTI.text"/>
+				</s:FormItem>
+				<s:FormItem label="Grouping Separator:">
+					<s:TextInput id="gsTI" change="nv.groupingSeparator = gsTI.text"/>
+				</s:FormItem>
+				<s:Label text="     Customize error messages:" color="#DEB887"
+						 toolTip="Spark NumberValidator provide the ability to let user customize all the error messages."/>
+				<s:FormItem label="Greater Than Max Error:" toolTip="Error message when the value exceeds the max value.">
+					<s:TextInput id="gtmTI" change="nv.greaterThanMaxError = gtmTI.text"/>
+				</s:FormItem>
+				<s:Label text="==================================================================="/>
+				<s:FormItem label="Input a number and press TAB key to validate:">
+					<s:TextInput id="inputTI"/>
+				</s:FormItem>
+			</s:Form>
+		</s:Group>
+	</s:Scroller>
+	
+	
+</s:Application>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/spark/i18n/SparkSortandSortField2Example.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/i18n/SparkSortandSortField2Example.mxml b/TourDeFlex/TourDeFlex3/src/spark/i18n/SparkSortandSortField2Example.mxml
new file mode 100644
index 0000000..f35634e
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/spark/i18n/SparkSortandSortField2Example.mxml
@@ -0,0 +1,82 @@
+<?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.
+
+-->
+<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
+			   xmlns:s="library://ns.adobe.com/flex/spark"
+			   xmlns:mx="library://ns.adobe.com/flex/mx"
+			   width="100%" height="100%">
+	<fx:Style>
+		@namespace s "library://ns.adobe.com/flex/spark";
+		@namespace mx "library://ns.adobe.com/flex/mx";
+		s|Label {
+			color: #FFFFFF;
+			font-weight: bold;
+		}
+		#titleL {
+			font-size: 20;
+		}
+		s|ComboBox, s|List {
+			alternating-item-colors: #424242;
+		}
+		
+		s|Form {
+			background-color: #424242;
+		}
+	</fx:Style>
+	<fx:Script>
+		<![CDATA[
+			import mx.collections.ArrayCollection;
+			[Bindable]
+			private var _locales:ArrayCollection = new ArrayCollection(['en-US','de-DE','ja-JP','ru-RU','ar-SA','fr-FR']);
+			[Bindable]
+			private var employeeArrColl:ArrayCollection = new ArrayCollection(['côte','b','coté','xyz','ABC','Öhlund','Oehland','Zorn','Aaron','Ohlin','Aaron']);
+			
+			protected function button1_clickHandler(event:MouseEvent):void
+			{
+				mySort.fields = [sortField];
+				employeeArrColl.sort = mySort;
+				employeeArrColl.refresh();
+			}
+			
+		]]>
+	</fx:Script>
+	<fx:Declarations>
+		<!-- Place non-visual elements (e.g., services, value objects) here -->
+		<s:Sort id="mySort" locale="{localeCB.selectedItem}"/>
+		<s:SortField id="sortField" />
+	</fx:Declarations>
+	<s:Scroller width="100%" height="100%">
+		<s:Group>
+			<s:Form>
+				<s:Label id="titleL" text="Spark Sort and SortField"/>
+				<s:Label text="Sort strings in List by using Spark Sort and SortField"/>
+				<s:Spacer height="15"/>
+				<s:FormItem label="Locale: ">
+					<s:ComboBox id="localeCB" dataProvider="{_locales}" selectedIndex="0"/>
+				</s:FormItem>
+				<s:FormItem label="List: ">
+					<s:List dataProvider="{employeeArrColl}"/>
+				</s:FormItem>
+				<s:FormItem>
+					<s:Button label="Click to sort" click="button1_clickHandler(event)"/>
+				</s:FormItem>
+			</s:Form>
+		</s:Group>
+	</s:Scroller>
+</s:Application>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/spark/i18n/SparkSortandSortFieldExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/i18n/SparkSortandSortFieldExample.mxml b/TourDeFlex/TourDeFlex3/src/spark/i18n/SparkSortandSortFieldExample.mxml
new file mode 100644
index 0000000..3fcd65c
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/spark/i18n/SparkSortandSortFieldExample.mxml
@@ -0,0 +1,122 @@
+<?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.
+
+-->
+<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
+			   xmlns:s="library://ns.adobe.com/flex/spark"
+			   xmlns:mx="library://ns.adobe.com/flex/mx"
+			   width="100%" height="100%">
+	<fx:Style>
+		@namespace s "library://ns.adobe.com/flex/spark";
+		@namespace mx "library://ns.adobe.com/flex/mx";
+		s|Label {
+			color: #FFFFFF;
+			font-weight: bold;
+		}
+		#titleL {
+			font-size: 20;
+		}
+		s|ComboBox {
+			alternating-item-colors: #424242;
+		}
+		
+		s|Form {
+			background-color: #424242;
+		}
+	</fx:Style>
+	
+	<fx:Script>
+		<![CDATA[
+			import mx.collections.ArrayCollection;
+			
+			[Bindable]
+			private var _locales:ArrayCollection = new ArrayCollection(['en-US','de-DE','ja-JP','ru-RU','ar-SA','zh-CN']);
+			
+			private function sortInOrder(order:int):void {
+				switch (order)
+				{
+					case 1:
+						mySort.fields = [firstField,lastField,ageField];
+						break;
+					case 2:
+						mySort.fields = [lastField,firstField,ageField];
+						break;
+					case 3:
+						mySort.fields = [ageField,firstField,lastField];
+						break;
+					case 4:
+						mySort.fields = [firstField,ageField,lastField];
+						break;
+				}
+				
+				employeeArrColl.sort = mySort;
+				employeeArrColl.refresh();
+			}
+		]]>
+	</fx:Script>
+	<fx:Declarations>
+		<!-- Place non-visual elements (e.g., services, value objects) here -->
+		<s:Sort id="mySort" locale="{localeCB.selectedItem}"/>
+		
+		<s:SortField id="firstField" name="first"/>
+		<s:SortField id="lastField" name="last"/>
+		<s:SortField id="ageField" name="age"/>
+		
+		<s:ArrayCollection id="employeeArrColl">
+			<fx:Object first="Anders" last="Öhlund" age="36"/>
+			<fx:Object first="Eileen" last="Oehland" age="25"/>
+			<fx:Object first="Anders" last="Zorn" age="36"/>
+			<fx:Object first="Steve" last="Aaron" age="40"/>
+			<fx:Object first="Toren" last="Ohlin" age="20"/>
+			<fx:Object first="Toren" last="Aaron" age="36"/>
+			<fx:Object first="Torolf" last="Aaron" age="40"/>
+		</s:ArrayCollection>
+	</fx:Declarations>
+	<s:Scroller id="scroller" width="100%" height="100%">
+		<s:Group>
+			<s:Form>
+				<s:Label id="titleL" text="Spark Sort and SortField"/>
+				<s:Label text="Select a locale to see the strings sorting result:"/>
+				<s:Spacer height="15"/>
+				
+				<s:FormItem label="Locale: ">
+					<s:ComboBox id="localeCB" dataProvider="{_locales}" selectedIndex="0"/>
+				</s:FormItem>
+				<s:Label text="     ==========================================================================="/>
+				<s:FormItem label="Sorting Priority:" toolTip="Click priority radio button to sort multiple columns">
+					<s:RadioButton id="flaRB" groupName="priority" label="first name > last name > age" click="sortInOrder(1)"/>
+					<s:RadioButton id="lfaRB" groupName="priority" label="last name > first name > age" click="sortInOrder(2)"/>
+					<s:RadioButton id="alfRB" groupName="priority" label="age > first name > last name" click="sortInOrder(3)"/>
+					<s:RadioButton id="falRB" groupName="priority" label="first name > age > last name" click="sortInOrder(4)"/>
+				</s:FormItem>
+				<s:FormItem label="Employee Table:" toolTip="Click data grid column header to sort single one column">
+					<s:DataGrid id="dg" dataProvider="{employeeArrColl}" width="100%">
+						<s:columns>
+							<s:ArrayList>
+								<s:GridColumn dataField="first" headerText="First Name"/>
+								<s:GridColumn dataField="last" headerText="Last Name"/>
+								<s:GridColumn dataField="age" headerText="Age"/>
+							</s:ArrayList>
+						</s:columns>
+					</s:DataGrid>
+				</s:FormItem>
+			</s:Form>
+		</s:Group>
+	</s:Scroller>
+	
+</s:Application>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/spark/i18n/SparkStringToolsExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/i18n/SparkStringToolsExample.mxml b/TourDeFlex/TourDeFlex3/src/spark/i18n/SparkStringToolsExample.mxml
new file mode 100644
index 0000000..fad6eb8
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/spark/i18n/SparkStringToolsExample.mxml
@@ -0,0 +1,124 @@
+<?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.
+
+-->
+<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
+			   xmlns:s="library://ns.adobe.com/flex/spark"
+			   xmlns:mx="library://ns.adobe.com/flex/mx"
+			   width="100%" height="100%">
+	<fx:Style>
+		@namespace s "library://ns.adobe.com/flex/spark";
+		@namespace mx "library://ns.adobe.com/flex/mx";
+		s|Label {
+			color: #FFFFFF;
+			font-weight: bold;
+		}
+		#titleL {
+			font-size: 20;
+		}
+		s|ComboBox {
+			alternating-item-colors: #424242;
+		}
+		
+		s|Form {
+			background-color: #424242;
+		}
+		
+		s|List {
+			alternating-item-colors: #424242;
+		}
+	</fx:Style>
+	<fx:Script>
+		<![CDATA[
+			import mx.collections.ArrayCollection;
+			
+			[Bindable]
+			private var _locales:ArrayCollection = new ArrayCollection(['en-US','zh-CN','ja-JP','de-DE','fr-FR','ru-RU','ar-SA']);
+			[Bindable]
+			private var _initStr:String = 'Turkish I: iI & ıİ; Greek: ΣςσβΰΐΣ; German: ß';
+			protected function localesCB_changeHandler():void
+			{
+				st.setStyle('locale',localesCB.selectedItem);
+				initStrs(localesCB.selectedItem);
+				converString();
+			}
+			
+			private function initStrs(locale:String):void 
+			{
+				switch(locale)
+				{
+					case 'en-US':
+						_initStr = 'Turkish I: iI & ıİ; Greek: ΣςσβΰΐΣ; German: ß';
+						break;
+					case 'zh-CN':
+						_initStr = '这是一个中文测试语句';
+						break;
+					case 'ja-JP':
+						_initStr = '現代の日本語では、主に以下の3種類の文字体系が用いられる。';
+						break;
+					case 'de-DE':
+						_initStr = 'Wie heißen Sie?';
+						break;
+					case 'fr-FR':
+						_initStr = 'Le français parlé aujourd’hui tire son nom de cet ancien franceis';
+						break;
+					case 'ru-RU':
+						_initStr = 'большой';
+						break;
+					case 'ar-SA':
+						_initStr = 'جامعة الدول العربية';
+						break;
+				}
+			}
+			private function converString():void
+			{
+				upperL.text = st.toUpperCase(inputTI.text);
+				lowerL.text = st.toLowerCase(inputTI.text);
+			}  
+		]]>
+	</fx:Script>
+	<fx:Declarations>
+		<!-- Place non-visual elements (e.g., services, value objects) here -->
+		<s:StringTools id="st"/>
+	</fx:Declarations>
+	<s:layout>
+		<s:VerticalLayout/>
+	</s:layout>
+	<s:Scroller id="scroller" width="100%" height="100%">
+		<s:Group>
+			<s:Form>
+				<s:Label id="titleL" text="Spark StringTools"/>
+				<s:Label text="Enter strings and find the case conversion result"/>
+				<s:Spacer height="15"/>
+				<s:FormItem label="Locales:">
+					<s:ComboBox id="localesCB" dataProvider="{_locales}" selectedIndex="0" change="localesCB_changeHandler()"/>
+				</s:FormItem>
+				<s:FormItem label="Please enter a string:">
+					<s:TextInput id="inputTI" width="380" text="{_initStr}" change="converString()"/>
+				</s:FormItem>
+				<s:FormItem label="ToLowerCase:">
+					<s:Label id="lowerL"/>
+				</s:FormItem>
+				<s:FormItem label="ToUpperCase:">
+					<s:Label id="upperL"/>
+				</s:FormItem>
+			</s:Form>
+		</s:Group>
+	</s:Scroller>
+</s:Application>
+

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/spark/itemRenderers/Item.as
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/itemRenderers/Item.as b/TourDeFlex/TourDeFlex3/src/spark/itemRenderers/Item.as
new file mode 100644
index 0000000..f5f0a30
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/spark/itemRenderers/Item.as
@@ -0,0 +1,62 @@
+////////////////////////////////////////////////////////////////////////////////
+//
+//  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.
+//
+////////////////////////////////////////////////////////////////////////////////
+package
+{
+    [Bindable]
+    public class Item
+    {
+        private var _name:String;
+        private var _photo:String;
+		private var _price:String;
+        
+        public function Item()
+        {
+        }
+        
+        public function get name():String
+        {
+            return _name;
+        }
+		
+		public function set name(name:String):void
+		{
+			_name = name;
+		}
+
+		public function get photo():String
+        {
+            return _photo;
+        }
+		
+		public function set photo(photo:String):void
+		{
+			_photo = photo;
+		}
+        
+		public function get price():String
+		{
+			return _price;
+		}
+		public function set price(price:String):void
+		{
+			_price = price;
+		}
+
+    }
+}
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/spark/itemRenderers/ItemRenderer1Example.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/itemRenderers/ItemRenderer1Example.mxml b/TourDeFlex/TourDeFlex3/src/spark/itemRenderers/ItemRenderer1Example.mxml
new file mode 100644
index 0000000..3c21155
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/spark/itemRenderers/ItemRenderer1Example.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.
+
+-->
+<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
+			   xmlns:s="library://ns.adobe.com/flex/spark" 
+			   xmlns:mx="library://ns.adobe.com/flex/mx" 
+			   initialize="init()">
+	
+	
+	<fx:Script>
+		<![CDATA[
+			import mx.collections.XMLListCollection;
+			
+			import skins.TDFPanelSkin;
+			
+			[Bindable]
+			private var employees:XMLListCollection;
+			
+			[Embed(source="data/list.xml", mimeType="application/octet-stream")]
+			private var XMLData:Class;
+			
+			private function init():void
+			{
+				var data:XML = XML(new XMLData());
+				
+				employees = new XMLListCollection(data.employee);
+			}			
+		]]>
+	</fx:Script>
+
+	<s:Panel width="100%" height="100%" title="Custom Item Renderer with Animation" skinClass="skins.TDFPanelSkin">
+		<s:layout>
+			<s:HorizontalLayout paddingLeft="100" paddingRight="10" paddingTop="10" paddingBottom="10"/>
+		</s:layout>
+		<s:DataGroup dataProvider="{employees}" width="300" itemRenderer="renderers.ImageRenderer1">
+			<s:layout>
+				<s:TileLayout horizontalGap="0" verticalGap="0"/>
+			</s:layout>
+		</s:DataGroup>
+		<s:Label color="0x323232" width="200" text="The item renderer on this DataGroup uses the Spark Animate to scale the image
+when hovered over each item. See the ImageRenderer1.mxml source for more information."/>
+	</s:Panel>
+	
+</s:Application>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/spark/itemRenderers/ItemRenderer2Example.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/itemRenderers/ItemRenderer2Example.mxml b/TourDeFlex/TourDeFlex3/src/spark/itemRenderers/ItemRenderer2Example.mxml
new file mode 100644
index 0000000..29ab4ca
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/spark/itemRenderers/ItemRenderer2Example.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.
+
+-->
+<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
+			   xmlns:s="library://ns.adobe.com/flex/spark" 
+			   xmlns:mx="library://ns.adobe.com/flex/mx" 
+			   initialize="init()">
+	
+	<fx:Style>
+
+		@namespace s "library://ns.adobe.com/flex/spark";
+		@namespace mx "library://ns.adobe.com/flex/halo";
+		
+		s|Application {
+			font-size: 14;
+		}
+		
+	</fx:Style>
+	
+	<fx:Script>
+		<![CDATA[
+			import mx.collections.XMLListCollection;
+			
+			[Bindable]
+			private var employees:XMLListCollection;
+			
+			[Embed(source="data/list.xml", mimeType="application/octet-stream")]
+			private var XMLData:Class;
+			
+			private function init():void
+			{
+				var data:XML = XML(new XMLData());
+				
+				employees = new XMLListCollection(data.employee);
+			}
+		]]>
+	</fx:Script>
+	
+	<s:Panel width="100%" height="100%" title="Custom Item Renderer with Animation" skinClass="skins.TDFPanelSkin">
+		<s:layout>
+			<s:HorizontalLayout paddingTop="2" paddingLeft="50" paddingRight="8"/>
+		</s:layout>
+		
+		<s:DataGroup dataProvider="{employees}" width="440" itemRenderer="renderers.ImageRenderer2" horizontalCenter="0" verticalCenter="0">
+			<s:layout>
+				<s:TileLayout />
+			</s:layout>
+		</s:DataGroup>
+		<s:Label color="0x323232" width="200" text="The item renderer on this DataGroup uses effects to provide a
+Spark 3D rotation effect when hovered over each item. See the ImageRenderer2.mxml source for more information. This sample also 
+shows the use of a special font for the text."/>
+	</s:Panel>
+</s:Application>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/spark/itemRenderers/ListItemRendererExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/itemRenderers/ListItemRendererExample.mxml b/TourDeFlex/TourDeFlex3/src/spark/itemRenderers/ListItemRendererExample.mxml
new file mode 100644
index 0000000..ece6c13
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/spark/itemRenderers/ListItemRendererExample.mxml
@@ -0,0 +1,102 @@
+<?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.
+
+-->
+<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
+			   xmlns:s="library://ns.adobe.com/flex/spark" 
+			   xmlns:mx="library://ns.adobe.com/flex/mx"
+			   xmlns:local="*" viewSourceURL="srcview/index.html">
+	<fx:Script>
+		<![CDATA[
+			import spark.events.IndexChangeEvent;
+			
+			[Bindable]
+			private var totalPrice:Number = 0.00;
+			
+			protected function itemIndexChangeHandler(event:IndexChangeEvent):void
+			{
+				if (ta.text.length!=0) 
+					ta.text=ta.text+"\n"+myList.selectedItem.name + " $"+myList.selectedItem.price;
+				else ta.text=myList.selectedItem.name+ " $"+myList.selectedItem.price;
+				totalPrice += Number(myList.selectedItem.price);
+			}
+			protected function buyBtn_clickHandler(event:MouseEvent):void
+			{
+				txtResponse.text="Thank you for your order totaling: " + usdFormatter.format(totalPrice) + "\nItems will ship in 3 days.";
+			}
+
+		]]>
+	</fx:Script>
+	<fx:Declarations>
+		<mx:CurrencyFormatter id="usdFormatter" precision="2" currencySymbol="$"
+							  decimalSeparatorFrom="." decimalSeparatorTo="." useNegativeSign="true"
+							  useThousandsSeparator="true" alignSymbol="left"/>
+	</fx:Declarations>
+	<fx:Style>
+		@namespace "library://ns.adobe.com/flex/spark";
+		#vGrp { 
+			color: #000000; 
+			fontFamily: "Arial";
+			fontSize: "12";
+		}
+	</fx:Style>
+		
+	<s:Panel title="List Sample" 
+			 width="100%" height="100%"  
+			 skinClass="skins.TDFPanelSkin">
+		<s:VGroup id="vGrp" horizontalCenter="0" top="3" 
+				  width="80%" height="75%">
+			<s:HGroup verticalAlign="middle">
+				<s:Label text="Select items to add, price will be shown when added:" 
+							  verticalAlign="bottom"/>
+			</s:HGroup>
+			<s:HGroup >
+				<s:List id="myList" height="157" width="160" 
+						itemRenderer="MyListItemRenderer" 
+						change="itemIndexChangeHandler(event)">
+					<s:dataProvider>
+						<s:ArrayCollection>
+							<local:Item name="Backpack" photo="assets/ApacheFlexIcon.png" price="29.99"/>
+							<local:Item name="Boots" photo="assets/ApacheFlexIcon.png" price="69.99"/>
+							<local:Item name="Compass" photo="assets/ApacheFlexIcon.png" price="12.99"/>
+							<local:Item name="Goggles" photo="assets/ApacheFlexIcon.png" price="14.99"/>
+							<local:Item name="Helmet" photo="assets/ApacheFlexIcon.png" price="47.99"/>
+						</s:ArrayCollection>
+					</s:dataProvider>
+				</s:List>
+				<s:TextArea id="ta" width="{myList.width}" height="{myList.height}" 
+							color="0xAE0A0A" fontWeight="bold"/>
+				<s:VGroup>
+					<mx:Spacer height="10"/>
+					<s:Label text="Total of Items selected: {usdFormatter.format(this.totalPrice)}"/> 
+					<s:Button id="buyBtn" horizontalCenter="0" bottom="30" label="Buy Now!" 
+							  fontWeight="bold" 
+							  click="buyBtn_clickHandler(event)"/>
+					<s:Label id="txtResponse"/>
+				</s:VGroup>
+			</s:HGroup>
+		</s:VGroup>
+		<s:Label bottom="15" horizontalCenter="0" width="95%" verticalAlign="justify" color="#323232" 
+					  text="The Spark List control displays a list of data items. Its functionality is
+very similar to that of the SELECT form element in HTML. The user can select one or more items from the list. 
+The List control automatically displays horizontal and vertical scroll bar when the list items do not fit 
+the size of the control."/>
+	</s:Panel>
+	
+	
+</s:Application>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/spark/itemRenderers/MyListItemRenderer.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/itemRenderers/MyListItemRenderer.mxml b/TourDeFlex/TourDeFlex3/src/spark/itemRenderers/MyListItemRenderer.mxml
new file mode 100644
index 0000000..73228d6
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/spark/itemRenderers/MyListItemRenderer.mxml
@@ -0,0 +1,39 @@
+<!--
+
+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.
+
+-->
+<s:ItemRenderer
+	xmlns:fx="http://ns.adobe.com/mxml/2009"
+	xmlns:s="library://ns.adobe.com/flex/spark"
+	xmlns:mx="library://ns.adobe.com/flex/mx">
+	
+	<s:states>
+		<s:State name="normal"/>
+		<s:State name="hovered"/>
+		<s:State name="selected" />
+	</s:states>
+	
+	<s:layout>
+		<s:VerticalLayout/>
+	</s:layout>
+	
+	<s:HGroup verticalAlign="middle" paddingTop="0" paddingBottom="0">
+		<mx:Image source="{data.photo}" width="50" height="40" alpha.hovered=".5"/>
+		<s:Label text="{data.name}" color.hovered="0x1313cd" color.selected="0x000000" verticalAlign="bottom"/>
+	</s:HGroup>
+	
+</s:ItemRenderer>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/spark/itemRenderers/assets/1.jpg
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/itemRenderers/assets/1.jpg b/TourDeFlex/TourDeFlex3/src/spark/itemRenderers/assets/1.jpg
new file mode 100644
index 0000000..2533129
Binary files /dev/null and b/TourDeFlex/TourDeFlex3/src/spark/itemRenderers/assets/1.jpg differ

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/spark/itemRenderers/assets/2.jpg
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/itemRenderers/assets/2.jpg b/TourDeFlex/TourDeFlex3/src/spark/itemRenderers/assets/2.jpg
new file mode 100644
index 0000000..2533129
Binary files /dev/null and b/TourDeFlex/TourDeFlex3/src/spark/itemRenderers/assets/2.jpg differ

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/spark/itemRenderers/assets/3.jpg
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/itemRenderers/assets/3.jpg b/TourDeFlex/TourDeFlex3/src/spark/itemRenderers/assets/3.jpg
new file mode 100644
index 0000000..b98cd8a
Binary files /dev/null and b/TourDeFlex/TourDeFlex3/src/spark/itemRenderers/assets/3.jpg differ

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/spark/itemRenderers/assets/4.jpg
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/itemRenderers/assets/4.jpg b/TourDeFlex/TourDeFlex3/src/spark/itemRenderers/assets/4.jpg
new file mode 100644
index 0000000..657c12b
Binary files /dev/null and b/TourDeFlex/TourDeFlex3/src/spark/itemRenderers/assets/4.jpg differ

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/spark/itemRenderers/assets/5.jpg
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/itemRenderers/assets/5.jpg b/TourDeFlex/TourDeFlex3/src/spark/itemRenderers/assets/5.jpg
new file mode 100644
index 0000000..e296f9c
Binary files /dev/null and b/TourDeFlex/TourDeFlex3/src/spark/itemRenderers/assets/5.jpg differ

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/spark/itemRenderers/assets/6.jpg
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/itemRenderers/assets/6.jpg b/TourDeFlex/TourDeFlex3/src/spark/itemRenderers/assets/6.jpg
new file mode 100644
index 0000000..5ebc534
Binary files /dev/null and b/TourDeFlex/TourDeFlex3/src/spark/itemRenderers/assets/6.jpg differ

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/spark/itemRenderers/assets/7.jpg
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/itemRenderers/assets/7.jpg b/TourDeFlex/TourDeFlex3/src/spark/itemRenderers/assets/7.jpg
new file mode 100644
index 0000000..3047de0
Binary files /dev/null and b/TourDeFlex/TourDeFlex3/src/spark/itemRenderers/assets/7.jpg differ

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/spark/itemRenderers/assets/8.jpg
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/itemRenderers/assets/8.jpg b/TourDeFlex/TourDeFlex3/src/spark/itemRenderers/assets/8.jpg
new file mode 100644
index 0000000..4e3f9ca
Binary files /dev/null and b/TourDeFlex/TourDeFlex3/src/spark/itemRenderers/assets/8.jpg differ

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/spark/itemRenderers/assets/9.jpg
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/itemRenderers/assets/9.jpg b/TourDeFlex/TourDeFlex3/src/spark/itemRenderers/assets/9.jpg
new file mode 100644
index 0000000..ed4e5fe
Binary files /dev/null and b/TourDeFlex/TourDeFlex3/src/spark/itemRenderers/assets/9.jpg differ

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

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/spark/itemRenderers/data/list.xml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/itemRenderers/data/list.xml b/TourDeFlex/TourDeFlex3/src/spark/itemRenderers/data/list.xml
new file mode 100644
index 0000000..f70cbf5
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/spark/itemRenderers/data/list.xml
@@ -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.
+
+-->
+<list>
+    <employee employeeId="1">
+    	<firstName>Michael</firstName>
+    	<lastName>Scott</lastName>
+    	<image>assets/2.jpg</image>
+    </employee>
+    <employee employeeId="2">
+    	<firstName>Pam</firstName>
+    	<lastName>Beesly</lastName>
+    	<image>assets/3.jpg</image>
+    </employee>
+    <employee employeeId="3">
+    	<firstName>Andy</firstName>
+    	<lastName>Bernard</lastName>
+    	<image>assets/4.jpg</image>
+    </employee>
+    <employee employeeId="3">
+    	<firstName>Creed</firstName>
+    	<lastName>Bratton</lastName>
+    	<image>assets/5.jpg</image>
+    </employee>
+    <employee employeeId="3">
+    	<firstName>Toby</firstName>
+    	<lastName>Flenderson</lastName>
+    	<image>assets/6.jpg</image>
+    </employee>
+    <employee employeeId="3">
+    	<firstName>Jim</firstName>
+    	<lastName>Halpert</lastName>
+    	<image>assets/7.jpg</image>
+    </employee>
+    <employee employeeId="3">
+    	<firstName>Ryan</firstName>
+    	<lastName>Howard</lastName>
+    	<image>assets/8.jpg</image>
+    </employee>
+    <employee employeeId="3">
+    	<firstName>Stanley</firstName>
+    	<lastName>Hudson</lastName>
+    	<image>assets/9.jpg</image>
+    </employee>
+    <employee employeeId="3">
+    	<firstName>Kelly</firstName>
+    	<lastName>Kapoor</lastName>
+    	<image>assets/1.jpg</image>
+    </employee>
+    <employee employeeId="3">
+    	<firstName>Phyllis</firstName>
+    	<lastName>Lapin</lastName>
+    	<image>assets/2.jpg</image>
+    </employee>
+    <employee employeeId="3">
+    	<firstName>Kevin</firstName>
+    	<lastName>Malone</lastName>
+    	<image>assets/3.jpg</image>
+    </employee>
+    <employee employeeId="3">
+    	<firstName>Angela</firstName>
+    	<lastName>Martin</lastName>
+    	<image>assets/4.jpg</image>
+    </employee>
+    <employee employeeId="3">
+    	<firstName>Oscar</firstName>
+    	<lastName>Martinez</lastName>
+    	<image>assets/5.jpg</image>
+    </employee>
+    <employee employeeId="3">
+    	<firstName>Meredith</firstName>
+    	<lastName>Palmer</lastName>
+    	<image>assets/6.jpg</image>
+    </employee>
+    <employee employeeId="3">
+    	<firstName>Dwight</firstName>
+    	<lastName>Schrute</lastName>
+    	<image>assets/7.jpg</image>
+    </employee>
+</list>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/spark/itemRenderers/renderers/ImageRenderer1.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/itemRenderers/renderers/ImageRenderer1.mxml b/TourDeFlex/TourDeFlex3/src/spark/itemRenderers/renderers/ImageRenderer1.mxml
new file mode 100644
index 0000000..f6f1dd5
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/spark/itemRenderers/renderers/ImageRenderer1.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.
+
+-->
+<s:ItemRenderer xmlns:fx="http://ns.adobe.com/mxml/2009"
+				xmlns:s="library://ns.adobe.com/flex/spark"
+				xmlns:mx="library://ns.adobe.com/flex/mx" 
+				autoDrawBackground="false" 
+				depth="0" depth.hovered="1">
+	
+	<s:states>
+		<s:State name="normal" />
+		<s:State name="hovered" />
+	</s:states>
+
+	<s:postLayoutTransformOffsets>
+		<mx:TransformOffsets id="offsets" x.hovered="-40" y.hovered="-40" scaleX.hovered="2" scaleY.hovered="2" />
+	</s:postLayoutTransformOffsets>	
+	
+	<s:transitions>
+		<mx:Transition fromState="normal" toState="hovered" autoReverse="true">
+			<s:Animate target="{offsets}" duration="200">
+				<s:SimpleMotionPath property="scaleX" />
+				<s:SimpleMotionPath property="scaleY" />
+				<s:SimpleMotionPath property="x" />
+				<s:SimpleMotionPath property="y" />
+			</s:Animate>
+		</mx:Transition>
+		<mx:Transition fromState="hovered" toState="normal" autoReverse="true">
+			<s:Animate target="{offsets}" duration="200">
+				<s:SimpleMotionPath property="scaleX" />
+				<s:SimpleMotionPath property="scaleY" />
+				<s:SimpleMotionPath property="x" />
+				<s:SimpleMotionPath property="y" />
+			</s:Animate>
+		</mx:Transition>
+	</s:transitions>	
+	
+	<mx:Image id="image" source="{data.image}" width="60" height="60" horizontalCenter="0" verticalCenter="0"/>
+
+</s:ItemRenderer>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/spark/itemRenderers/renderers/ImageRenderer2.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/itemRenderers/renderers/ImageRenderer2.mxml b/TourDeFlex/TourDeFlex3/src/spark/itemRenderers/renderers/ImageRenderer2.mxml
new file mode 100644
index 0000000..2152cd3
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/spark/itemRenderers/renderers/ImageRenderer2.mxml
@@ -0,0 +1,54 @@
+<?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.
+
+-->
+<s:ItemRenderer xmlns:fx="http://ns.adobe.com/mxml/2009"
+				xmlns:s="library://ns.adobe.com/flex/spark"
+				xmlns:mx="library://ns.adobe.com/flex/mx" 
+				autoDrawBackground="false" 
+				depth="0" depth.hovered="1">
+	
+	<s:states>
+		<s:State name="normal" />
+		<s:State name="hovered" />
+	</s:states>
+
+	<s:transitions>
+		<s:Transition fromState="normal" toState="hovered" autoReverse="true">
+			<s:Parallel>
+				<s:Rotate3D target="{image}" angleYFrom="0" angleYTo="360" autoCenterProjection="true" autoCenterTransform="true" duration="400"/>
+				<s:Fade target="{image}" startDelay="400" duration="200"/>
+				<s:Fade target="{group}" startDelay="400" duration="200"/>
+			</s:Parallel>
+		</s:Transition>
+	</s:transitions>
+	
+	<s:Rect id="rect" left="0" right="0" top="0" bottom="0">
+		<s:fill>
+			<s:SolidColor color="black" alpha="0.7"/>
+		</s:fill>
+	</s:Rect>
+
+	<s:Group id="group" left="0" right="0" top="0" bottom="0" visible.normal="false">
+		<s:Label text="{data.firstName}" verticalCenter="-10" horizontalCenter="0" color="white"/> 
+		<s:Label text="{data.lastName}" verticalCenter="10" horizontalCenter="0" color="white"/> 
+	</s:Group>
+
+	<mx:Image id="image" source="{data.image}" width="70" height="70" horizontalCenter="0" verticalCenter="0" visible.hovered="false"/>
+	
+</s:ItemRenderer>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/spark/itemRenderers/skins/TDFPanelSkin.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/itemRenderers/skins/TDFPanelSkin.mxml b/TourDeFlex/TourDeFlex3/src/spark/itemRenderers/skins/TDFPanelSkin.mxml
new file mode 100644
index 0000000..4b06e54
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/spark/itemRenderers/skins/TDFPanelSkin.mxml
@@ -0,0 +1,170 @@
+<?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.
+
+-->
+
+
+<!--- Custom Spark Panel Skin created for Tour de Flex.  
+
+@langversion 3.0
+@playerversion Flash 10
+@playerversion AIR 1.5
+@productversion Flex 4
+-->
+<s:SparkSkin xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark" alpha.disabled="0.5"
+			 blendMode.disabled="layer">
+	
+	<fx:Metadata>
+		<![CDATA[ 
+		/** 
+		* @copy spark.skins.spark.ApplicationSkin#hostComponent
+		*/
+		[HostComponent("spark.components.Panel")]
+		]]>
+	</fx:Metadata> 
+	
+	<fx:Script>
+		/* Define the skin elements that should not be colorized. 
+		For panel, border and title backround are skinned, but the content area and title text are not. */
+		static private const exclusions:Array = ["background", "titleDisplay", "contentGroup", "bgFill"];
+		
+		/** 
+		 * @copy spark.skins.SparkSkin#colorizeExclusions
+		 */     
+		override public function get colorizeExclusions():Array {return exclusions;}
+		
+		/* Define the content fill items that should be colored by the "contentBackgroundColor" style. */
+		static private const contentFill:Array = [];
+		
+		/**
+		 * @inheritDoc
+		 */
+		override public function get contentItems():Array {return contentFill};
+	</fx:Script>
+	
+	<s:states>
+		<s:State name="normal" />
+		<s:State name="disabled" />
+		<s:State name="normalWithControlBar" />
+		<s:State name="disabledWithControlBar" />
+	</s:states>
+	
+	<!-- drop shadow -->
+	<s:RectangularDropShadow id="shadow" blurX="20" blurY="20" alpha="0.32" distance="11" 
+							 angle="90" color="#000000" left="0" top="0" right="0" bottom="0"/>
+	
+	<!-- layer 1: border -->
+	<s:Rect left="0" right="0" top="0" bottom="0">
+		<s:stroke>
+			<s:SolidColorStroke color="0" alpha="0.50" weight="1" />
+		</s:stroke>
+	</s:Rect>
+	
+	
+	<!-- layer 2: background fill -->
+	<s:Rect left="0" right="0" bottom="0" height="15">
+		<s:fill>
+			<s:LinearGradient rotation="90">
+				<s:GradientEntry color="0xE2E2E2" />
+				<s:GradientEntry color="0x000000" />
+			</s:LinearGradient>
+		</s:fill>
+	</s:Rect>
+	
+	<!-- layer 3: contents -->
+	<!--- contains the vertical stack of titlebar content and controlbar -->
+	<s:Group left="1" right="1" top="1" bottom="1" >
+		<s:layout>
+			<s:VerticalLayout gap="0" horizontalAlign="justify" />
+		</s:layout>
+		
+		<s:Group id="topGroup" >
+			<!-- layer 0: title bar fill -->
+			<!-- Note: We have custom skinned the title bar to be solid black for Tour de Flex -->
+			<s:Rect id="tbFill" left="0" right="0" top="0" bottom="1" >
+				<s:fill>
+					<s:SolidColor color="0x000000" />
+				</s:fill>
+			</s:Rect>
+			
+			<!-- layer 1: title bar highlight -->
+			<s:Rect id="tbHilite" left="0" right="0" top="0" bottom="0" >
+				<s:stroke>
+					<s:LinearGradientStroke rotation="90" weight="1">
+						<s:GradientEntry color="0xEAEAEA" />
+						<s:GradientEntry color="0xD9D9D9" />
+					</s:LinearGradientStroke>
+				</s:stroke>
+			</s:Rect>
+			
+			<!-- layer 2: title bar divider -->
+			<s:Rect id="tbDiv" left="0" right="0" height="1" bottom="0">
+				<s:fill>
+					<s:SolidColor color="0xC0C0C0" />
+				</s:fill>
+			</s:Rect>
+			
+			<!-- layer 3: text -->
+			<!--- Defines the appearance of the PanelSkin class's title bar. -->
+			<!-- Note: The title text display has been slightly modified for Tour de Flex. -->
+			<s:Label id="titleDisplay" lineBreak="explicit"
+						  left="9" top="1" bottom="0" minHeight="30"
+						  verticalAlign="middle" fontWeight="bold" color="#E2E2E2">
+			</s:Label>
+		</s:Group>
+		
+		<!--
+		Note: setting the minimum size to 0 here so that changes to the host component's
+		size will not be thwarted by this skin part's minimum size.   This is a compromise,
+		more about it here: http://bugs.adobe.com/jira/browse/SDK-21143
+		-->
+		<s:Group id="contentGroup" width="100%" height="100%" minWidth="0" minHeight="0">
+		</s:Group>
+		
+		<s:Group id="bottomGroup" minWidth="0" minHeight="0"
+				 includeIn="normalWithControlBar, disabledWithControlBar" >
+			
+			<!-- layer 0: control bar background -->
+			<!-- Note: We are skinning this to be the gradient in case we do specify control
+			bar content, but it will only display if there's a controlBarContent
+			property specified.-->
+			<s:Rect left="0" right="0" bottom="0" top="0" height="15">
+				<s:fill>
+					<s:LinearGradient rotation="90">
+						<s:GradientEntry color="0xE2E2E2" />
+						<s:GradientEntry color="0x000000" />
+					</s:LinearGradient>
+				</s:fill>
+			</s:Rect>
+			
+			<!-- layer 1: control bar divider line -->
+			<s:Rect left="0" right="0" top="0" height="1" >
+				<s:fill>
+					<s:SolidColor color="0xCDCDCD" />
+				</s:fill>
+			</s:Rect>
+			
+			<!-- layer 2: control bar -->
+			<s:Group id="controlBarGroup" left="0" right="0" top="1" bottom="0" minWidth="0" minHeight="0">
+				<s:layout>
+					<s:HorizontalLayout paddingLeft="10" paddingRight="10" paddingTop="10" paddingBottom="10" />
+				</s:layout>
+			</s:Group>
+		</s:Group>
+	</s:Group>
+</s:SparkSkin>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/spark/layouts/CustomLayoutAnimatedExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/layouts/CustomLayoutAnimatedExample.mxml b/TourDeFlex/TourDeFlex3/src/spark/layouts/CustomLayoutAnimatedExample.mxml
new file mode 100644
index 0000000..c8964a0
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/spark/layouts/CustomLayoutAnimatedExample.mxml
@@ -0,0 +1,112 @@
+<?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.
+
+-->
+<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
+			   xmlns:s="library://ns.adobe.com/flex/spark" 
+			   xmlns:mx="library://ns.adobe.com/flex/mx" 
+			   xmlns:local="*" xmlns:layouts="layouts.*"
+			   backgroundColor="0x323232" color="0xFFFFFF"
+			   initialize="init()">
+	
+	<fx:Style>
+
+		@namespace s "library://ns.adobe.com/flex/spark";
+		@namespace mx "library://ns.adobe.com/flex/mx";
+		
+		
+		s|Application {
+			font-family: main;
+			font-size: 14;
+		}
+		
+	</fx:Style>
+	
+	<fx:Script>
+		<![CDATA[
+			import mx.collections.ArrayCollection;
+			import mx.rpc.xml.SimpleXMLDecoder;
+			import mx.rpc.xml.SimpleXMLEncoder;
+			import mx.utils.ArrayUtil;
+			
+			[Bindable]
+			private var items:ArrayCollection;
+			
+			[Bindable]
+			private var filteredItems:ArrayCollection;
+			
+			[Bindable]
+			private var _maxPrice:Number = 1000;
+			
+			[Bindable]
+			private var _camera:Boolean = false;
+			
+			[Bindable]
+			private var _video:Boolean = false;
+			
+			[Bindable]
+			private var _triband:Boolean = false;
+			
+			[Embed(source="data/catalog.xml", mimeType="application/octet-stream")]
+			private var XMLData:Class;
+			
+			private function init():void
+			{
+				var data:XML = XML(new XMLData());
+				var xmlDoc:XMLDocument = new XMLDocument(data);
+                var decoder:SimpleXMLDecoder = new SimpleXMLDecoder(true);
+                var object:Object = decoder.decodeXML(xmlDoc);
+				
+				items = object.catalog.product;
+				filteredItems = new ArrayCollection(items.source);
+				filteredItems.filterFunction = filter;
+			}
+			
+			private function selectionChange():void
+			{
+				filteredItems.refresh();
+				filterLayout.filter();
+			}
+			
+			private function filter(item:Object):Boolean
+			{
+				return	(item.price <= _maxPrice) &&
+					(!_camera || item.camera) &&
+					(!_video || item.video) &&
+					(!_triband || item.triband);
+			}			
+			
+		]]>
+	</fx:Script>
+
+	<s:HGroup verticalAlign="middle" paddingLeft="8" left="50" top="5">
+		<s:Label text="Max Price:"/>
+		<s:HSlider id="priceSlider" minimum="0" maximum="1000" snapInterval="100" value="@{_maxPrice}" change="selectionChange()"/>
+		<mx:Spacer width="20"/>
+		<s:CheckBox label="Camera" selected="@{_camera}" change="selectionChange()"/>
+		<s:CheckBox label="Video" selected="@{_video}" change="selectionChange()"/>
+		<s:CheckBox label="Triband" selected="@{_triband}" change="selectionChange()"/>
+	</s:HGroup>
+	
+	<s:DataGroup dataProvider="{items}" itemRenderer="renderers.PhoneRenderer" top="50" left="0" right="0" horizontalCenter="0">
+		<s:layout>
+			<layouts:FilteredTileLayout id="filterLayout" filteredItems="{filteredItems}" />
+		</s:layout>
+	</s:DataGroup>
+	
+</s:Application>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/spark/layouts/CustomLayoutFlickrWheelExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/layouts/CustomLayoutFlickrWheelExample.mxml b/TourDeFlex/TourDeFlex3/src/spark/layouts/CustomLayoutFlickrWheelExample.mxml
new file mode 100644
index 0000000..5a0895e
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/spark/layouts/CustomLayoutFlickrWheelExample.mxml
@@ -0,0 +1,83 @@
+<?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.
+
+-->
+<s:Application  xmlns:fx="http://ns.adobe.com/mxml/2009"
+                xmlns:s="library://ns.adobe.com/flex/spark"
+                xmlns:mx="library://ns.adobe.com/flex/mx"
+                xmlns:my="*" minWidth="600" minHeight="350" 
+				applicationComplete="requestPhotos()" backgroundColor="0x323232">
+
+    <fx:Script>
+        <![CDATA[
+            import mx.collections.ArrayCollection;
+            import mx.rpc.events.ResultEvent;
+            
+            import spark.components.Group;
+            import spark.components.supportClasses.GroupBase;
+            import spark.effects.animation.MotionPath;
+
+            [Bindable]
+            private var photoFeed:ArrayCollection;
+            
+            private function requestPhotos():void {
+                var params:Object = new Object();
+                params.format = 'rss_200_enc';
+                params.tags = searchTerms.text;
+                photoService.send(params);
+            }
+
+            private function photoHandler(event:ResultEvent):void {
+                photoFeed = event.result.rss.channel.item as ArrayCollection;
+            }
+         ]]>
+    </fx:Script>
+
+    <fx:Declarations>
+        <s:HTTPService id="photoService"
+            url="http://api.flickr.com/services/feeds/photos_public.gne"
+            result="photoHandler(event)" />
+    </fx:Declarations>
+    
+    <s:layout>
+        <s:VerticalLayout paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10"/>
+    </s:layout>
+	
+	<s:HGroup verticalAlign="middle">
+		<s:Label text="Flickr tags or search terms:" color="0xFFFFFF"/>
+		<s:TextInput id="searchTerms"
+			enter="requestPhotos()" text="bugs" />
+		<s:Button label="Search" 
+			click="requestPhotos()" />
+		<!-- The slider to control the axis angle -->
+		<s:HSlider id="axisSlider" minimum="-90" maximum="90"
+				   value="10" liveDragging="true" width="300"/>
+	</s:HGroup>
+
+	<s:List width="700" height="225"
+		dataProvider="{photoFeed}"
+		itemRenderer="FlickrThumbnail"
+        id="theList">
+		
+		<s:layout>
+		    <my:WheelLayout gap="20" axisAngle="{axisSlider.value}"/>
+		</s:layout>
+	</s:List>
+
+   
+</s:Application>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/spark/layouts/CustomLayoutFlowExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/layouts/CustomLayoutFlowExample.mxml b/TourDeFlex/TourDeFlex3/src/spark/layouts/CustomLayoutFlowExample.mxml
new file mode 100644
index 0000000..a3a6dab
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/spark/layouts/CustomLayoutFlowExample.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.
+
+-->
+<s:Application  xmlns:fx="http://ns.adobe.com/mxml/2009"
+				xmlns:s="library://ns.adobe.com/flex/spark"
+				xmlns:mx="library://ns.adobe.com/flex/halo"
+				xmlns:my="*">
+	
+	<s:Panel width="100%" height="100%" title="Custom Layout - Flow Layout" skinClass="skins.TDFPanelSkin">
+		<s:layout>
+			<s:VerticalLayout horizontalAlign="center"
+							  paddingTop="10" gap="10"/>
+		</s:layout>
+		
+		<!-- The drop-down to select vertical alignment -->
+		<s:HGroup verticalAlign="middle">
+			<s:Label text="Vertical align"/>
+			<s:DropDownList id="vAlign" requireSelection="true" color="0x000000">
+				<s:ArrayCollection>
+					<fx:String>bottom</fx:String>
+					<fx:String>middle</fx:String>
+					<fx:String>top</fx:String>
+				</s:ArrayCollection>
+			</s:DropDownList>                         
+		</s:HGroup>
+		
+		<!-- The drop-down to select vertical alignment -->                         
+		<s:HGroup verticalAlign="middle">
+			<s:Label text="Horizontal align"/>
+			<s:DropDownList id="hAlign" requireSelection="true">
+				<s:ArrayCollection>
+					<fx:String>left</fx:String>
+					<fx:String>center</fx:String>
+					<fx:String>right</fx:String>
+				</s:ArrayCollection>
+			</s:DropDownList>                         
+		</s:HGroup>
+		
+		<!-- The slider to control the list width -->
+		<s:HGroup verticalAlign="bottom">
+			<s:Label text="Container width"/>
+			<s:HSlider id="widthSlider" minimum="10" maximum="400"
+					   value="200" liveDragging="true"/>
+		</s:HGroup>
+		
+		<!-- The slider to control the horizontal gap -->
+		<s:HGroup verticalAlign="bottom">
+			<s:Label text="Horizontal gap"/>
+			<s:HSlider id="hGapSlider" minimum="0" maximum="50"
+					   value="10" liveDragging="true"/>
+		</s:HGroup>
+		
+		<!-- A Spark List -->
+		<s:List id="list1" width="{widthSlider.value}" height="112"
+				selectedIndex="7"
+				dataProvider="{new ArrayCollection(
+				'The quick fox jumped over the lazy sleepy\n\dog'.split(' '))}">
+			
+			<!-- Configure the layout to be the FlowLayout -->    
+			<s:layout>
+				<my:FlowLayout1 horizontalAlign="{hAlign.selectedItem}"
+								verticalAlign="{vAlign.selectedItem}"
+								horizontalGap="{hGapSlider.value}"/>
+			</s:layout>
+		</s:List>
+	</s:Panel>
+
+</s:Application>
+

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/spark/layouts/CustomLayoutHBaselineExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/layouts/CustomLayoutHBaselineExample.mxml b/TourDeFlex/TourDeFlex3/src/spark/layouts/CustomLayoutHBaselineExample.mxml
new file mode 100644
index 0000000..23ec216
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/spark/layouts/CustomLayoutHBaselineExample.mxml
@@ -0,0 +1,118 @@
+<?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.
+
+-->
+<!-- http://evtimmy.com/2010/02/extending-horizontallayout-to-support-baseline-align-to-text/ -->
+<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
+			   xmlns:s="library://ns.adobe.com/flex/spark" 
+			   xmlns:mx="library://ns.adobe.com/flex/mx" 
+			   xmlns:local="*">
+	<fx:Script>
+		<![CDATA[
+			import mx.events.FlexEvent;
+			
+			import skins.TDFPanelSkin;
+			
+			protected function update(event:Event):void
+			{
+				globalBaseline.top = theLayout.actualBaseline;
+				checkBoxBaseline.top = checkBox.y + checkBox.baselinePosition;
+				labelBaseline.top = label.y + label.baselinePosition;
+				labelBaseline.left = label.x;
+				buttonBaseline.top = button.y + button.baselinePosition; 
+				buttonBaseline.left = button.x;
+			}
+			
+		]]>
+	</fx:Script>
+	
+	<s:Panel width="100%" height="100%" skinClass="skins.TDFPanelSkin" title="CustomLayout with HBaselineLayout">
+		
+		<!-- Controls -->
+		<s:HGroup left="14" top="5">
+			<s:VGroup>
+				<s:CheckBox label="Checkbox" id="showCheckBox" selected="true"/>
+				<s:CheckBox label="Label" id="showLabel" selected="true"/>
+				<s:CheckBox label="Button " id="showButton" selected="true"/>
+				<s:CheckBox label="Layout " id="showLayout" selected="true"/>
+			</s:VGroup>
+			
+			<s:TileGroup requestedColumnCount="2">
+				<s:CheckBox id="baseline1Check" label="Offset Checkbox baseline" selected="true"/>
+				<s:HSlider id="baseline1Slider" minimum="-100" maximum="100" enabled="{baseline1Check.selected}" width="160"/>
+				<s:CheckBox id="baseline2Check" label="Offset Label baseline" selected="true"/>
+				<s:HSlider id="baseline2Slider" minimum="-100" maximum="100" enabled="{baseline2Check.selected}" width="160"/>
+				<s:CheckBox id="baseline3Check" label="Offset Button baseline" selected="true"/>
+				<s:HSlider id="baseline3Slider" minimum="-100" maximum="100" enabled="{baseline3Check.selected}" width="160"/>
+				<s:CheckBox id="baseline4Check" label="Offset Layout baseline"/>
+				<s:HSlider id="baseline4Slider" minimum="-100" maximum="100" enabled="{baseline4Check.selected}" width="160" value="15"/>
+				<s:CheckBox id="buttonHeightCheck" label="Override Button height" selected="true"/>
+				<s:HSlider id="buttonHeightSlider" minimum="21" maximum="150" enabled="{buttonHeightCheck.selected}" width="160" value="21"/>
+			</s:TileGroup>
+		</s:HGroup>
+		
+		
+		<s:Group id="container" updateComplete="update(event)" top="138" horizontalCenter="0">
+			<s:layout>
+				<local:HBaselineLayout id="theLayout" verticalAlign="baseline"
+									   globalBaseline="{baseline4Check.selected ? baseline4Slider.value : NaN}"/>
+			</s:layout>
+			<s:CheckBox id="checkBox" label="One check box" move="update(event)"
+						baseline="{baseline1Check.selected ? baseline1Slider.value : 0}"/>
+			<s:Label id="label" text="...and some random text..." move="update(event)"
+					 baseline="{baseline2Check.selected ? baseline2Slider.value : 0}"/>
+			<s:Button id="button" label="and a Button!" move="update(event)"
+					  height="{buttonHeightCheck.selected ? buttonHeightSlider.value : 21}"
+					  baseline="{baseline3Check.selected ? baseline3Slider.value : 0}"/>
+			<!-- visual guides for the baselines -->
+			<s:Group includeInLayout="false">
+				<s:Line width="{container.width}" id="globalBaseline" top="{theLayout.actualBaseline}"
+						visible="{showLayout.selected}">
+					<s:stroke>
+						<s:SolidColorStroke color="0x00FF00" weight="2"/>
+					</s:stroke>
+				</s:Line>
+				
+				<s:Line width="{checkBox.width-1}" id="checkBoxBaseline"
+						visible="{showCheckBox.selected}">
+					<s:stroke>
+						<s:SolidColorStroke color="0xFF0000" alpha="0.5" weight="2"/>
+					</s:stroke>
+				</s:Line>
+				
+				<s:Line width="{label.width-1}" id="labelBaseline"
+						visible="{showLabel.selected}">
+					<s:stroke>
+						<s:SolidColorStroke color="0x0000FF" alpha="0.5" weight="2"/>
+					</s:stroke>
+				</s:Line>
+				
+				<s:Line width="{button.width-1}" id="buttonBaseline"
+						visible="{showButton.selected}">
+					<s:stroke>
+						<s:SolidColorStroke color="0xFF00FF" alpha="0.5" weight="2"/>
+					</s:stroke>
+				</s:Line>
+			</s:Group>
+		</s:Group>
+		<s:Label right="14" top="7" color="0x323232" width="200"
+				 text="This sample shows how you can create a custom layout to extend the HorizontalLayout to provide
+				 baseline alignment functionality."/>
+	</s:Panel>
+	
+</s:Application>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/spark/layouts/FlickrThumbnail.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/layouts/FlickrThumbnail.mxml b/TourDeFlex/TourDeFlex3/src/spark/layouts/FlickrThumbnail.mxml
new file mode 100644
index 0000000..8667a8f
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/spark/layouts/FlickrThumbnail.mxml
@@ -0,0 +1,80 @@
+<?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.
+
+-->
+<s:ItemRenderer xmlns:fx="http://ns.adobe.com/mxml/2009"
+                xmlns:s="library://ns.adobe.com/flex/spark"
+                xmlns:mx="library://ns.adobe.com/flex/mx" click="itemrenderer1_clickHandler(event)">
+
+    <fx:Script>
+        <![CDATA[
+            import spark.components.supportClasses.GroupBase;
+            import spark.effects.Animate;
+            import spark.effects.animation.MotionPath;
+            import spark.effects.animation.SimpleMotionPath;
+            protected function itemrenderer1_clickHandler(event:MouseEvent):void
+            {
+                var g:GroupBase = parent as GroupBase;
+                var p:Point = g.layout.getScrollPositionDeltaToElement(this.itemIndex);
+                if (p)
+                {
+                    var startX:Number = g.horizontalScrollPosition;
+                    var startY:Number = g.verticalScrollPosition;
+                    var anim:Animate = new Animate();
+                    anim.motionPaths = new <MotionPath>[
+                        new SimpleMotionPath("horizontalScrollPosition", startX, startX + p.x, 500),
+                        new SimpleMotionPath("verticalScrollPosition", startY, startY + p.y, 500)
+                    ];
+                    
+                    var interpolator:NumberInterpolatorWrapping = new NumberInterpolatorWrapping(0, g.contentWidth - g.width);
+                    var scrollLength:Number = interpolator.getLength(startX, startX + p.x);
+                    anim.interpolator = interpolator;
+                    anim.duration = Math.max(550, Math.min(2500, scrollLength * 2));
+                    
+                    anim.play([g]);
+                }
+            }
+        ]]>
+    </fx:Script>
+
+	
+	<s:states>
+	    <s:State name="normal"/>
+        <s:State name="hovered"/>
+        <s:State name="selected"/>
+	</s:states>
+	
+    <s:Rect id="border" left="0" right="0" top="0" bottom="0">
+        <s:fill>
+            <s:SolidColor color="0xDFDFDF" color.hovered="0xFF0000" color.selected="0x00FF00"/>
+        </s:fill>
+    </s:Rect>
+
+	<s:Group left="1" right="1" top="1" bottom="1">
+    	<s:layout>
+    	    <s:VerticalLayout horizontalAlign="center"/>
+    	</s:layout>
+    	
+    	<mx:Image 
+    		width="75" height="75"
+    		source="{data.thumbnail.url}" />
+    	<s:Label text="{data.credit}" maxWidth="100" textAlign="center"/>
+    </s:Group>
+	
+</s:ItemRenderer>
+

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/spark/layouts/FlowLayout1.as
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/layouts/FlowLayout1.as b/TourDeFlex/TourDeFlex3/src/spark/layouts/FlowLayout1.as
new file mode 100644
index 0000000..9462285
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/spark/layouts/FlowLayout1.as
@@ -0,0 +1,195 @@
+////////////////////////////////////////////////////////////////////////////////
+//
+//  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.
+//
+////////////////////////////////////////////////////////////////////////////////
+package
+{
+import mx.core.ILayoutElement;
+
+import spark.components.supportClasses.GroupBase;
+import spark.layouts.supportClasses.LayoutBase;
+
+public class FlowLayout1 extends LayoutBase
+{
+    
+    //---------------------------------------------------------------
+    //
+    //  Class properties
+    //
+    //---------------------------------------------------------------
+    
+    //---------------------------------------------------------------
+    //  horizontalGap
+    //---------------------------------------------------------------
+
+    private var _horizontalGap:Number = 10;
+
+    public function set horizontalGap(value:Number):void
+    {
+        _horizontalGap = value;
+        
+        // We must invalidate the layout
+        var layoutTarget:GroupBase = target;
+        if (layoutTarget)
+            layoutTarget.invalidateDisplayList();
+    }
+    
+    //---------------------------------------------------------------
+    //  verticalAlign
+    //---------------------------------------------------------------
+
+    private var _verticalAlign:String = "bottom";
+    
+    public function set verticalAlign(value:String):void
+    {
+        _verticalAlign = value;
+        
+        // We must invalidate the layout
+        var layoutTarget:GroupBase = target;
+        if (layoutTarget)
+            layoutTarget.invalidateDisplayList();
+    }
+    
+	//---------------------------------------------------------------
+	//  horizontalAlign
+	//---------------------------------------------------------------
+	
+	private var _horizontalAlign:String = "left"; // center, right
+	
+	public function set horizontalAlign(value:String):void
+	{
+		_horizontalAlign = value;
+		
+		// We must invalidate the layout
+		var layoutTarget:GroupBase = target;
+		if (layoutTarget)
+			layoutTarget.invalidateDisplayList();
+	}
+	
+    //---------------------------------------------------------------
+    //
+    //  Class methods
+    //
+    //---------------------------------------------------------------
+    
+    override public function updateDisplayList(containerWidth:Number,
+                                               containerHeight:Number):void
+    {
+        var element:ILayoutElement;
+        var layoutTarget:GroupBase = target;
+        var count:int = layoutTarget.numElements;
+        var hGap:Number = _horizontalGap;
+
+        // The position for the current element
+        var x:Number = 0;
+        var y:Number = 0;
+        var elementWidth:Number;
+        var elementHeight:Number;
+
+        var vAlign:Number = 0;
+        switch (_verticalAlign)
+        {
+            case "middle" : vAlign = 0.5; break;
+            case "bottom" : vAlign = 1; break;
+        }
+
+        // Keep track of per-row height, maximum row width
+        var maxRowWidth:Number = 0;
+
+        // loop through the elements
+        // while we can start a new row
+        var rowStart:int = 0;
+        while (rowStart < count)
+        {
+            // The row always contains the start element
+            element = useVirtualLayout ? layoutTarget.getVirtualElementAt(rowStart) :
+										 layoutTarget.getElementAt(rowStart);
+									     
+            var rowWidth:Number = element.getPreferredBoundsWidth();
+            var rowHeight:Number =  element.getPreferredBoundsHeight();
+            
+            // Find the end of the current row
+            var rowEnd:int = rowStart;
+            while (rowEnd + 1 < count)
+            {
+                element = useVirtualLayout ? layoutTarget.getVirtualElementAt(rowEnd + 1) :
+										     layoutTarget.getElementAt(rowEnd + 1);
+                
+                // Since we haven't resized the element just yet, get its preferred size
+                elementWidth = element.getPreferredBoundsWidth();
+                elementHeight = element.getPreferredBoundsHeight();
+
+                // Can we add one more element to this row?
+                if (rowWidth + hGap + elementWidth > containerWidth)
+                    break;
+
+                rowWidth += hGap + elementWidth;
+                rowHeight = Math.max(rowHeight, elementHeight);
+                rowEnd++;
+            }
+            
+			x = 0;
+			switch (_horizontalAlign)
+			{
+				case "center" : x = Math.round(containerWidth - rowWidth) / 2; break;
+				case "right" : x = containerWidth - rowWidth;
+			}
+			
+            // Keep track of the maximum row width so that we can
+            // set the correct contentSize
+            maxRowWidth = Math.max(maxRowWidth, x + rowWidth);
+
+            // Layout all the elements within the row
+            for (var i:int = rowStart; i <= rowEnd; i++) 
+            {
+                element = useVirtualLayout ? layoutTarget.getVirtualElementAt(i) : 
+											 layoutTarget.getElementAt(i);
+
+                // Resize the element to its preferred size by passing
+                // NaN for the width and height constraints
+                element.setLayoutBoundsSize(NaN, NaN);
+
+                // Find out the element's dimensions sizes.
+                // We do this after the element has been already resized
+                // to its preferred size.
+                elementWidth = element.getLayoutBoundsWidth();
+                elementHeight = element.getLayoutBoundsHeight();
+
+                // Calculate the position within the row
+                var elementY:Number = Math.round((rowHeight - elementHeight) * vAlign);
+
+                // Position the element
+                element.setLayoutBoundsPosition(x, y + elementY);
+
+                x += hGap + elementWidth;
+            }
+
+            // Next row will start with the first element after the current row's end
+            rowStart = rowEnd + 1;
+
+            // Update the position to the beginning of the row
+            x = 0;
+            y += rowHeight;
+        }
+
+        // Set the content size which determines the scrolling limits
+        // and is used by the Scroller to calculate whether to show up
+        // the scrollbars when the the scroll policy is set to "auto"
+        layoutTarget.setContentSize(maxRowWidth, y);
+    }
+}
+}
\ No newline at end of file


[33/51] [partial] Merged TourDeFlex release from develop

Posted by jm...@apache.org.
http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR20/EventOnShutdown/TDFPanelSkin.mxml.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR20/EventOnShutdown/TDFPanelSkin.mxml.html b/TourDeFlex/TourDeFlex/src/objects/AIR20/EventOnShutdown/TDFPanelSkin.mxml.html
new file mode 100644
index 0000000..6b501d4
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR20/EventOnShutdown/TDFPanelSkin.mxml.html
@@ -0,0 +1,148 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+<head>
+  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+  <meta http-equiv="Content-Style-Type" content="text/css">
+  <title>TDFPanelSkin.mxml</title>
+  <meta name="Generator" content="Cocoa HTML Writer">
+  <meta name="CocoaVersion" content="1187.4">
+  <style type="text/css">
+    p.p1 {margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Courier}
+    p.p2 {margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Courier; min-height: 14.0px}
+    p.p3 {margin: 0.0px 0.0px 0.0px 0.0px; font: 11.0px Monaco; color: #941100}
+    p.p4 {margin: 0.0px 0.0px 0.0px 0.0px; font: 11.0px Monaco; min-height: 15.0px}
+  </style>
+</head>
+<body>
+<p class="p1">&lt;?xml version="1.0" encoding="utf-8"?&gt;</p>
+<p class="p2"><br></p>
+<p class="p3">&lt;!--</p>
+<p class="p4"><br></p>
+<p class="p3">Licensed to the Apache Software Foundation (ASF) under one or more</p>
+<p class="p3">contributor license agreements.<span class="Apple-converted-space">  </span>See the NOTICE file distributed with</p>
+<p class="p3">this work for additional information regarding copyright ownership.</p>
+<p class="p3">The ASF licenses this file to You under the Apache License, Version 2.0</p>
+<p class="p3">(the "License"); you may not use this file except in compliance with</p>
+<p class="p3">the License.<span class="Apple-converted-space">  </span>You may obtain a copy of the License at</p>
+<p class="p4"><br></p>
+<p class="p3">http://www.apache.org/licenses/LICENSE-2.0</p>
+<p class="p4"><br></p>
+<p class="p3">Unless required by applicable law or agreed to in writing, software</p>
+<p class="p3">distributed under the License is distributed on an "AS IS" BASIS,</p>
+<p class="p3">WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.</p>
+<p class="p3">See the License for the specific language governing permissions and</p>
+<p class="p3">limitations under the License.</p>
+<p class="p4"><br></p>
+<p class="p3">--&gt;</p>
+<p class="p2"><br></p>
+<p class="p1">&lt;s:Skin xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark"<span class="Apple-converted-space"> </span></p>
+<p class="p1"><span class="Apple-converted-space">        </span>alpha.disabled="0.5" minWidth="131" minHeight="127"&gt;</p>
+<p class="p2"><span class="Apple-converted-space">    </span></p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;fx:Metadata&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>[HostComponent("spark.components.Panel")]</p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;/fx:Metadata&gt;<span class="Apple-converted-space"> </span></p>
+<p class="p2"><span class="Apple-converted-space">    </span></p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;s:states&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:State name="normal" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:State name="disabled" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:State name="normalWithControlBar" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:State name="disabledWithControlBar" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;/s:states&gt;</p>
+<p class="p2"><span class="Apple-converted-space">    </span></p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;!-- drop shadow --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;s:Rect left="0" top="0" right="0" bottom="0"&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:filters&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:DropShadowFilter blurX="15" blurY="15" alpha="0.18" distance="11" angle="90" knockout="true" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;/s:filters&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:SolidColor color="0" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;/s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;/s:Rect&gt;</p>
+<p class="p2"><span class="Apple-converted-space">    </span></p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;!-- layer 1: border --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;s:Rect left="0" right="0" top="0" bottom="0"&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:stroke&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:SolidColorStroke color="0" alpha="0.50" weight="1" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;/s:stroke&gt;</p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;/s:Rect&gt;</p>
+<p class="p2"><span class="Apple-converted-space">    </span></p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;!-- layer 2: background fill --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;s:Rect left="0" right="0" bottom="0" height="15"&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:LinearGradient rotation="90"&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;s:GradientEntry color="0xE2E2E2" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;s:GradientEntry color="0x000000" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;/s:LinearGradient&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;/s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;/s:Rect&gt;</p>
+<p class="p2"><span class="Apple-converted-space">    </span></p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;!-- layer 3: contents --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;s:Group left="1" right="1" top="1" bottom="1" &gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:layout&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:VerticalLayout gap="0" horizontalAlign="justify" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;/s:layout&gt;</p>
+<p class="p2"><span class="Apple-converted-space">        </span></p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:Group id="topGroup" &gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;!-- layer 0: title bar fill --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;!-- Note: We have custom skinned the title bar to be solid black for Tour de Flex --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:Rect id="tbFill" left="0" right="0" top="0" bottom="1" &gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                    </span>&lt;s:SolidColor color="0x000000" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;/s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;/s:Rect&gt;</p>
+<p class="p2"><span class="Apple-converted-space">            </span></p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;!-- layer 1: title bar highlight --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:Rect id="tbHilite" left="0" right="0" top="0" bottom="0" &gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;s:stroke&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                    </span>&lt;s:LinearGradientStroke rotation="90" weight="1"&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                        </span>&lt;s:GradientEntry color="0xEAEAEA" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                        </span>&lt;s:GradientEntry color="0xD9D9D9" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                    </span>&lt;/s:LinearGradientStroke&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;/s:stroke&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;/s:Rect&gt;</p>
+<p class="p2"><span class="Apple-converted-space">            </span></p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;!-- layer 2: title bar divider --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:Rect id="tbDiv" left="0" right="0" height="1" bottom="0"&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                    </span>&lt;s:SolidColor color="0xC0C0C0" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;/s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;/s:Rect&gt;</p>
+<p class="p2"><span class="Apple-converted-space">            </span></p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;!-- layer 3: text --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:Label id="titleDisplay" maxDisplayedLines="1"</p>
+<p class="p1"><span class="Apple-converted-space">                     </span>left="9" right="3" top="1" minHeight="30"</p>
+<p class="p1"><span class="Apple-converted-space">                     </span>verticalAlign="middle" fontWeight="bold" color="#E2E2E2"&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;/s:Label&gt;</p>
+<p class="p2"><span class="Apple-converted-space">            </span></p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;/s:Group&gt;</p>
+<p class="p2"><span class="Apple-converted-space">        </span></p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:Group id="contentGroup" width="100%" height="100%" minWidth="0" minHeight="0"&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;/s:Group&gt;</p>
+<p class="p2"><span class="Apple-converted-space">        </span></p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:Group id="bottomGroup" minWidth="0" minHeight="0"</p>
+<p class="p1"><span class="Apple-converted-space">                 </span>includeIn="normalWithControlBar, disabledWithControlBar" &gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;!-- layer 0: control bar background --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:Rect left="0" right="0" bottom="0" top="1" &gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                    </span>&lt;s:SolidColor color="0xE2EdF7" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;/s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;/s:Rect&gt;</p>
+<p class="p2"><span class="Apple-converted-space">            </span></p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;!-- layer 1: control bar divider line --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:Rect left="0" right="0" top="0" height="1" &gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                    </span>&lt;s:SolidColor color="0xD1E0F2" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;/s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;/s:Rect&gt;</p>
+<p class="p2"><span class="Apple-converted-space">            </span></p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;!-- layer 2: control bar --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:Group id="controlBarGroup" left="0" right="0" top="1" bottom="1" minWidth="0" minHeight="0"&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;s:layout&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                    </span>&lt;s:HorizontalLayout paddingLeft="10" paddingRight="10" paddingTop="7" paddingBottom="7" gap="10" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;/s:layout&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;/s:Group&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;/s:Group&gt;</p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;/s:Group&gt;</p>
+<p class="p1">&lt;/s:Skin&gt;</p>
+</body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR20/EventOnShutdown/sample.mxml.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR20/EventOnShutdown/sample.mxml.html b/TourDeFlex/TourDeFlex/src/objects/AIR20/EventOnShutdown/sample.mxml.html
new file mode 100644
index 0000000..b3b362f
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR20/EventOnShutdown/sample.mxml.html
@@ -0,0 +1,73 @@
+<!--
+  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.
+-->
+<!-- saved from url=(0014)about:internet -->
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+<title>sample.mxml</title>
+<link rel="stylesheet" type="text/css" href="../SourceStyles.css"/>
+</head>
+
+<body><pre><span class="MXMLProcessing_Instruction">&lt;?xml version="1.0" encoding="utf-8"?&gt;</span>
+<span class="MXMLComponent_Tag">&lt;s:WindowedApplication</span><span class="MXMLDefault_Text"> xmlns:fx="</span><span class="MXMLString">http://ns.adobe.com/mxml/2009</span><span class="MXMLDefault_Text">" 
+                       xmlns:s="</span><span class="MXMLString">library://ns.adobe.com/flex/spark</span><span class="MXMLDefault_Text">" 
+                       xmlns:mx="</span><span class="MXMLString">library://ns.adobe.com/flex/mx</span><span class="MXMLDefault_Text">" 
+                       creationComplete="</span><span class="ActionScriptDefault_Text">init</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span><span class="MXMLDefault_Text">" 
+                       styleName="</span><span class="MXMLString">plain</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" height="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+
+    <span class="MXMLSpecial_Tag">&lt;fx:Script&gt;</span>
+        &lt;![CDATA[
+            <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">flash</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">events</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">Event</span>;
+            
+            <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">mx</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">controls</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">Alert</span>;
+            
+            <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">skins</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">TDFPanelSkin</span>;
+            
+            <span class="ActionScriptReserved">protected</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">init</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
+            <span class="ActionScriptBracket/Brace">{</span>
+                <span class="ActionScripttrace">trace</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">"handle exit"</span><span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptDefault_Text">NativeApplication</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">nativeApplication</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">addEventListener</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">Event</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">EXITING</span><span class="ActionScriptOperator">,</span><span class="ActionScriptDefault_Text">handleExiting</span><span class="ActionScriptBracket/Brace">)</span>;
+            <span class="ActionScriptBracket/Brace">}</span>
+            
+            <span class="ActionScriptReserved">protected</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">handleExiting</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">e</span>:<span class="ActionScriptDefault_Text">Event</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
+            <span class="ActionScriptBracket/Brace">{</span>
+                <span class="ActionScriptComment">// Here you can save data if needed
+</span>                <span class="ActionScriptDefault_Text">Alert</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">show</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">"Exit!"</span><span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScripttrace">trace</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">"Handle Exit!!: "</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptDefault_Text">e</span><span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">f</span>:<span class="ActionScriptDefault_Text">File</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">File</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">desktopDirectory</span>;
+                <span class="ActionScriptDefault_Text">f</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">f</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">resolvePath</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">"air-exit-test.txt"</span><span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">stream</span>:<span class="ActionScriptDefault_Text">FileStream</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">FileStream</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptDefault_Text">stream</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">open</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">f</span><span class="ActionScriptOperator">,</span><span class="ActionScriptDefault_Text">FileMode</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">WRITE</span><span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptDefault_Text">stream</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">writeUTFBytes</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">ta</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span><span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptDefault_Text">stream</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">close</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
+            <span class="ActionScriptBracket/Brace">}</span>
+        <span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptOperator">&gt;</span>
+    <span class="MXMLSpecial_Tag">&lt;/fx:Script&gt;</span>
+    
+    <span class="MXMLComponent_Tag">&lt;s:Panel</span><span class="MXMLDefault_Text"> width="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" height="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" skinClass="</span><span class="MXMLString">skins.TDFPanelSkin</span><span class="MXMLDefault_Text">" title="</span><span class="MXMLString">Exit Event on Shutdown</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;s:HGroup</span><span class="MXMLDefault_Text"> width="</span><span class="MXMLString">95%</span><span class="MXMLDefault_Text">" left="</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">" top="</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;s:Label</span><span class="MXMLDefault_Text"> text="</span><span class="MXMLString">Enter text to save upon shutdown:</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;s:TextArea</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">ta</span><span class="MXMLDefault_Text">" height="</span><span class="MXMLString">200</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;s:Label</span><span class="MXMLDefault_Text"> width="</span><span class="MXMLString">95%</span><span class="MXMLDefault_Text">" verticalAlign="</span><span class="MXMLString">justify</span><span class="MXMLDefault_Text">" color="</span><span class="MXMLString">#323232</span><span class="MXMLDefault_Text">" horizontalCenter="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">" bottom="</span><span class="MXMLString">20</span><span class="MXMLDefault_Text">" 
+                     text="</span><span class="MXMLString">The Exiting event can now be handled upon the user shutting down the OS giving you a chance to handle any unsaved data in your application 
+upon shutdown. If you run this code in an AIR application and shutdown your OS, it will still save the data that you have
+entered in Text Area to air-exit-test.txt in your Desktop directory.</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;/s:HGroup&gt;</span>
+    <span class="MXMLComponent_Tag">&lt;/s:Panel&gt;</span>
+<span class="MXMLComponent_Tag">&lt;/s:WindowedApplication&gt;</span></pre></body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR20/EventOnShutdown/srcview/Sample-AIR2-EventOnShutdown/src/sample-app.xml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR20/EventOnShutdown/srcview/Sample-AIR2-EventOnShutdown/src/sample-app.xml b/TourDeFlex/TourDeFlex/src/objects/AIR20/EventOnShutdown/srcview/Sample-AIR2-EventOnShutdown/src/sample-app.xml
new file mode 100755
index 0000000..f9eed35
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR20/EventOnShutdown/srcview/Sample-AIR2-EventOnShutdown/src/sample-app.xml
@@ -0,0 +1,156 @@
+<?xml version="1.0" encoding="utf-8" standalone="no"?>
+<!--
+
+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.
+
+-->
+<application xmlns="http://ns.adobe.com/air/application/2.0">
+
+<!-- Adobe AIR Application Descriptor File Template.
+
+	Specifies parameters for identifying, installing, and launching AIR applications.
+
+	xmlns - The Adobe AIR namespace: http://ns.adobe.com/air/application/2.0beta2
+			The last segment of the namespace specifies the version 
+			of the AIR runtime required for this application to run.
+			
+	minimumPatchLevel - The minimum patch level of the AIR runtime required to run 
+			the application. Optional.
+-->
+
+	<!-- The application identifier string, unique to this application. Required. -->
+	<id>main</id>
+
+	<!-- Used as the filename for the application. Required. -->
+	<filename>main</filename>
+
+	<!-- The name that is displayed in the AIR application installer. 
+	     May have multiple values for each language. See samples or xsd schema file. Optional. -->
+	<name>main</name>
+
+	<!-- An application version designator (such as "v1", "2.5", or "Alpha 1"). Required. -->
+	<version>v1</version>
+
+	<!-- Description, displayed in the AIR application installer.
+	     May have multiple values for each language. See samples or xsd schema file. Optional. -->
+	<!-- <description></description> -->
+
+	<!-- Copyright information. Optional -->
+	<!-- <copyright></copyright> -->
+
+	<!-- Publisher ID. Used if you're updating an application created prior to 1.5.3 -->
+	<!-- <publisherID></publisherID> -->
+
+	<!-- Settings for the application's initial window. Required. -->
+	<initialWindow>
+		<!-- The main SWF or HTML file of the application. Required. -->
+		<!-- Note: In Flash Builder, the SWF reference is set automatically. -->
+		<content>[This value will be overwritten by Flash Builder in the output app.xml]</content>
+		
+		<!-- The title of the main window. Optional. -->
+		<!-- <title></title> -->
+
+		<!-- The type of system chrome to use (either "standard" or "none"). Optional. Default standard. -->
+		<!-- <systemChrome></systemChrome> -->
+
+		<!-- Whether the window is transparent. Only applicable when systemChrome is none. Optional. Default false. -->
+		<!-- <transparent></transparent> -->
+
+		<!-- Whether the window is initially visible. Optional. Default false. -->
+		<!-- <visible></visible> -->
+
+		<!-- Whether the user can minimize the window. Optional. Default true. -->
+		<!-- <minimizable></minimizable> -->
+
+		<!-- Whether the user can maximize the window. Optional. Default true. -->
+		<!-- <maximizable></maximizable> -->
+
+		<!-- Whether the user can resize the window. Optional. Default true. -->
+		<!-- <resizable></resizable> -->
+
+		<!-- The window's initial width in pixels. Optional. -->
+		<!-- <width></width> -->
+
+		<!-- The window's initial height in pixels. Optional. -->
+		<!-- <height></height> -->
+
+		<!-- The window's initial x position. Optional. -->
+		<!-- <x></x> -->
+
+		<!-- The window's initial y position. Optional. -->
+		<!-- <y></y> -->
+
+		<!-- The window's minimum size, specified as a width/height pair in pixels, such as "400 200". Optional. -->
+		<!-- <minSize></minSize> -->
+
+		<!-- The window's initial maximum size, specified as a width/height pair in pixels, such as "1600 1200". Optional. -->
+		<!-- <maxSize></maxSize> -->
+	</initialWindow>
+
+	<!-- The subpath of the standard default installation location to use. Optional. -->
+	<!-- <installFolder></installFolder> -->
+
+	<!-- The subpath of the Programs menu to use. (Ignored on operating systems without a Programs menu.) Optional. -->
+	<!-- <programMenuFolder></programMenuFolder> -->
+
+	<!-- The icon the system uses for the application. For at least one resolution,
+		 specify the path to a PNG file included in the AIR package. Optional. -->
+	<!-- <icon>
+		<image16x16></image16x16>
+		<image32x32></image32x32>
+		<image48x48></image48x48>
+		<image128x128></image128x128>
+	</icon> -->
+
+	<!-- Whether the application handles the update when a user double-clicks an update version
+	of the AIR file (true), or the default AIR application installer handles the update (false).
+	Optional. Default false. -->
+	<!-- <customUpdateUI></customUpdateUI> -->
+	
+	<!-- Whether the application can be launched when the user clicks a link in a web browser.
+	Optional. Default false. -->
+	<!-- <allowBrowserInvocation></allowBrowserInvocation> -->
+
+	<!-- Listing of file types for which the application can register. Optional. -->
+	<!-- <fileTypes> -->
+
+		<!-- Defines one file type. Optional. -->
+		<!-- <fileType> -->
+
+			<!-- The name that the system displays for the registered file type. Required. -->
+			<!-- <name></name> -->
+
+			<!-- The extension to register. Required. -->
+			<!-- <extension></extension> -->
+			
+			<!-- The description of the file type. Optional. -->
+			<!-- <description></description> -->
+			
+			<!-- The MIME content type. -->
+			<!-- <contentType></contentType> -->
+			
+			<!-- The icon to display for the file type. Optional. -->
+			<!-- <icon>
+				<image16x16></image16x16>
+				<image32x32></image32x32>
+				<image48x48></image48x48>
+				<image128x128></image128x128>
+			</icon> -->
+			
+		<!-- </fileType> -->
+	<!-- </fileTypes> -->
+
+</application>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR20/EventOnShutdown/srcview/Sample-AIR2-EventOnShutdown/src/sample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR20/EventOnShutdown/srcview/Sample-AIR2-EventOnShutdown/src/sample.mxml b/TourDeFlex/TourDeFlex/src/objects/AIR20/EventOnShutdown/srcview/Sample-AIR2-EventOnShutdown/src/sample.mxml
new file mode 100644
index 0000000..cd755cc
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR20/EventOnShutdown/srcview/Sample-AIR2-EventOnShutdown/src/sample.mxml
@@ -0,0 +1,65 @@
+<?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.
+
+-->
+<mx:Module xmlns:fx="http://ns.adobe.com/mxml/2009" 
+					   xmlns:s="library://ns.adobe.com/flex/spark" 
+					   xmlns:mx="library://ns.adobe.com/flex/mx" 
+					   creationComplete="init()" 
+					   styleName="plain" width="100%" height="100%">
+
+	<fx:Script>
+		<![CDATA[
+			import flash.events.Event;
+			
+			import mx.controls.Alert;
+			
+			import skins.TDFPanelSkin;
+			
+			protected function init():void
+			{
+				trace("handle exit");
+				NativeApplication.nativeApplication.addEventListener(Event.EXITING,handleExiting);
+			}
+			
+			protected function handleExiting(e:Event):void
+			{
+				// Here you can save data if needed
+				Alert.show("Exit!");
+				trace("Handle Exit!!: " + e);
+				var f:File = File.desktopDirectory;
+				f = f.resolvePath("air-exit-test.txt");
+				var stream:FileStream = new FileStream();
+				stream.open(f,FileMode.WRITE);
+				stream.writeUTFBytes(ta.text);
+				stream.close();
+			}
+		]]>
+	</fx:Script>
+	
+	<s:Panel width="100%" height="100%" skinClass="skins.TDFPanelSkin" title="Exit Event on Shutdown">
+		<s:HGroup width="95%" left="10" top="10">
+			<s:Label text="Enter text to save upon shutdown:"/>
+			<s:TextArea id="ta" height="200"/>
+			<s:Label width="95%" verticalAlign="justify" color="#323232" horizontalCenter="0" bottom="20" 
+					 text="The Exiting event can now be handled upon the user shutting down the OS giving you a chance to handle any unsaved data in your application 
+upon shutdown. If you run this code in an AIR application and shutdown your OS, it will still save the data that you have
+entered in Text Area to air-exit-test.txt in your Desktop directory."/>
+		</s:HGroup>
+	</s:Panel>
+</mx:Module>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR20/EventOnShutdown/srcview/Sample-AIR2-EventOnShutdown/src/skins/TDFPanelSkin.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR20/EventOnShutdown/srcview/Sample-AIR2-EventOnShutdown/src/skins/TDFPanelSkin.mxml b/TourDeFlex/TourDeFlex/src/objects/AIR20/EventOnShutdown/srcview/Sample-AIR2-EventOnShutdown/src/skins/TDFPanelSkin.mxml
new file mode 100644
index 0000000..ff46524
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR20/EventOnShutdown/srcview/Sample-AIR2-EventOnShutdown/src/skins/TDFPanelSkin.mxml
@@ -0,0 +1,130 @@
+<?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.
+
+-->
+
+
+<s:Skin xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark" 
+		alpha.disabled="0.5" minWidth="131" minHeight="127">
+	
+	<fx:Metadata>
+		[HostComponent("spark.components.Panel")]
+	</fx:Metadata> 
+	
+	<s:states>
+		<s:State name="normal" />
+		<s:State name="disabled" />
+		<s:State name="normalWithControlBar" />
+		<s:State name="disabledWithControlBar" />
+	</s:states>
+	
+	<!-- drop shadow -->
+	<s:Rect left="0" top="0" right="0" bottom="0">
+		<s:filters>
+			<s:DropShadowFilter blurX="15" blurY="15" alpha="0.18" distance="11" angle="90" knockout="true" />
+		</s:filters>
+		<s:fill>
+			<s:SolidColor color="0" />
+		</s:fill>
+	</s:Rect>
+	
+	<!-- layer 1: border -->
+	<s:Rect left="0" right="0" top="0" bottom="0">
+		<s:stroke>
+			<s:SolidColorStroke color="0" alpha="0.50" weight="1" />
+		</s:stroke>
+	</s:Rect>
+	
+	<!-- layer 2: background fill -->
+	<s:Rect left="0" right="0" bottom="0" height="15">
+		<s:fill>
+			<s:LinearGradient rotation="90">
+				<s:GradientEntry color="0xE2E2E2" />
+				<s:GradientEntry color="0x000000" />
+			</s:LinearGradient>
+		</s:fill>
+	</s:Rect>
+	
+	<!-- layer 3: contents -->
+	<s:Group left="1" right="1" top="1" bottom="1" >
+		<s:layout>
+			<s:VerticalLayout gap="0" horizontalAlign="justify" />
+		</s:layout>
+		
+		<s:Group id="topGroup" >
+			<!-- layer 0: title bar fill -->
+			<!-- Note: We have custom skinned the title bar to be solid black for Tour de Flex -->
+			<s:Rect id="tbFill" left="0" right="0" top="0" bottom="1" >
+				<s:fill>
+					<s:SolidColor color="0x000000" />
+				</s:fill>
+			</s:Rect>
+			
+			<!-- layer 1: title bar highlight -->
+			<s:Rect id="tbHilite" left="0" right="0" top="0" bottom="0" >
+				<s:stroke>
+					<s:LinearGradientStroke rotation="90" weight="1">
+						<s:GradientEntry color="0xEAEAEA" />
+						<s:GradientEntry color="0xD9D9D9" />
+					</s:LinearGradientStroke>
+				</s:stroke>
+			</s:Rect>
+			
+			<!-- layer 2: title bar divider -->
+			<s:Rect id="tbDiv" left="0" right="0" height="1" bottom="0">
+				<s:fill>
+					<s:SolidColor color="0xC0C0C0" />
+				</s:fill>
+			</s:Rect>
+			
+			<!-- layer 3: text -->
+			<s:Label id="titleDisplay" maxDisplayedLines="1"
+					 left="9" right="3" top="1" minHeight="30"
+					 verticalAlign="middle" fontWeight="bold" color="#E2E2E2">
+			</s:Label>
+			
+		</s:Group>
+		
+		<s:Group id="contentGroup" width="100%" height="100%" minWidth="0" minHeight="0">
+		</s:Group>
+		
+		<s:Group id="bottomGroup" minWidth="0" minHeight="0"
+				 includeIn="normalWithControlBar, disabledWithControlBar" >
+			<!-- layer 0: control bar background -->
+			<s:Rect left="0" right="0" bottom="0" top="1" >
+				<s:fill>
+					<s:SolidColor color="0xE2EdF7" />
+				</s:fill>
+			</s:Rect>
+			
+			<!-- layer 1: control bar divider line -->
+			<s:Rect left="0" right="0" top="0" height="1" >
+				<s:fill>
+					<s:SolidColor color="0xD1E0F2" />
+				</s:fill>
+			</s:Rect>
+			
+			<!-- layer 2: control bar -->
+			<s:Group id="controlBarGroup" left="0" right="0" top="1" bottom="1" minWidth="0" minHeight="0">
+				<s:layout>
+					<s:HorizontalLayout paddingLeft="10" paddingRight="10" paddingTop="7" paddingBottom="7" gap="10" />
+				</s:layout>
+			</s:Group>
+		</s:Group>
+	</s:Group>
+</s:Skin>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR20/EventOnShutdown/srcview/SourceIndex.xml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR20/EventOnShutdown/srcview/SourceIndex.xml b/TourDeFlex/TourDeFlex/src/objects/AIR20/EventOnShutdown/srcview/SourceIndex.xml
new file mode 100644
index 0000000..cef714a
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR20/EventOnShutdown/srcview/SourceIndex.xml
@@ -0,0 +1,37 @@
+<?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.
+
+-->
+<index>
+	<title>Source of Sample-AIR2-EventOnShutdown</title>
+	<nodes>
+		<node label="libs">
+		</node>
+		<node label="src">
+			<node icon="packageIcon" label="skins" expanded="true">
+				<node icon="mxmlIcon" label="TDFPanelSkin.mxml" url="source/skins/TDFPanelSkin.mxml.html"/>
+			</node>
+			<node label="sample-app.xml" url="source/sample-app.xml.txt"/>
+			<node icon="mxmlAppIcon" selected="true" label="sample.mxml" url="source/sample.mxml.html"/>
+		</node>
+	</nodes>
+	<zipfile label="Download source (ZIP, 7K)" url="Sample-AIR2-EventOnShutdown.zip">
+	</zipfile>
+	<sdklink label="Download Flex SDK" url="http://www.adobe.com/go/flex4_sdk_download">
+	</sdklink>
+</index>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR20/EventOnShutdown/srcview/SourceStyles.css
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR20/EventOnShutdown/srcview/SourceStyles.css b/TourDeFlex/TourDeFlex/src/objects/AIR20/EventOnShutdown/srcview/SourceStyles.css
new file mode 100644
index 0000000..9d5210f
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR20/EventOnShutdown/srcview/SourceStyles.css
@@ -0,0 +1,155 @@
+/*
+ * 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.
+ */
+body {
+	font-family: Courier New, Courier, monospace;
+	font-size: medium;
+}
+
+.ActionScriptASDoc {
+	color: #3f5fbf;
+}
+
+.ActionScriptBracket/Brace {
+}
+
+.ActionScriptComment {
+	color: #009900;
+	font-style: italic;
+}
+
+.ActionScriptDefault_Text {
+}
+
+.ActionScriptMetadata {
+	color: #0033ff;
+	font-weight: bold;
+}
+
+.ActionScriptOperator {
+}
+
+.ActionScriptReserved {
+	color: #0033ff;
+	font-weight: bold;
+}
+
+.ActionScriptString {
+	color: #990000;
+	font-weight: bold;
+}
+
+.ActionScriptclass {
+	color: #9900cc;
+	font-weight: bold;
+}
+
+.ActionScriptfunction {
+	color: #339966;
+	font-weight: bold;
+}
+
+.ActionScriptinterface {
+	color: #9900cc;
+	font-weight: bold;
+}
+
+.ActionScriptpackage {
+	color: #9900cc;
+	font-weight: bold;
+}
+
+.ActionScripttrace {
+	color: #cc6666;
+	font-weight: bold;
+}
+
+.ActionScriptvar {
+	color: #6699cc;
+	font-weight: bold;
+}
+
+.MXMLASDoc {
+	color: #3f5fbf;
+}
+
+.MXMLComment {
+	color: #800000;
+}
+
+.MXMLComponent_Tag {
+	color: #0000ff;
+}
+
+.MXMLDefault_Text {
+}
+
+.MXMLProcessing_Instruction {
+}
+
+.MXMLSpecial_Tag {
+	color: #006633;
+}
+
+.MXMLString {
+	color: #990000;
+}
+
+.CSS@font-face {
+	color: #990000;
+	font-weight: bold;
+}
+
+.CSS@import {
+	color: #006666;
+	font-weight: bold;
+}
+
+.CSS@media {
+	color: #663333;
+	font-weight: bold;
+}
+
+.CSS@namespace {
+	color: #923196;
+}
+
+.CSSComment {
+	color: #999999;
+}
+
+.CSSDefault_Text {
+}
+
+.CSSDelimiters {
+}
+
+.CSSProperty_Name {
+	color: #330099;
+}
+
+.CSSProperty_Value {
+	color: #3333cc;
+}
+
+.CSSSelector {
+	color: #ff00ff;
+}
+
+.CSSString {
+	color: #990000;
+}
+

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR20/EventOnShutdown/srcview/SourceTree.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR20/EventOnShutdown/srcview/SourceTree.html b/TourDeFlex/TourDeFlex/src/objects/AIR20/EventOnShutdown/srcview/SourceTree.html
new file mode 100644
index 0000000..80281a9
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR20/EventOnShutdown/srcview/SourceTree.html
@@ -0,0 +1,129 @@
+<!--
+  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.
+-->
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<!-- saved from url=(0014)about:internet -->
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">	
+    <!-- 
+    Smart developers always View Source. 
+    
+    This application was built using Adobe Flex, an open source framework
+    for building rich Internet applications that get delivered via the
+    Flash Player or to desktops via Adobe AIR. 
+    
+    Learn more about Flex at http://flex.org 
+    // -->
+    <head>
+        <title></title>         
+        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+		<!-- Include CSS to eliminate any default margins/padding and set the height of the html element and 
+		     the body element to 100%, because Firefox, or any Gecko based browser, interprets percentage as 
+			 the percentage of the height of its parent container, which has to be set explicitly.  Initially, 
+			 don't display flashContent div so it won't show if JavaScript disabled.
+		-->
+        <style type="text/css" media="screen"> 
+			html, body	{ height:100%; }
+			body { margin:0; padding:0; overflow:auto; text-align:center; 
+			       background-color: #ffffff; }   
+			#flashContent { display:none; }
+        </style>
+		
+		<!-- Enable Browser History by replacing useBrowserHistory tokens with two hyphens -->
+        <!-- BEGIN Browser History required section >
+        <link rel="stylesheet" type="text/css" href="history/history.css" />
+        <script type="text/javascript" src="history/history.js"></script>
+        <! END Browser History required section -->  
+		    
+        <script type="text/javascript" src="swfobject.js"></script>
+        <script type="text/javascript">
+  	        function loadIntoMain(url) {
+				parent.mainFrame.location.href = url;
+			}
+			
+			function openUrlWindow(url) {
+				window.top.location = url;
+			}
+			
+            <!-- For version detection, set to min. required Flash Player version, or 0 (or 0.0.0), for no version detection. --> 
+            var swfVersionStr = "10.0.0";
+            <!-- To use express install, set to playerProductInstall.swf, otherwise the empty string. -->
+            var xiSwfUrlStr = "playerProductInstall.swf";
+            var flashvars = {};
+            var params = {};
+            params.quality = "high";
+            params.bgcolor = "#ffffff";
+            params.allowscriptaccess = "sameDomain";
+            params.allowfullscreen = "true";
+            var attributes = {};
+            attributes.id = "SourceTree";
+            attributes.name = "SourceTree";
+            attributes.align = "middle";
+            swfobject.embedSWF(
+                "SourceTree.swf", "flashContent", 
+                "100%", "100%", 
+                swfVersionStr, xiSwfUrlStr, 
+                flashvars, params, attributes);
+			<!-- JavaScript enabled so display the flashContent div in case it is not replaced with a swf object. -->
+			swfobject.createCSS("#flashContent", "display:block;text-align:left;");
+        </script>
+    </head>
+    <body>
+        <!-- SWFObject's dynamic embed method replaces this alternative HTML content with Flash content when enough 
+			 JavaScript and Flash plug-in support is available. The div is initially hidden so that it doesn't show
+			 when JavaScript is disabled.
+		-->
+        <div id="flashContent">
+        	<p>
+	        	To view this page ensure that Adobe Flash Player version 
+				10.0.0 or greater is installed. 
+			</p>
+			<script type="text/javascript"> 
+				var pageHost = ((document.location.protocol == "https:") ? "https://" :	"http://"); 
+				document.write("<a href='http://www.adobe.com/go/getflashplayer'><img src='" 
+								+ pageHost + "www.adobe.com/images/shared/download_buttons/get_flash_player.gif' alt='Get Adobe Flash player' /></a>" ); 
+			</script> 
+        </div>
+	   	
+       	<noscript>
+            <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="100%" height="100%" id="SourceTree">
+                <param name="movie" value="SourceTree.swf" />
+                <param name="quality" value="high" />
+                <param name="bgcolor" value="#ffffff" />
+                <param name="allowScriptAccess" value="sameDomain" />
+                <param name="allowFullScreen" value="true" />
+                <!--[if !IE]>-->
+                <object type="application/x-shockwave-flash" data="SourceTree.swf" width="100%" height="100%">
+                    <param name="quality" value="high" />
+                    <param name="bgcolor" value="#ffffff" />
+                    <param name="allowScriptAccess" value="sameDomain" />
+                    <param name="allowFullScreen" value="true" />
+                <!--<![endif]-->
+                <!--[if gte IE 6]>-->
+                	<p> 
+                		Either scripts and active content are not permitted to run or Adobe Flash Player version
+                		10.0.0 or greater is not installed.
+                	</p>
+                <!--<![endif]-->
+                    <a href="http://www.adobe.com/go/getflashplayer">
+                        <img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash Player" />
+                    </a>
+                <!--[if !IE]>-->
+                </object>
+                <!--<![endif]-->
+            </object>
+	    </noscript>		
+   </body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR20/EventOnShutdown/srcview/index.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR20/EventOnShutdown/srcview/index.html b/TourDeFlex/TourDeFlex/src/objects/AIR20/EventOnShutdown/srcview/index.html
new file mode 100644
index 0000000..4b2674d
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR20/EventOnShutdown/srcview/index.html
@@ -0,0 +1,32 @@
+<!--
+  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.
+-->
+<!-- saved from url=(0014)about:internet -->
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+<title>Source of Sample-AIR2-EventOnShutdown</title>
+</head>
+<frameset cols="235,*" border="2" framespacing="1">
+    <frame src="SourceTree.html" name="leftFrame" scrolling="NO">
+    <frame src="source/sample.mxml.html" name="mainFrame">
+</frameset>
+<noframes>
+	<body>		
+	</body>
+</noframes>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR20/EventOnShutdown/srcview/source/sample-app.xml.txt
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR20/EventOnShutdown/srcview/source/sample-app.xml.txt b/TourDeFlex/TourDeFlex/src/objects/AIR20/EventOnShutdown/srcview/source/sample-app.xml.txt
new file mode 100644
index 0000000..f9eed35
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR20/EventOnShutdown/srcview/source/sample-app.xml.txt
@@ -0,0 +1,156 @@
+<?xml version="1.0" encoding="utf-8" standalone="no"?>
+<!--
+
+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.
+
+-->
+<application xmlns="http://ns.adobe.com/air/application/2.0">
+
+<!-- Adobe AIR Application Descriptor File Template.
+
+	Specifies parameters for identifying, installing, and launching AIR applications.
+
+	xmlns - The Adobe AIR namespace: http://ns.adobe.com/air/application/2.0beta2
+			The last segment of the namespace specifies the version 
+			of the AIR runtime required for this application to run.
+			
+	minimumPatchLevel - The minimum patch level of the AIR runtime required to run 
+			the application. Optional.
+-->
+
+	<!-- The application identifier string, unique to this application. Required. -->
+	<id>main</id>
+
+	<!-- Used as the filename for the application. Required. -->
+	<filename>main</filename>
+
+	<!-- The name that is displayed in the AIR application installer. 
+	     May have multiple values for each language. See samples or xsd schema file. Optional. -->
+	<name>main</name>
+
+	<!-- An application version designator (such as "v1", "2.5", or "Alpha 1"). Required. -->
+	<version>v1</version>
+
+	<!-- Description, displayed in the AIR application installer.
+	     May have multiple values for each language. See samples or xsd schema file. Optional. -->
+	<!-- <description></description> -->
+
+	<!-- Copyright information. Optional -->
+	<!-- <copyright></copyright> -->
+
+	<!-- Publisher ID. Used if you're updating an application created prior to 1.5.3 -->
+	<!-- <publisherID></publisherID> -->
+
+	<!-- Settings for the application's initial window. Required. -->
+	<initialWindow>
+		<!-- The main SWF or HTML file of the application. Required. -->
+		<!-- Note: In Flash Builder, the SWF reference is set automatically. -->
+		<content>[This value will be overwritten by Flash Builder in the output app.xml]</content>
+		
+		<!-- The title of the main window. Optional. -->
+		<!-- <title></title> -->
+
+		<!-- The type of system chrome to use (either "standard" or "none"). Optional. Default standard. -->
+		<!-- <systemChrome></systemChrome> -->
+
+		<!-- Whether the window is transparent. Only applicable when systemChrome is none. Optional. Default false. -->
+		<!-- <transparent></transparent> -->
+
+		<!-- Whether the window is initially visible. Optional. Default false. -->
+		<!-- <visible></visible> -->
+
+		<!-- Whether the user can minimize the window. Optional. Default true. -->
+		<!-- <minimizable></minimizable> -->
+
+		<!-- Whether the user can maximize the window. Optional. Default true. -->
+		<!-- <maximizable></maximizable> -->
+
+		<!-- Whether the user can resize the window. Optional. Default true. -->
+		<!-- <resizable></resizable> -->
+
+		<!-- The window's initial width in pixels. Optional. -->
+		<!-- <width></width> -->
+
+		<!-- The window's initial height in pixels. Optional. -->
+		<!-- <height></height> -->
+
+		<!-- The window's initial x position. Optional. -->
+		<!-- <x></x> -->
+
+		<!-- The window's initial y position. Optional. -->
+		<!-- <y></y> -->
+
+		<!-- The window's minimum size, specified as a width/height pair in pixels, such as "400 200". Optional. -->
+		<!-- <minSize></minSize> -->
+
+		<!-- The window's initial maximum size, specified as a width/height pair in pixels, such as "1600 1200". Optional. -->
+		<!-- <maxSize></maxSize> -->
+	</initialWindow>
+
+	<!-- The subpath of the standard default installation location to use. Optional. -->
+	<!-- <installFolder></installFolder> -->
+
+	<!-- The subpath of the Programs menu to use. (Ignored on operating systems without a Programs menu.) Optional. -->
+	<!-- <programMenuFolder></programMenuFolder> -->
+
+	<!-- The icon the system uses for the application. For at least one resolution,
+		 specify the path to a PNG file included in the AIR package. Optional. -->
+	<!-- <icon>
+		<image16x16></image16x16>
+		<image32x32></image32x32>
+		<image48x48></image48x48>
+		<image128x128></image128x128>
+	</icon> -->
+
+	<!-- Whether the application handles the update when a user double-clicks an update version
+	of the AIR file (true), or the default AIR application installer handles the update (false).
+	Optional. Default false. -->
+	<!-- <customUpdateUI></customUpdateUI> -->
+	
+	<!-- Whether the application can be launched when the user clicks a link in a web browser.
+	Optional. Default false. -->
+	<!-- <allowBrowserInvocation></allowBrowserInvocation> -->
+
+	<!-- Listing of file types for which the application can register. Optional. -->
+	<!-- <fileTypes> -->
+
+		<!-- Defines one file type. Optional. -->
+		<!-- <fileType> -->
+
+			<!-- The name that the system displays for the registered file type. Required. -->
+			<!-- <name></name> -->
+
+			<!-- The extension to register. Required. -->
+			<!-- <extension></extension> -->
+			
+			<!-- The description of the file type. Optional. -->
+			<!-- <description></description> -->
+			
+			<!-- The MIME content type. -->
+			<!-- <contentType></contentType> -->
+			
+			<!-- The icon to display for the file type. Optional. -->
+			<!-- <icon>
+				<image16x16></image16x16>
+				<image32x32></image32x32>
+				<image48x48></image48x48>
+				<image128x128></image128x128>
+			</icon> -->
+			
+		<!-- </fileType> -->
+	<!-- </fileTypes> -->
+
+</application>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR20/EventOnShutdown/srcview/source/sample.mxml.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR20/EventOnShutdown/srcview/source/sample.mxml.html b/TourDeFlex/TourDeFlex/src/objects/AIR20/EventOnShutdown/srcview/source/sample.mxml.html
new file mode 100644
index 0000000..b3b362f
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR20/EventOnShutdown/srcview/source/sample.mxml.html
@@ -0,0 +1,73 @@
+<!--
+  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.
+-->
+<!-- saved from url=(0014)about:internet -->
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+<title>sample.mxml</title>
+<link rel="stylesheet" type="text/css" href="../SourceStyles.css"/>
+</head>
+
+<body><pre><span class="MXMLProcessing_Instruction">&lt;?xml version="1.0" encoding="utf-8"?&gt;</span>
+<span class="MXMLComponent_Tag">&lt;s:WindowedApplication</span><span class="MXMLDefault_Text"> xmlns:fx="</span><span class="MXMLString">http://ns.adobe.com/mxml/2009</span><span class="MXMLDefault_Text">" 
+                       xmlns:s="</span><span class="MXMLString">library://ns.adobe.com/flex/spark</span><span class="MXMLDefault_Text">" 
+                       xmlns:mx="</span><span class="MXMLString">library://ns.adobe.com/flex/mx</span><span class="MXMLDefault_Text">" 
+                       creationComplete="</span><span class="ActionScriptDefault_Text">init</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span><span class="MXMLDefault_Text">" 
+                       styleName="</span><span class="MXMLString">plain</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" height="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+
+    <span class="MXMLSpecial_Tag">&lt;fx:Script&gt;</span>
+        &lt;![CDATA[
+            <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">flash</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">events</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">Event</span>;
+            
+            <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">mx</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">controls</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">Alert</span>;
+            
+            <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">skins</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">TDFPanelSkin</span>;
+            
+            <span class="ActionScriptReserved">protected</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">init</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
+            <span class="ActionScriptBracket/Brace">{</span>
+                <span class="ActionScripttrace">trace</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">"handle exit"</span><span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptDefault_Text">NativeApplication</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">nativeApplication</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">addEventListener</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">Event</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">EXITING</span><span class="ActionScriptOperator">,</span><span class="ActionScriptDefault_Text">handleExiting</span><span class="ActionScriptBracket/Brace">)</span>;
+            <span class="ActionScriptBracket/Brace">}</span>
+            
+            <span class="ActionScriptReserved">protected</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">handleExiting</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">e</span>:<span class="ActionScriptDefault_Text">Event</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
+            <span class="ActionScriptBracket/Brace">{</span>
+                <span class="ActionScriptComment">// Here you can save data if needed
+</span>                <span class="ActionScriptDefault_Text">Alert</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">show</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">"Exit!"</span><span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScripttrace">trace</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">"Handle Exit!!: "</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptDefault_Text">e</span><span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">f</span>:<span class="ActionScriptDefault_Text">File</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">File</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">desktopDirectory</span>;
+                <span class="ActionScriptDefault_Text">f</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">f</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">resolvePath</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">"air-exit-test.txt"</span><span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">stream</span>:<span class="ActionScriptDefault_Text">FileStream</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">FileStream</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptDefault_Text">stream</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">open</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">f</span><span class="ActionScriptOperator">,</span><span class="ActionScriptDefault_Text">FileMode</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">WRITE</span><span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptDefault_Text">stream</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">writeUTFBytes</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">ta</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span><span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptDefault_Text">stream</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">close</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
+            <span class="ActionScriptBracket/Brace">}</span>
+        <span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptOperator">&gt;</span>
+    <span class="MXMLSpecial_Tag">&lt;/fx:Script&gt;</span>
+    
+    <span class="MXMLComponent_Tag">&lt;s:Panel</span><span class="MXMLDefault_Text"> width="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" height="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" skinClass="</span><span class="MXMLString">skins.TDFPanelSkin</span><span class="MXMLDefault_Text">" title="</span><span class="MXMLString">Exit Event on Shutdown</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;s:HGroup</span><span class="MXMLDefault_Text"> width="</span><span class="MXMLString">95%</span><span class="MXMLDefault_Text">" left="</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">" top="</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;s:Label</span><span class="MXMLDefault_Text"> text="</span><span class="MXMLString">Enter text to save upon shutdown:</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;s:TextArea</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">ta</span><span class="MXMLDefault_Text">" height="</span><span class="MXMLString">200</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;s:Label</span><span class="MXMLDefault_Text"> width="</span><span class="MXMLString">95%</span><span class="MXMLDefault_Text">" verticalAlign="</span><span class="MXMLString">justify</span><span class="MXMLDefault_Text">" color="</span><span class="MXMLString">#323232</span><span class="MXMLDefault_Text">" horizontalCenter="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">" bottom="</span><span class="MXMLString">20</span><span class="MXMLDefault_Text">" 
+                     text="</span><span class="MXMLString">The Exiting event can now be handled upon the user shutting down the OS giving you a chance to handle any unsaved data in your application 
+upon shutdown. If you run this code in an AIR application and shutdown your OS, it will still save the data that you have
+entered in Text Area to air-exit-test.txt in your Desktop directory.</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;/s:HGroup&gt;</span>
+    <span class="MXMLComponent_Tag">&lt;/s:Panel&gt;</span>
+<span class="MXMLComponent_Tag">&lt;/s:WindowedApplication&gt;</span></pre></body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR20/EventOnShutdown/srcview/source/skins/TDFPanelSkin.mxml.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR20/EventOnShutdown/srcview/source/skins/TDFPanelSkin.mxml.html b/TourDeFlex/TourDeFlex/src/objects/AIR20/EventOnShutdown/srcview/source/skins/TDFPanelSkin.mxml.html
new file mode 100644
index 0000000..df79d11
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR20/EventOnShutdown/srcview/source/skins/TDFPanelSkin.mxml.html
@@ -0,0 +1,147 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+<head>
+  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+  <meta http-equiv="Content-Style-Type" content="text/css">
+  <title>TDFPanelSkin.mxml</title>
+  <meta name="Generator" content="Cocoa HTML Writer">
+  <meta name="CocoaVersion" content="1187.4">
+  <style type="text/css">
+    p.p1 {margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Courier}
+    p.p2 {margin: 0.0px 0.0px 0.0px 0.0px; font: 11.0px Monaco; color: #941100}
+    p.p3 {margin: 0.0px 0.0px 0.0px 0.0px; font: 11.0px Monaco; min-height: 15.0px}
+    p.p4 {margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Courier; min-height: 14.0px}
+  </style>
+</head>
+<body>
+<p class="p1">&lt;?xml version="1.0" encoding="utf-8"?&gt;</p>
+<p class="p2">&lt;!--</p>
+<p class="p3"><br></p>
+<p class="p2">Licensed to the Apache Software Foundation (ASF) under one or more</p>
+<p class="p2">contributor license agreements.<span class="Apple-converted-space">  </span>See the NOTICE file distributed with</p>
+<p class="p2">this work for additional information regarding copyright ownership.</p>
+<p class="p2">The ASF licenses this file to You under the Apache License, Version 2.0</p>
+<p class="p2">(the "License"); you may not use this file except in compliance with</p>
+<p class="p2">the License.<span class="Apple-converted-space">  </span>You may obtain a copy of the License at</p>
+<p class="p3"><br></p>
+<p class="p2">http://www.apache.org/licenses/LICENSE-2.0</p>
+<p class="p3"><br></p>
+<p class="p2">Unless required by applicable law or agreed to in writing, software</p>
+<p class="p2">distributed under the License is distributed on an "AS IS" BASIS,</p>
+<p class="p2">WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.</p>
+<p class="p2">See the License for the specific language governing permissions and</p>
+<p class="p2">limitations under the License.</p>
+<p class="p3"><br></p>
+<p class="p2">--&gt;</p>
+<p class="p4"><br></p>
+<p class="p1">&lt;s:Skin xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark"<span class="Apple-converted-space"> </span></p>
+<p class="p1"><span class="Apple-converted-space">        </span>alpha.disabled="0.5" minWidth="131" minHeight="127"&gt;</p>
+<p class="p4"><span class="Apple-converted-space">    </span></p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;fx:Metadata&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>[HostComponent("spark.components.Panel")]</p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;/fx:Metadata&gt;<span class="Apple-converted-space"> </span></p>
+<p class="p4"><span class="Apple-converted-space">    </span></p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;s:states&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:State name="normal" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:State name="disabled" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:State name="normalWithControlBar" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:State name="disabledWithControlBar" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;/s:states&gt;</p>
+<p class="p4"><span class="Apple-converted-space">    </span></p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;!-- drop shadow --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;s:Rect left="0" top="0" right="0" bottom="0"&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:filters&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:DropShadowFilter blurX="15" blurY="15" alpha="0.18" distance="11" angle="90" knockout="true" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;/s:filters&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:SolidColor color="0" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;/s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;/s:Rect&gt;</p>
+<p class="p4"><span class="Apple-converted-space">    </span></p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;!-- layer 1: border --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;s:Rect left="0" right="0" top="0" bottom="0"&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:stroke&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:SolidColorStroke color="0" alpha="0.50" weight="1" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;/s:stroke&gt;</p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;/s:Rect&gt;</p>
+<p class="p4"><span class="Apple-converted-space">    </span></p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;!-- layer 2: background fill --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;s:Rect left="0" right="0" bottom="0" height="15"&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:LinearGradient rotation="90"&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;s:GradientEntry color="0xE2E2E2" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;s:GradientEntry color="0x000000" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;/s:LinearGradient&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;/s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;/s:Rect&gt;</p>
+<p class="p4"><span class="Apple-converted-space">    </span></p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;!-- layer 3: contents --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;s:Group left="1" right="1" top="1" bottom="1" &gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:layout&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:VerticalLayout gap="0" horizontalAlign="justify" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;/s:layout&gt;</p>
+<p class="p4"><span class="Apple-converted-space">        </span></p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:Group id="topGroup" &gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;!-- layer 0: title bar fill --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;!-- Note: We have custom skinned the title bar to be solid black for Tour de Flex --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:Rect id="tbFill" left="0" right="0" top="0" bottom="1" &gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                    </span>&lt;s:SolidColor color="0x000000" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;/s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;/s:Rect&gt;</p>
+<p class="p4"><span class="Apple-converted-space">            </span></p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;!-- layer 1: title bar highlight --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:Rect id="tbHilite" left="0" right="0" top="0" bottom="0" &gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;s:stroke&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                    </span>&lt;s:LinearGradientStroke rotation="90" weight="1"&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                        </span>&lt;s:GradientEntry color="0xEAEAEA" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                        </span>&lt;s:GradientEntry color="0xD9D9D9" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                    </span>&lt;/s:LinearGradientStroke&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;/s:stroke&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;/s:Rect&gt;</p>
+<p class="p4"><span class="Apple-converted-space">            </span></p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;!-- layer 2: title bar divider --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:Rect id="tbDiv" left="0" right="0" height="1" bottom="0"&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                    </span>&lt;s:SolidColor color="0xC0C0C0" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;/s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;/s:Rect&gt;</p>
+<p class="p4"><span class="Apple-converted-space">            </span></p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;!-- layer 3: text --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:Label id="titleDisplay" maxDisplayedLines="1"</p>
+<p class="p1"><span class="Apple-converted-space">                     </span>left="9" right="3" top="1" minHeight="30"</p>
+<p class="p1"><span class="Apple-converted-space">                     </span>verticalAlign="middle" fontWeight="bold" color="#E2E2E2"&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;/s:Label&gt;</p>
+<p class="p4"><span class="Apple-converted-space">            </span></p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;/s:Group&gt;</p>
+<p class="p4"><span class="Apple-converted-space">        </span></p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:Group id="contentGroup" width="100%" height="100%" minWidth="0" minHeight="0"&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;/s:Group&gt;</p>
+<p class="p4"><span class="Apple-converted-space">        </span></p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:Group id="bottomGroup" minWidth="0" minHeight="0"</p>
+<p class="p1"><span class="Apple-converted-space">                 </span>includeIn="normalWithControlBar, disabledWithControlBar" &gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;!-- layer 0: control bar background --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:Rect left="0" right="0" bottom="0" top="1" &gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                    </span>&lt;s:SolidColor color="0xE2EdF7" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;/s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;/s:Rect&gt;</p>
+<p class="p4"><span class="Apple-converted-space">            </span></p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;!-- layer 1: control bar divider line --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:Rect left="0" right="0" top="0" height="1" &gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                    </span>&lt;s:SolidColor color="0xD1E0F2" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;/s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;/s:Rect&gt;</p>
+<p class="p4"><span class="Apple-converted-space">            </span></p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;!-- layer 2: control bar --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:Group id="controlBarGroup" left="0" right="0" top="1" bottom="1" minWidth="0" minHeight="0"&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;s:layout&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                    </span>&lt;s:HorizontalLayout paddingLeft="10" paddingRight="10" paddingTop="7" paddingBottom="7" gap="10" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;/s:layout&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;/s:Group&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;/s:Group&gt;</p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;/s:Group&gt;</p>
+<p class="p1">&lt;/s:Skin&gt;</p>
+</body>
+</html>


[21/51] [partial] Merged TourDeFlex release from develop

Posted by jm...@apache.org.
http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR20/NativeProcess/sample.mxml.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR20/NativeProcess/sample.mxml.html b/TourDeFlex/TourDeFlex/src/objects/AIR20/NativeProcess/sample.mxml.html
new file mode 100644
index 0000000..388b575
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR20/NativeProcess/sample.mxml.html
@@ -0,0 +1,126 @@
+<!--
+  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.
+-->
+<!-- saved from url=(0014)about:internet -->
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+<title>sample.mxml</title>
+<link rel="stylesheet" type="text/css" href="../SourceStyles.css"/>
+</head>
+
+<body><pre><span class="MXMLProcessing_Instruction">&lt;?xml version="1.0" encoding="utf-8"?&gt;</span>
+<span class="MXMLComponent_Tag">&lt;s:WindowedApplication</span><span class="MXMLDefault_Text"> xmlns:fx="</span><span class="MXMLString">http://ns.adobe.com/mxml/2009</span><span class="MXMLDefault_Text">"
+    xmlns:s="</span><span class="MXMLString">library://ns.adobe.com/flex/spark</span><span class="MXMLDefault_Text">"
+    xmlns:mx="</span><span class="MXMLString">library://ns.adobe.com/flex/mx</span><span class="MXMLDefault_Text">" creationComplete="</span><span class="ActionScriptDefault_Text">init</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+    
+    <span class="MXMLSpecial_Tag">&lt;fx:Script&gt;</span>
+        &lt;![CDATA[
+            <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">mx</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">controls</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">Alert</span>;
+            
+            <span class="ActionScriptReserved">private</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">process</span>:<span class="ActionScriptDefault_Text">NativeProcess</span>;
+            
+            <span class="ActionScriptReserved">public</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">init</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
+            <span class="ActionScriptBracket/Brace">{</span>
+                <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptOperator">!</span><span class="ActionScriptDefault_Text">NativeProcess</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">isSupported</span><span class="ActionScriptBracket/Brace">)</span>
+                <span class="ActionScriptBracket/Brace">{</span>
+                    <span class="ActionScriptComment">// Note: you could also get this error if you forgot to add the extendedDesktop flag to your app.xml descriptor
+</span>                    <span class="ActionScriptComment">// this line must be within the &lt;application&gt; tags: &lt;supportedProfiles&gt;extendedDesktop&lt;/supportedProfiles&gt;
+</span>                    <span class="ActionScriptDefault_Text">Alert</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">show</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">"NativeProcess is not supported"</span><span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptBracket/Brace">}</span>
+            <span class="ActionScriptBracket/Brace">}</span>
+            
+            <span class="ActionScriptReserved">public</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">runProcess</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
+            <span class="ActionScriptBracket/Brace">{</span>
+                <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">file</span>:<span class="ActionScriptDefault_Text">File</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">File</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptReserved">try</span>
+                <span class="ActionScriptBracket/Brace">{</span>
+                    <span class="ActionScriptComment">// Use default paths for ping... modify if your system does not use the default path
+</span>                    <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">Capabilities</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">os</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">toLowerCase</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">indexOf</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">"win"</span><span class="ActionScriptBracket/Brace">)</span> <span class="ActionScriptOperator">&gt;</span> <span class="ActionScriptOperator">-</span>1<span class="ActionScriptBracket/Brace">)</span>
+                    <span class="ActionScriptBracket/Brace">{</span>
+                        <span class="ActionScriptDefault_Text">file</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">File</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">"c:\windows\system32\ping.exe"</span><span class="ActionScriptBracket/Brace">)</span>;
+                    <span class="ActionScriptBracket/Brace">}</span>
+                    <span class="ActionScriptReserved">else</span> <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">Capabilities</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">os</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">toLowerCase</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">indexOf</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">"mac"</span><span class="ActionScriptBracket/Brace">)</span> <span class="ActionScriptOperator">&gt;</span> <span class="ActionScriptOperator">-</span>1<span class="ActionScriptBracket/Brace">)</span>
+                    <span class="ActionScriptBracket/Brace">{</span>
+                        <span class="ActionScriptDefault_Text">file</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">File</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">"/sbin/ping"</span><span class="ActionScriptBracket/Brace">)</span>;
+                        <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">file</span> <span class="ActionScriptOperator">==</span> <span class="ActionScriptReserved">null</span><span class="ActionScriptBracket/Brace">)</span>
+                            <span class="ActionScriptDefault_Text">file</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">File</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">"/bin/ping"</span><span class="ActionScriptBracket/Brace">)</span>;
+                        <span class="ActionScriptReserved">else</span> <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">file</span> <span class="ActionScriptOperator">==</span> <span class="ActionScriptReserved">null</span><span class="ActionScriptBracket/Brace">)</span>
+                            <span class="ActionScriptDefault_Text">file</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">File</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">"/usr/bin/ping"</span><span class="ActionScriptBracket/Brace">)</span>;
+                    <span class="ActionScriptBracket/Brace">}</span>
+                    <span class="ActionScriptReserved">else</span> <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">Capabilities</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">os</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">toLowerCase</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">indexOf</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">"linux"</span><span class="ActionScriptBracket/Brace">)</span> <span class="ActionScriptOperator">&gt;</span> <span class="ActionScriptOperator">-</span>1<span class="ActionScriptBracket/Brace">)</span>
+                    <span class="ActionScriptBracket/Brace">{</span>
+                        <span class="ActionScriptDefault_Text">file</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">File</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">"/sbin/ping"</span><span class="ActionScriptBracket/Brace">)</span>;
+                        <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">file</span> <span class="ActionScriptOperator">==</span> <span class="ActionScriptReserved">null</span><span class="ActionScriptBracket/Brace">)</span>
+                            <span class="ActionScriptDefault_Text">file</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">File</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">"/bin/ping"</span><span class="ActionScriptBracket/Brace">)</span>;
+                        <span class="ActionScriptReserved">else</span> <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">file</span> <span class="ActionScriptOperator">==</span> <span class="ActionScriptReserved">null</span><span class="ActionScriptBracket/Brace">)</span>
+                            <span class="ActionScriptDefault_Text">file</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">File</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">"/usr/bin/ping"</span><span class="ActionScriptBracket/Brace">)</span>;    
+                    <span class="ActionScriptBracket/Brace">}</span>
+                    
+                    <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">nativeProcessStartupInfo</span>:<span class="ActionScriptDefault_Text">NativeProcessStartupInfo</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">NativeProcessStartupInfo</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
+                    <span class="ActionScriptDefault_Text">nativeProcessStartupInfo</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">executable</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">file</span>;
+                    <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">args</span>:<span class="ActionScriptDefault_Text">Vector</span><span class="ActionScriptBracket/Brace">.&lt;</span><span class="ActionScriptDefault_Text">String</span><span class="ActionScriptBracket/Brace">&gt;</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">Vector</span><span class="ActionScriptBracket/Brace">.&lt;</span><span class="ActionScriptDefault_Text">String</span><span class="ActionScriptBracket/Brace">&gt;</span>;
+                    <span class="ActionScriptDefault_Text">args</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">push</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">"www.adobe.com"</span><span class="ActionScriptBracket/Brace">)</span>; <span class="ActionScriptComment">// what we're pinging
+</span>                    <span class="ActionScriptDefault_Text">nativeProcessStartupInfo</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">arguments</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">args</span>;
+                    <span class="ActionScriptDefault_Text">process</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">NativeProcess</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
+                    <span class="ActionScriptDefault_Text">process</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">start</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">nativeProcessStartupInfo</span><span class="ActionScriptBracket/Brace">)</span>;
+                    
+                    <span class="ActionScriptDefault_Text">process</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">addEventListener</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">ProgressEvent</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">STANDARD_OUTPUT_DATA</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">stdoutHandler</span><span class="ActionScriptBracket/Brace">)</span>;
+                    <span class="ActionScriptDefault_Text">process</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">addEventListener</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">ProgressEvent</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">STANDARD_ERROR_DATA</span><span class="ActionScriptOperator">,</span><span class="ActionScriptDefault_Text">errorHandler</span><span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptBracket/Brace">}</span>
+                <span class="ActionScriptReserved">catch</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">e</span>:<span class="ActionScriptDefault_Text">Error</span><span class="ActionScriptBracket/Brace">)</span>
+                <span class="ActionScriptBracket/Brace">{</span>
+                    <span class="ActionScriptDefault_Text">Alert</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">show</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">e</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">message</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptString">"Error"</span><span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptBracket/Brace">}</span>
+            <span class="ActionScriptBracket/Brace">}</span>
+            
+            <span class="ActionScriptReserved">public</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">stdoutHandler</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">event</span>:<span class="ActionScriptDefault_Text">ProgressEvent</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
+            <span class="ActionScriptBracket/Brace">{</span>
+                <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">process</span>:<span class="ActionScriptDefault_Text">NativeProcess</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">event</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">target</span> <span class="ActionScriptReserved">as</span> <span class="ActionScriptDefault_Text">NativeProcess</span>;
+                <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">data</span>:<span class="ActionScriptDefault_Text">String</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">process</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">standardOutput</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">readUTFBytes</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">process</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">standardOutput</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">bytesAvailable</span><span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptDefault_Text">log</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span> <span class="ActionScriptOperator">+=</span> <span class="ActionScriptDefault_Text">data</span>;
+            <span class="ActionScriptBracket/Brace">}</span>
+            
+            <span class="ActionScriptReserved">public</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">errorHandler</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">event</span>:<span class="ActionScriptDefault_Text">ProgressEvent</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
+            <span class="ActionScriptBracket/Brace">{</span>
+                <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">process</span>:<span class="ActionScriptDefault_Text">NativeProcess</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">event</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">target</span> <span class="ActionScriptReserved">as</span> <span class="ActionScriptDefault_Text">NativeProcess</span>;
+                <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">data</span>:<span class="ActionScriptDefault_Text">String</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">process</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">standardError</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">readUTFBytes</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">process</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">standardError</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">bytesAvailable</span><span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptDefault_Text">log</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span> <span class="ActionScriptOperator">+=</span> <span class="ActionScriptDefault_Text">data</span>;
+            <span class="ActionScriptBracket/Brace">}</span>
+            
+        <span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptOperator">&gt;</span>
+    <span class="MXMLSpecial_Tag">&lt;/fx:Script&gt;</span>
+    
+    <span class="MXMLComponent_Tag">&lt;s:Panel</span><span class="MXMLDefault_Text"> width="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" height="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" horizontalCenter="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">" title="</span><span class="MXMLString">NativeProcess Sample</span><span class="MXMLDefault_Text">" skinClass="</span><span class="MXMLString">skins.TDFPanelSkin</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;s:Label</span><span class="MXMLDefault_Text"> left="</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">" top="</span><span class="MXMLString">7</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">470</span><span class="MXMLDefault_Text">" verticalAlign="</span><span class="MXMLString">justify</span><span class="MXMLDefault_Text">" color="</span><span class="MXMLString">#323232</span><span class="MXMLDefault_Text">" 
+                 text="</span><span class="MXMLString">The NativeProcess feature allows you to invoke any executable found on your Operating System. You can provide the necessary
+startup data and arguments for the executable using the NativeProcessStartupInfo class. This sample shows how it can be used to run a native ping
+against www.adobe.com using the default path for ping on your OS.</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;s:VGroup</span><span class="MXMLDefault_Text"> left="</span><span class="MXMLString">100</span><span class="MXMLDefault_Text">" bottom="</span><span class="MXMLString">65</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">300</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;s:Label</span><span class="MXMLDefault_Text"> text="</span><span class="MXMLString">Trace:</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;s:TextArea</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">log</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" height="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" editable="</span><span class="MXMLString">false</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>    
+        <span class="MXMLComponent_Tag">&lt;/s:VGroup&gt;</span>
+        
+        <span class="MXMLComponent_Tag">&lt;s:HGroup</span><span class="MXMLDefault_Text"> bottom="</span><span class="MXMLString">30</span><span class="MXMLDefault_Text">" horizontalCenter="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;s:Button</span><span class="MXMLDefault_Text"> label="</span><span class="MXMLString">Run</span><span class="MXMLDefault_Text">" click="</span><span class="ActionScriptDefault_Text">runProcess</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span><span class="MXMLDefault_Text">" horizontalCenter="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;s:Button</span><span class="MXMLDefault_Text"> label="</span><span class="MXMLString">Stop</span><span class="MXMLDefault_Text">" click="</span><span class="ActionScriptDefault_Text">process</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">exit</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;<span class="MXMLDefault_Text">" horizontalCenter="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;s:Button</span><span class="MXMLDefault_Text"> label="</span><span class="MXMLString">Clear</span><span class="MXMLDefault_Text">" click="</span><span class="ActionScriptDefault_Text">log</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span><span class="ActionScriptOperator">=</span><span class="ActionScriptString">''</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;/s:HGroup&gt;</span>
+    <span class="MXMLComponent_Tag">&lt;/s:Panel&gt;</span>
+    
+<span class="MXMLComponent_Tag">&lt;/s:WindowedApplication&gt;</span></pre></body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR20/NativeProcess/srcview/Sample-AIR2-Microphone/src/com/adobe/audio/format/WAVWriter.as
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR20/NativeProcess/srcview/Sample-AIR2-Microphone/src/com/adobe/audio/format/WAVWriter.as b/TourDeFlex/TourDeFlex/src/objects/AIR20/NativeProcess/srcview/Sample-AIR2-Microphone/src/com/adobe/audio/format/WAVWriter.as
new file mode 100644
index 0000000..62c0802
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR20/NativeProcess/srcview/Sample-AIR2-Microphone/src/com/adobe/audio/format/WAVWriter.as
@@ -0,0 +1,257 @@
+////////////////////////////////////////////////////////////////////////////////
+//
+//  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.
+//
+////////////////////////////////////////////////////////////////////////////////
+
+
+package com.adobe.audio.format
+{
+	import flash.utils.ByteArray;
+	import flash.utils.Endian;
+	import flash.utils.IDataOutput;
+	
+
+/**
+ * 	Helper class to write WAV formated audio files.  The class
+ *  expects audio input data in a byte array with samples represented
+ *  as floats.  
+ * 
+ *  <p>The default compressed code is set to PCM.  The class
+ *  resamples and formats the audio samples according to the 
+ *  class properties.  The resampling geared for performance and
+ *  not quality, for best quality use sampling rates that divide/multiple
+ *  into the desired output <code>samplingRate</code>.
+ * 
+ * 	For more information about the WAVE file format see:
+ * 	http://ccrma.stanford.edu/courses/422/projects/WaveFormat/</p>
+ * 
+ * 	TODO Get WAV's for testing
+ *  
+ * 	@langversion ActionScript 3.0
+ * 	@playerversion Flash 10.0 
+ */
+public class WAVWriter
+{
+	
+	//-------------------------------------------------------------------
+	// Variables
+	//-------------------------------------------------------------------
+
+	/**
+	 * 	@private
+	 *  Used for resampling channels where input channels > output channels
+	 */
+	private var tempValueSum:Number = 0;
+	/**
+	 * 	@private
+	 *  Used for resampling channels where input channels > output channels
+	 */
+	private var tempValueCount:int = 0;
+	
+	//-------------------------------------------------------------------
+	// Properties
+	//-------------------------------------------------------------------
+	
+	/**
+	 * 	The sampling rate, in Hz, for the data in the WAV file.
+	 * 
+	 * 	@default 44100
+	 */
+	public var samplingRate:Number = 44100;
+	
+	/**
+	 * 	The audio sample bit rate.  Has to be set to 8, 16, 24, or 32.
+	 * 
+	 * 	@default 16
+	 */		
+	public var sampleBitRate:int = 16; // ie: 16 bit wav file
+	
+	/**
+	 * 	The number of audio channels in the WAV file.
+	 * 
+	 * 	@default 2
+	 */	
+	public var numOfChannels:int = 2;
+	
+	/**
+	 * 	The WAV header compression code value.  The default is the PCM 
+	 *  code.
+	 * 
+	 * 	@default 1 
+	 */	
+	public var compressionCode:int = 1;
+	
+	//-------------------------------------------------------------------
+	// Methods
+	//-------------------------------------------------------------------
+	
+	/**
+	 * 	@private
+	 * 	Create WAV header bytes
+	 */
+	private function header(dataOutput:IDataOutput, fileSize:Number):void
+	{
+		dataOutput.writeUTFBytes("RIFF");
+		dataOutput.writeUnsignedInt(fileSize); // Size of whole file
+		dataOutput.writeUTFBytes("WAVE");
+		// WAVE Chunk
+		dataOutput.writeUTFBytes("fmt ");	// Chunk ID
+		dataOutput.writeUnsignedInt(16);	// Header Chunk Data Size
+		dataOutput.writeShort(compressionCode); // Compression code - 1 = PCM
+		dataOutput.writeShort(numOfChannels); // Number of channels
+		dataOutput.writeUnsignedInt(samplingRate); // Sample rate
+		dataOutput.writeUnsignedInt(samplingRate * numOfChannels * sampleBitRate / 8); // Byte Rate == SampleRate * NumChannels * BitsPerSample/8		
+		dataOutput.writeShort(numOfChannels * sampleBitRate / 8); // Block align == NumChannels * BitsPerSample/8
+		dataOutput.writeShort(sampleBitRate); // Bits Per Sample
+	}
+	
+	/**
+	 * 	Resample the <code>dataInput</code> audio data into the WAV format.
+	 *  Writing the output to the <code>dataOutput</code> object.
+	 * 
+	 * 	<p>The <code>dataOutput.endian</code> will be set to <code>Endian.LITTLE_ENDIAN</code>
+	 *  with the header and data written out on the data stream. The <code>dataInput</code>
+	 *  will set the position = 0 and read all bytes in the <code>ByteArray</code> as samples.
+	 * 
+	 * 	
+	 *  </p>
+	 * 
+	 * 	@param dataOutput The IDataOutput object that you want the WAV formated bytes to be written to.
+	 *  @param dataInput 	The audio sample data in float format.
+	 * 	@param inputSamplingRate The sampling rate of the <code>dataInput</code> data.
+	 *  @param inputNumChannels	The number of audio changes in <code>dataInput</code> data.
+	 *  	
+	 */
+	public function processSamples(dataOutput:IDataOutput, dataInput:ByteArray, inputSamplingRate:int, inputNumChannels:int = 1):void
+	{
+		if (!dataInput || dataInput.bytesAvailable <= 0) // Return if null
+			throw new Error("No audio data");
+
+		
+		// 16 bit values are between -32768 to 32767.
+		var bitResolution:Number = (Math.pow(2, sampleBitRate)/2)-1;
+		var soundRate:Number = samplingRate / inputSamplingRate;
+		var dataByteLength:int = ((dataInput.length/4) * soundRate * sampleBitRate/8);
+		// data.length is in 4 bytes per float, where we want samples * sampleBitRate/8 for bytes
+		var fileSize:int = 32 + 8 + dataByteLength;
+		// WAV format requires little-endian
+		dataOutput.endian = Endian.LITTLE_ENDIAN;  
+		// RIFF WAVE Header Information
+		header(dataOutput, fileSize);
+		// Data Chunk Header
+		dataOutput.writeUTFBytes("data");
+		dataOutput.writeUnsignedInt(dataByteLength); // Size of whole file
+		
+		// Write data to file
+		dataInput.position = 0;
+		var tempData:ByteArray = new ByteArray();
+		tempData.endian = Endian.LITTLE_ENDIAN;
+		
+		
+		
+		// Write to file in chunks of converted data.
+		while (dataInput.bytesAvailable > 0) 
+		{
+			tempData.clear();
+			// Resampling logic variables
+			var minSamples:int = Math.min(dataInput.bytesAvailable/4, 8192);
+			var readSampleLength:int = minSamples;//Math.floor(minSamples/soundRate);
+			var resampleFrequency:int = 100;  // Every X frames drop or add frames
+			var resampleFrequencyCheck:int = (soundRate-Math.floor(soundRate))*resampleFrequency;
+			var soundRateCeil:int = Math.ceil(soundRate);
+			var soundRateFloor:int = Math.floor(soundRate);
+			var jlen:int = 0;
+			var channelCount:int = (numOfChannels-inputNumChannels);
+			/*
+			trace("resampleFrequency: " + resampleFrequency + " resampleFrequencyCheck: " + resampleFrequencyCheck
+				+ " soundRateCeil: " + soundRateCeil + " soundRateFloor: " + soundRateFloor);
+			*/
+			var value:Number = 0;
+			// Assumes data is in samples of float value
+			for (var i:int = 0;i < readSampleLength;i+=4)
+			{
+				value = dataInput.readFloat();
+				// Check for sanity of float value
+				if (value > 1 || value < -1)
+					throw new Error("Audio samples not in float format");
+				
+				// Special case with 8bit WAV files
+				if (sampleBitRate == 8)
+					value = (bitResolution * value) + bitResolution;
+				else
+					value = bitResolution * value;
+				
+				// Resampling Logic for non-integer sampling rate conversions
+				jlen = (resampleFrequencyCheck > 0 && i % resampleFrequency < resampleFrequencyCheck) ? soundRateCeil : soundRateFloor; 
+				for (var j:int = 0; j < jlen; j++)
+				{
+					writeCorrectBits(tempData, value, channelCount);
+				}
+			}
+			dataOutput.writeBytes(tempData);
+		}
+	}
+	
+	/**
+	 * 	@private
+	 * 	Change the audio sample to the write resolution
+	 */
+	private function writeCorrectBits(outputData:ByteArray, value:Number, channels:int):void
+	{
+		// Handle case where input channels > output channels.  Sum values and divide values
+		if (channels < 0)
+		{
+			if (tempValueCount+channels == 1)
+			{
+				value = int(tempValueSum/tempValueCount);
+				tempValueSum = 0;
+				tempValueCount = 0;
+				channels = 1;
+			}
+			else
+			{
+				tempValueSum += value;
+				tempValueCount++;
+				return;
+			}
+		}
+		else
+		{
+			channels++;
+		}
+		// Now write data according to channels
+		for (var i:int = 0;i < channels; i++) 
+		{
+			if (sampleBitRate == 8)
+				outputData.writeByte(value);
+			else if (sampleBitRate == 16)
+				outputData.writeShort(value);
+			else if (sampleBitRate == 24)
+			{
+				outputData.writeByte(value & 0xFF);
+				outputData.writeByte(value >>> 8 & 0xFF); 
+				outputData.writeByte(value >>> 16 & 0xFF);
+			}
+			else if (sampleBitRate == 32)
+				outputData.writeInt(value);
+			else
+				throw new Error("Sample bit rate not supported");
+		}
+	}
+
+}
+}
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR20/NativeProcess/srcview/Sample-AIR2-Microphone/src/sample-app.xml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR20/NativeProcess/srcview/Sample-AIR2-Microphone/src/sample-app.xml b/TourDeFlex/TourDeFlex/src/objects/AIR20/NativeProcess/srcview/Sample-AIR2-Microphone/src/sample-app.xml
new file mode 100755
index 0000000..21dad49
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR20/NativeProcess/srcview/Sample-AIR2-Microphone/src/sample-app.xml
@@ -0,0 +1,153 @@
+<?xml version="1.0" encoding="utf-8" standalone="no"?>
+<!--
+
+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.
+
+-->
+<application xmlns="http://ns.adobe.com/air/application/2.0">
+
+<!-- Adobe AIR Application Descriptor File Template.
+
+	Specifies parameters for identifying, installing, and launching AIR applications.
+
+	xmlns - The Adobe AIR namespace: http://ns.adobe.com/air/application/2.0beta
+			The last segment of the namespace specifies the version 
+			of the AIR runtime required for this application to run.
+			
+	minimumPatchLevel - The minimum patch level of the AIR runtime required to run 
+			the application. Optional.
+-->
+
+	<!-- The application identifier string, unique to this application. Required. -->
+	<id>main</id>
+
+	<!-- Used as the filename for the application. Required. -->
+	<filename>main</filename>
+
+	<!-- The name that is displayed in the AIR application installer. 
+	     May have multiple values for each language. See samples or xsd schema file. Optional. -->
+	<name>main</name>
+
+	<!-- An application version designator (such as "v1", "2.5", or "Alpha 1"). Required. -->
+	<version>v1</version>
+
+	<!-- Description, displayed in the AIR application installer.
+	     May have multiple values for each language. See samples or xsd schema file. Optional. -->
+	<!-- <description></description> -->
+
+	<!-- Copyright information. Optional -->
+	<!-- <copyright></copyright> -->
+
+	<!-- Settings for the application's initial window. Required. -->
+	<initialWindow>
+		<!-- The main SWF or HTML file of the application. Required. -->
+		<!-- Note: In Flash Builder, the SWF reference is set automatically. -->
+		<content>[This value will be overwritten by Flash Builder in the output app.xml]</content>
+		
+		<!-- The title of the main window. Optional. -->
+		<!-- <title></title> -->
+
+		<!-- The type of system chrome to use (either "standard" or "none"). Optional. Default standard. -->
+		<!-- <systemChrome></systemChrome> -->
+
+		<!-- Whether the window is transparent. Only applicable when systemChrome is none. Optional. Default false. -->
+		<!-- <transparent></transparent> -->
+
+		<!-- Whether the window is initially visible. Optional. Default false. -->
+		<!-- <visible></visible> -->
+
+		<!-- Whether the user can minimize the window. Optional. Default true. -->
+		<!-- <minimizable></minimizable> -->
+
+		<!-- Whether the user can maximize the window. Optional. Default true. -->
+		<!-- <maximizable></maximizable> -->
+
+		<!-- Whether the user can resize the window. Optional. Default true. -->
+		<!-- <resizable></resizable> -->
+
+		<!-- The window's initial width. Optional. -->
+		<!-- <width></width> -->
+
+		<!-- The window's initial height. Optional. -->
+		<!-- <height></height> -->
+
+		<!-- The window's initial x position. Optional. -->
+		<!-- <x></x> -->
+
+		<!-- The window's initial y position. Optional. -->
+		<!-- <y></y> -->
+
+		<!-- The window's minimum size, specified as a width/height pair, such as "400 200". Optional. -->
+		<!-- <minSize></minSize> -->
+
+		<!-- The window's initial maximum size, specified as a width/height pair, such as "1600 1200". Optional. -->
+		<!-- <maxSize></maxSize> -->
+	</initialWindow>
+
+	<!-- The subpath of the standard default installation location to use. Optional. -->
+	<!-- <installFolder></installFolder> -->
+
+	<!-- The subpath of the Programs menu to use. (Ignored on operating systems without a Programs menu.) Optional. -->
+	<!-- <programMenuFolder></programMenuFolder> -->
+
+	<!-- The icon the system uses for the application. For at least one resolution,
+		 specify the path to a PNG file included in the AIR package. Optional. -->
+	<!-- <icon>
+		<image16x16></image16x16>
+		<image32x32></image32x32>
+		<image48x48></image48x48>
+		<image128x128></image128x128>
+	</icon> -->
+
+	<!-- Whether the application handles the update when a user double-clicks an update version
+	of the AIR file (true), or the default AIR application installer handles the update (false).
+	Optional. Default false. -->
+	<!-- <customUpdateUI></customUpdateUI> -->
+	
+	<!-- Whether the application can be launched when the user clicks a link in a web browser.
+	Optional. Default false. -->
+	<!-- <allowBrowserInvocation></allowBrowserInvocation> -->
+
+	<!-- Listing of file types for which the application can register. Optional. -->
+	<!-- <fileTypes> -->
+
+		<!-- Defines one file type. Optional. -->
+		<!-- <fileType> -->
+
+			<!-- The name that the system displays for the registered file type. Required. -->
+			<!-- <name></name> -->
+
+			<!-- The extension to register. Required. -->
+			<!-- <extension></extension> -->
+			
+			<!-- The description of the file type. Optional. -->
+			<!-- <description></description> -->
+			
+			<!-- The MIME content type. -->
+			<!-- <contentType></contentType> -->
+			
+			<!-- The icon to display for the file type. Optional. -->
+			<!-- <icon>
+				<image16x16></image16x16>
+				<image32x32></image32x32>
+				<image48x48></image48x48>
+				<image128x128></image128x128>
+			</icon> -->
+			
+		<!-- </fileType> -->
+	<!-- </fileTypes> -->
+
+</application>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR20/NativeProcess/srcview/Sample-AIR2-Microphone/src/sample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR20/NativeProcess/srcview/Sample-AIR2-Microphone/src/sample.mxml b/TourDeFlex/TourDeFlex/src/objects/AIR20/NativeProcess/srcview/Sample-AIR2-Microphone/src/sample.mxml
new file mode 100644
index 0000000..1ef7be3
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR20/NativeProcess/srcview/Sample-AIR2-Microphone/src/sample.mxml
@@ -0,0 +1,198 @@
+<?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.
+
+-->
+<mx:Module xmlns:fx="http://ns.adobe.com/mxml/2009" 
+						xmlns:s="library://ns.adobe.com/flex/spark" 
+						xmlns:mx="library://ns.adobe.com/flex/mx" 
+						creationComplete="init()" styleName="plain" width="100%" height="100%">
+	
+	<!-- LINK TO ARTICLE: http://www.adobe.com/devnet/air/flex/articles/using_mic_api.html -->
+	<fx:Script>
+		<![CDATA[
+			import com.adobe.audio.format.WAVWriter;
+			
+			import flash.events.SampleDataEvent;
+			import flash.media.Microphone;
+			import flash.media.Sound;
+			import flash.utils.ByteArray;
+			
+			import mx.collections.ArrayCollection;
+			
+			[Bindable] 
+			private var microphoneList:ArrayCollection;
+			protected var microphone:Microphone;
+			
+			[Bindable]
+			protected var isRecording:Boolean = false;
+			
+			[Bindable]
+			protected var isPlaying:Boolean = false;
+			
+			[Bindable]
+			protected var soundData:ByteArray;
+			protected var sound:Sound;
+			protected var channel:SoundChannel;
+			
+			protected function init():void
+			{
+				microphoneList = new ArrayCollection(Microphone.names);
+				cbMicChoices.selectedIndex=0;
+			}
+			
+			protected function startRecording():void
+			{
+				isRecording = true;
+				microphone = Microphone.getMicrophone(cbMicChoices.selectedIndex);
+				microphone.rate = 44;
+				microphone.gain = 100;
+				soundData = new ByteArray();
+				trace("Recording");
+				microphone.addEventListener(SampleDataEvent.SAMPLE_DATA, onSampleDataReceived);
+			
+			}
+			
+			protected function stopRecording():void
+			{
+				isRecording = false;
+				trace("Stopped recording");
+				microphone.removeEventListener(SampleDataEvent.SAMPLE_DATA, onSampleDataReceived);
+			}
+			
+			private function onSampleDataReceived(event:SampleDataEvent):void
+			{
+				while(event.data.bytesAvailable)
+				{
+					var sample:Number = event.data.readFloat();
+					soundData.writeFloat(sample);
+				}
+			}
+			
+			protected function soundCompleteHandler(event:Event):void
+			{
+				isPlaying = false;
+			}
+			
+			protected function startPlaying():void
+			{
+				isPlaying = true
+				soundData.position = 0;
+				sound = new Sound();
+				sound.addEventListener(SampleDataEvent.SAMPLE_DATA, sound_sampleDataHandler);
+				channel = sound.play();
+				channel.addEventListener(Event.SOUND_COMPLETE, soundCompleteHandler);	
+			}
+			
+			protected function sound_sampleDataHandler(event:SampleDataEvent):void
+			{
+				if (!soundData.bytesAvailable > 0)
+				{
+					return;
+				}
+				
+				for (var i:int = 0; i < 8192; i++)
+				{
+					var sample:Number = 0;
+					
+					if (soundData.bytesAvailable > 0)
+					{
+						sample = soundData.readFloat();
+					}
+					event.data.writeFloat(sample); 
+					event.data.writeFloat(sample);  
+				}
+				
+			}
+			
+			protected function stopPlaying():void
+			{
+				channel.stop();
+				isPlaying = false;
+			}
+			protected function save():void
+			{
+				var docsDir:File = File.documentsDirectory;
+				try
+				{
+					docsDir.browseForSave("Save As");
+					docsDir.addEventListener(Event.SELECT, saveFile);
+				}
+				catch (error:Error)
+				{
+					trace("Save failed:", error.message);
+				}
+
+
+			}
+			protected function saveFile(event:Event):void
+			{
+				var outputStream:FileStream = new FileStream();
+				var wavWriter:WAVWriter = new WAVWriter();
+				var newFile:File = event.target as File;
+				
+				if (!newFile.exists)
+				{
+					soundData.position = 0;  // rewind to the beginning of the sample
+					
+					wavWriter.numOfChannels = 1; // set the inital properties of the Wave Writer
+					wavWriter.sampleBitRate = 16;
+					wavWriter.samplingRate = 44100;
+					outputStream.open(newFile, FileMode.WRITE);  //write out our file to disk.
+					wavWriter.processSamples(outputStream, soundData, 44100, 1); // convert our ByteArray to a WAV file.
+					outputStream.close();
+				}
+			}
+			
+			protected function toggleRecording():void
+			{
+				if (isRecording)
+				{
+					isRecording = false;
+					btnRecord.label = "Record";
+					stopRecording();
+				}
+				else
+				{
+					isRecording = true;
+					btnRecord.label = "Stop Recording";
+					startRecording();
+				}
+			}
+			
+		]]>
+	</fx:Script>
+	
+	<s:Panel skinClass="skins.TDFPanelSkin" width="100%" height="100%" title="Microphone Support">
+		<s:Label left="10" top="7" width="80%" verticalAlign="justify" color="#323232" 
+				 text="The new Microphone support allows you to record audio such as voice memo's using a built-in or external mic. The Microphone.names
+property will return the list of all available sound input devices found (see init method in code):"/>
+		<s:VGroup top="70" horizontalAlign="center" horizontalCenter="0">
+			<s:Label text="Select the microphone input device to use:"/>
+			<s:ComboBox id="cbMicChoices" dataProvider="{microphoneList}" selectedIndex="0"/>
+		</s:VGroup>
+		<s:VGroup top="130" horizontalCenter="0">
+			<s:Label text="Start recording audio by clicking the Record button:"/>
+			<s:HGroup horizontalCenter="0" verticalAlign="middle">
+				<s:Button id="btnRecord" label="Record" click="toggleRecording()" enabled="{!isPlaying}"/>
+				<s:Button id="btnPlay" label="Play" click="startPlaying()" enabled="{!isRecording}"/>
+				<s:Button label="Save Audio Clip" click="save()"  horizontalCenter="0"/>
+			</s:HGroup>
+		</s:VGroup>
+	</s:Panel>
+	
+</mx:Module>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR20/NativeProcess/srcview/Sample-AIR2-Microphone/src/skins/TDFPanelSkin.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR20/NativeProcess/srcview/Sample-AIR2-Microphone/src/skins/TDFPanelSkin.mxml b/TourDeFlex/TourDeFlex/src/objects/AIR20/NativeProcess/srcview/Sample-AIR2-Microphone/src/skins/TDFPanelSkin.mxml
new file mode 100644
index 0000000..ff46524
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR20/NativeProcess/srcview/Sample-AIR2-Microphone/src/skins/TDFPanelSkin.mxml
@@ -0,0 +1,130 @@
+<?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.
+
+-->
+
+
+<s:Skin xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark" 
+		alpha.disabled="0.5" minWidth="131" minHeight="127">
+	
+	<fx:Metadata>
+		[HostComponent("spark.components.Panel")]
+	</fx:Metadata> 
+	
+	<s:states>
+		<s:State name="normal" />
+		<s:State name="disabled" />
+		<s:State name="normalWithControlBar" />
+		<s:State name="disabledWithControlBar" />
+	</s:states>
+	
+	<!-- drop shadow -->
+	<s:Rect left="0" top="0" right="0" bottom="0">
+		<s:filters>
+			<s:DropShadowFilter blurX="15" blurY="15" alpha="0.18" distance="11" angle="90" knockout="true" />
+		</s:filters>
+		<s:fill>
+			<s:SolidColor color="0" />
+		</s:fill>
+	</s:Rect>
+	
+	<!-- layer 1: border -->
+	<s:Rect left="0" right="0" top="0" bottom="0">
+		<s:stroke>
+			<s:SolidColorStroke color="0" alpha="0.50" weight="1" />
+		</s:stroke>
+	</s:Rect>
+	
+	<!-- layer 2: background fill -->
+	<s:Rect left="0" right="0" bottom="0" height="15">
+		<s:fill>
+			<s:LinearGradient rotation="90">
+				<s:GradientEntry color="0xE2E2E2" />
+				<s:GradientEntry color="0x000000" />
+			</s:LinearGradient>
+		</s:fill>
+	</s:Rect>
+	
+	<!-- layer 3: contents -->
+	<s:Group left="1" right="1" top="1" bottom="1" >
+		<s:layout>
+			<s:VerticalLayout gap="0" horizontalAlign="justify" />
+		</s:layout>
+		
+		<s:Group id="topGroup" >
+			<!-- layer 0: title bar fill -->
+			<!-- Note: We have custom skinned the title bar to be solid black for Tour de Flex -->
+			<s:Rect id="tbFill" left="0" right="0" top="0" bottom="1" >
+				<s:fill>
+					<s:SolidColor color="0x000000" />
+				</s:fill>
+			</s:Rect>
+			
+			<!-- layer 1: title bar highlight -->
+			<s:Rect id="tbHilite" left="0" right="0" top="0" bottom="0" >
+				<s:stroke>
+					<s:LinearGradientStroke rotation="90" weight="1">
+						<s:GradientEntry color="0xEAEAEA" />
+						<s:GradientEntry color="0xD9D9D9" />
+					</s:LinearGradientStroke>
+				</s:stroke>
+			</s:Rect>
+			
+			<!-- layer 2: title bar divider -->
+			<s:Rect id="tbDiv" left="0" right="0" height="1" bottom="0">
+				<s:fill>
+					<s:SolidColor color="0xC0C0C0" />
+				</s:fill>
+			</s:Rect>
+			
+			<!-- layer 3: text -->
+			<s:Label id="titleDisplay" maxDisplayedLines="1"
+					 left="9" right="3" top="1" minHeight="30"
+					 verticalAlign="middle" fontWeight="bold" color="#E2E2E2">
+			</s:Label>
+			
+		</s:Group>
+		
+		<s:Group id="contentGroup" width="100%" height="100%" minWidth="0" minHeight="0">
+		</s:Group>
+		
+		<s:Group id="bottomGroup" minWidth="0" minHeight="0"
+				 includeIn="normalWithControlBar, disabledWithControlBar" >
+			<!-- layer 0: control bar background -->
+			<s:Rect left="0" right="0" bottom="0" top="1" >
+				<s:fill>
+					<s:SolidColor color="0xE2EdF7" />
+				</s:fill>
+			</s:Rect>
+			
+			<!-- layer 1: control bar divider line -->
+			<s:Rect left="0" right="0" top="0" height="1" >
+				<s:fill>
+					<s:SolidColor color="0xD1E0F2" />
+				</s:fill>
+			</s:Rect>
+			
+			<!-- layer 2: control bar -->
+			<s:Group id="controlBarGroup" left="0" right="0" top="1" bottom="1" minWidth="0" minHeight="0">
+				<s:layout>
+					<s:HorizontalLayout paddingLeft="10" paddingRight="10" paddingTop="7" paddingBottom="7" gap="10" />
+				</s:layout>
+			</s:Group>
+		</s:Group>
+	</s:Group>
+</s:Skin>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR20/NativeProcess/srcview/SourceIndex.xml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR20/NativeProcess/srcview/SourceIndex.xml b/TourDeFlex/TourDeFlex/src/objects/AIR20/NativeProcess/srcview/SourceIndex.xml
new file mode 100644
index 0000000..9350f7b
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR20/NativeProcess/srcview/SourceIndex.xml
@@ -0,0 +1,40 @@
+<?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.
+
+-->
+<index>
+	<title>Source of Sample-AIR2-Microphone</title>
+	<nodes>
+		<node label="libs">
+		</node>
+		<node label="src">
+			<node icon="packageIcon" label="com.adobe.audio.format" expanded="true">
+				<node icon="actionScriptIcon" label="WAVWriter.as" url="source/com/adobe/audio/format/WAVWriter.as.html"/>
+			</node>
+			<node icon="packageIcon" label="skins" expanded="true">
+				<node icon="mxmlIcon" label="TDFPanelSkin.mxml" url="source/skins/TDFPanelSkin.mxml.html"/>
+			</node>
+			<node label="sample-app.xml" url="source/sample-app.xml.txt"/>
+			<node icon="mxmlAppIcon" selected="true" label="sample.mxml" url="source/sample.mxml.html"/>
+		</node>
+	</nodes>
+	<zipfile label="Download source (ZIP, 12K)" url="Sample-AIR2-Microphone.zip">
+	</zipfile>
+	<sdklink label="Download Flex SDK" url="http://www.adobe.com/go/flex4_sdk_download">
+	</sdklink>
+</index>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR20/NativeProcess/srcview/SourceStyles.css
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR20/NativeProcess/srcview/SourceStyles.css b/TourDeFlex/TourDeFlex/src/objects/AIR20/NativeProcess/srcview/SourceStyles.css
new file mode 100644
index 0000000..a8b5614
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR20/NativeProcess/srcview/SourceStyles.css
@@ -0,0 +1,155 @@
+/*
+ * 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.
+ */
+body {
+	font-family: Courier New, Courier, monospace;
+	font-size: medium;
+}
+
+.CSS@font-face {
+	color: #990000;
+	font-weight: bold;
+}
+
+.CSS@import {
+	color: #006666;
+	font-weight: bold;
+}
+
+.CSS@media {
+	color: #663333;
+	font-weight: bold;
+}
+
+.CSS@namespace {
+	color: #923196;
+}
+
+.CSSComment {
+	color: #999999;
+}
+
+.CSSDefault_Text {
+}
+
+.CSSDelimiters {
+}
+
+.CSSProperty_Name {
+	color: #330099;
+}
+
+.CSSProperty_Value {
+	color: #3333cc;
+}
+
+.CSSSelector {
+	color: #ff00ff;
+}
+
+.CSSString {
+	color: #990000;
+}
+
+.ActionScriptASDoc {
+	color: #3f5fbf;
+}
+
+.ActionScriptBracket/Brace {
+}
+
+.ActionScriptComment {
+	color: #009900;
+	font-style: italic;
+}
+
+.ActionScriptDefault_Text {
+}
+
+.ActionScriptMetadata {
+	color: #0033ff;
+	font-weight: bold;
+}
+
+.ActionScriptOperator {
+}
+
+.ActionScriptReserved {
+	color: #0033ff;
+	font-weight: bold;
+}
+
+.ActionScriptString {
+	color: #990000;
+	font-weight: bold;
+}
+
+.ActionScriptclass {
+	color: #9900cc;
+	font-weight: bold;
+}
+
+.ActionScriptfunction {
+	color: #339966;
+	font-weight: bold;
+}
+
+.ActionScriptinterface {
+	color: #9900cc;
+	font-weight: bold;
+}
+
+.ActionScriptpackage {
+	color: #9900cc;
+	font-weight: bold;
+}
+
+.ActionScripttrace {
+	color: #cc6666;
+	font-weight: bold;
+}
+
+.ActionScriptvar {
+	color: #6699cc;
+	font-weight: bold;
+}
+
+.MXMLASDoc {
+	color: #3f5fbf;
+}
+
+.MXMLComment {
+	color: #800000;
+}
+
+.MXMLComponent_Tag {
+	color: #0000ff;
+}
+
+.MXMLDefault_Text {
+}
+
+.MXMLProcessing_Instruction {
+}
+
+.MXMLSpecial_Tag {
+	color: #006633;
+}
+
+.MXMLString {
+	color: #990000;
+}
+

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR20/NativeProcess/srcview/SourceTree.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR20/NativeProcess/srcview/SourceTree.html b/TourDeFlex/TourDeFlex/src/objects/AIR20/NativeProcess/srcview/SourceTree.html
new file mode 100644
index 0000000..80281a9
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR20/NativeProcess/srcview/SourceTree.html
@@ -0,0 +1,129 @@
+<!--
+  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.
+-->
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<!-- saved from url=(0014)about:internet -->
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">	
+    <!-- 
+    Smart developers always View Source. 
+    
+    This application was built using Adobe Flex, an open source framework
+    for building rich Internet applications that get delivered via the
+    Flash Player or to desktops via Adobe AIR. 
+    
+    Learn more about Flex at http://flex.org 
+    // -->
+    <head>
+        <title></title>         
+        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+		<!-- Include CSS to eliminate any default margins/padding and set the height of the html element and 
+		     the body element to 100%, because Firefox, or any Gecko based browser, interprets percentage as 
+			 the percentage of the height of its parent container, which has to be set explicitly.  Initially, 
+			 don't display flashContent div so it won't show if JavaScript disabled.
+		-->
+        <style type="text/css" media="screen"> 
+			html, body	{ height:100%; }
+			body { margin:0; padding:0; overflow:auto; text-align:center; 
+			       background-color: #ffffff; }   
+			#flashContent { display:none; }
+        </style>
+		
+		<!-- Enable Browser History by replacing useBrowserHistory tokens with two hyphens -->
+        <!-- BEGIN Browser History required section >
+        <link rel="stylesheet" type="text/css" href="history/history.css" />
+        <script type="text/javascript" src="history/history.js"></script>
+        <! END Browser History required section -->  
+		    
+        <script type="text/javascript" src="swfobject.js"></script>
+        <script type="text/javascript">
+  	        function loadIntoMain(url) {
+				parent.mainFrame.location.href = url;
+			}
+			
+			function openUrlWindow(url) {
+				window.top.location = url;
+			}
+			
+            <!-- For version detection, set to min. required Flash Player version, or 0 (or 0.0.0), for no version detection. --> 
+            var swfVersionStr = "10.0.0";
+            <!-- To use express install, set to playerProductInstall.swf, otherwise the empty string. -->
+            var xiSwfUrlStr = "playerProductInstall.swf";
+            var flashvars = {};
+            var params = {};
+            params.quality = "high";
+            params.bgcolor = "#ffffff";
+            params.allowscriptaccess = "sameDomain";
+            params.allowfullscreen = "true";
+            var attributes = {};
+            attributes.id = "SourceTree";
+            attributes.name = "SourceTree";
+            attributes.align = "middle";
+            swfobject.embedSWF(
+                "SourceTree.swf", "flashContent", 
+                "100%", "100%", 
+                swfVersionStr, xiSwfUrlStr, 
+                flashvars, params, attributes);
+			<!-- JavaScript enabled so display the flashContent div in case it is not replaced with a swf object. -->
+			swfobject.createCSS("#flashContent", "display:block;text-align:left;");
+        </script>
+    </head>
+    <body>
+        <!-- SWFObject's dynamic embed method replaces this alternative HTML content with Flash content when enough 
+			 JavaScript and Flash plug-in support is available. The div is initially hidden so that it doesn't show
+			 when JavaScript is disabled.
+		-->
+        <div id="flashContent">
+        	<p>
+	        	To view this page ensure that Adobe Flash Player version 
+				10.0.0 or greater is installed. 
+			</p>
+			<script type="text/javascript"> 
+				var pageHost = ((document.location.protocol == "https:") ? "https://" :	"http://"); 
+				document.write("<a href='http://www.adobe.com/go/getflashplayer'><img src='" 
+								+ pageHost + "www.adobe.com/images/shared/download_buttons/get_flash_player.gif' alt='Get Adobe Flash player' /></a>" ); 
+			</script> 
+        </div>
+	   	
+       	<noscript>
+            <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="100%" height="100%" id="SourceTree">
+                <param name="movie" value="SourceTree.swf" />
+                <param name="quality" value="high" />
+                <param name="bgcolor" value="#ffffff" />
+                <param name="allowScriptAccess" value="sameDomain" />
+                <param name="allowFullScreen" value="true" />
+                <!--[if !IE]>-->
+                <object type="application/x-shockwave-flash" data="SourceTree.swf" width="100%" height="100%">
+                    <param name="quality" value="high" />
+                    <param name="bgcolor" value="#ffffff" />
+                    <param name="allowScriptAccess" value="sameDomain" />
+                    <param name="allowFullScreen" value="true" />
+                <!--<![endif]-->
+                <!--[if gte IE 6]>-->
+                	<p> 
+                		Either scripts and active content are not permitted to run or Adobe Flash Player version
+                		10.0.0 or greater is not installed.
+                	</p>
+                <!--<![endif]-->
+                    <a href="http://www.adobe.com/go/getflashplayer">
+                        <img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash Player" />
+                    </a>
+                <!--[if !IE]>-->
+                </object>
+                <!--<![endif]-->
+            </object>
+	    </noscript>		
+   </body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR20/NativeProcess/srcview/index.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR20/NativeProcess/srcview/index.html b/TourDeFlex/TourDeFlex/src/objects/AIR20/NativeProcess/srcview/index.html
new file mode 100644
index 0000000..16f4ebb
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR20/NativeProcess/srcview/index.html
@@ -0,0 +1,32 @@
+<!--
+  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.
+-->
+<!-- saved from url=(0014)about:internet -->
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+<title>Source of Sample-AIR2-Microphone</title>
+</head>
+<frameset cols="235,*" border="2" framespacing="1">
+    <frame src="SourceTree.html" name="leftFrame" scrolling="NO">
+    <frame src="source/sample.mxml.html" name="mainFrame">
+</frameset>
+<noframes>
+	<body>		
+	</body>
+</noframes>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR20/NativeProcess/srcview/source/com/adobe/audio/format/WAVWriter.as.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR20/NativeProcess/srcview/source/com/adobe/audio/format/WAVWriter.as.html b/TourDeFlex/TourDeFlex/src/objects/AIR20/NativeProcess/srcview/source/com/adobe/audio/format/WAVWriter.as.html
new file mode 100644
index 0000000..9af6e87
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR20/NativeProcess/srcview/source/com/adobe/audio/format/WAVWriter.as.html
@@ -0,0 +1,16 @@
+<!--
+  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.
+-->

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR20/NativeProcess/srcview/source/sample-app.xml.txt
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR20/NativeProcess/srcview/source/sample-app.xml.txt b/TourDeFlex/TourDeFlex/src/objects/AIR20/NativeProcess/srcview/source/sample-app.xml.txt
new file mode 100644
index 0000000..21dad49
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR20/NativeProcess/srcview/source/sample-app.xml.txt
@@ -0,0 +1,153 @@
+<?xml version="1.0" encoding="utf-8" standalone="no"?>
+<!--
+
+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.
+
+-->
+<application xmlns="http://ns.adobe.com/air/application/2.0">
+
+<!-- Adobe AIR Application Descriptor File Template.
+
+	Specifies parameters for identifying, installing, and launching AIR applications.
+
+	xmlns - The Adobe AIR namespace: http://ns.adobe.com/air/application/2.0beta
+			The last segment of the namespace specifies the version 
+			of the AIR runtime required for this application to run.
+			
+	minimumPatchLevel - The minimum patch level of the AIR runtime required to run 
+			the application. Optional.
+-->
+
+	<!-- The application identifier string, unique to this application. Required. -->
+	<id>main</id>
+
+	<!-- Used as the filename for the application. Required. -->
+	<filename>main</filename>
+
+	<!-- The name that is displayed in the AIR application installer. 
+	     May have multiple values for each language. See samples or xsd schema file. Optional. -->
+	<name>main</name>
+
+	<!-- An application version designator (such as "v1", "2.5", or "Alpha 1"). Required. -->
+	<version>v1</version>
+
+	<!-- Description, displayed in the AIR application installer.
+	     May have multiple values for each language. See samples or xsd schema file. Optional. -->
+	<!-- <description></description> -->
+
+	<!-- Copyright information. Optional -->
+	<!-- <copyright></copyright> -->
+
+	<!-- Settings for the application's initial window. Required. -->
+	<initialWindow>
+		<!-- The main SWF or HTML file of the application. Required. -->
+		<!-- Note: In Flash Builder, the SWF reference is set automatically. -->
+		<content>[This value will be overwritten by Flash Builder in the output app.xml]</content>
+		
+		<!-- The title of the main window. Optional. -->
+		<!-- <title></title> -->
+
+		<!-- The type of system chrome to use (either "standard" or "none"). Optional. Default standard. -->
+		<!-- <systemChrome></systemChrome> -->
+
+		<!-- Whether the window is transparent. Only applicable when systemChrome is none. Optional. Default false. -->
+		<!-- <transparent></transparent> -->
+
+		<!-- Whether the window is initially visible. Optional. Default false. -->
+		<!-- <visible></visible> -->
+
+		<!-- Whether the user can minimize the window. Optional. Default true. -->
+		<!-- <minimizable></minimizable> -->
+
+		<!-- Whether the user can maximize the window. Optional. Default true. -->
+		<!-- <maximizable></maximizable> -->
+
+		<!-- Whether the user can resize the window. Optional. Default true. -->
+		<!-- <resizable></resizable> -->
+
+		<!-- The window's initial width. Optional. -->
+		<!-- <width></width> -->
+
+		<!-- The window's initial height. Optional. -->
+		<!-- <height></height> -->
+
+		<!-- The window's initial x position. Optional. -->
+		<!-- <x></x> -->
+
+		<!-- The window's initial y position. Optional. -->
+		<!-- <y></y> -->
+
+		<!-- The window's minimum size, specified as a width/height pair, such as "400 200". Optional. -->
+		<!-- <minSize></minSize> -->
+
+		<!-- The window's initial maximum size, specified as a width/height pair, such as "1600 1200". Optional. -->
+		<!-- <maxSize></maxSize> -->
+	</initialWindow>
+
+	<!-- The subpath of the standard default installation location to use. Optional. -->
+	<!-- <installFolder></installFolder> -->
+
+	<!-- The subpath of the Programs menu to use. (Ignored on operating systems without a Programs menu.) Optional. -->
+	<!-- <programMenuFolder></programMenuFolder> -->
+
+	<!-- The icon the system uses for the application. For at least one resolution,
+		 specify the path to a PNG file included in the AIR package. Optional. -->
+	<!-- <icon>
+		<image16x16></image16x16>
+		<image32x32></image32x32>
+		<image48x48></image48x48>
+		<image128x128></image128x128>
+	</icon> -->
+
+	<!-- Whether the application handles the update when a user double-clicks an update version
+	of the AIR file (true), or the default AIR application installer handles the update (false).
+	Optional. Default false. -->
+	<!-- <customUpdateUI></customUpdateUI> -->
+	
+	<!-- Whether the application can be launched when the user clicks a link in a web browser.
+	Optional. Default false. -->
+	<!-- <allowBrowserInvocation></allowBrowserInvocation> -->
+
+	<!-- Listing of file types for which the application can register. Optional. -->
+	<!-- <fileTypes> -->
+
+		<!-- Defines one file type. Optional. -->
+		<!-- <fileType> -->
+
+			<!-- The name that the system displays for the registered file type. Required. -->
+			<!-- <name></name> -->
+
+			<!-- The extension to register. Required. -->
+			<!-- <extension></extension> -->
+			
+			<!-- The description of the file type. Optional. -->
+			<!-- <description></description> -->
+			
+			<!-- The MIME content type. -->
+			<!-- <contentType></contentType> -->
+			
+			<!-- The icon to display for the file type. Optional. -->
+			<!-- <icon>
+				<image16x16></image16x16>
+				<image32x32></image32x32>
+				<image48x48></image48x48>
+				<image128x128></image128x128>
+			</icon> -->
+			
+		<!-- </fileType> -->
+	<!-- </fileTypes> -->
+
+</application>


[43/51] [partial] Merged TourDeFlex release from develop

Posted by jm...@apache.org.
http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/data/objects-web.xml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/data/objects-web.xml b/TourDeFlex/TourDeFlex/src/data/objects-web.xml
new file mode 100644
index 0000000..50032eb
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/data/objects-web.xml
@@ -0,0 +1,5815 @@
+<!--
+
+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.
+
+-->
+<Objects version="2009-04-05" searchTags="uicontrol,input,container,effect,transition,date,number,string,navigator,formatter,validator,chart,visualization,map,data,blazeds,lcds,api,cloud,air,technique" searchTagsTotals="48,6,21,32,2,6,5,18,7,7,11,23,20,13,30,13,13,14,14,21,25">
+	<Category name="Introduction to Flex">
+		<Object id="90000" name="What's Flex" author="Adobe Systems, Inc." dateAdded="2010-03-22" iconPath="http://www.adobe.com/devnet/flex/tourdeflex/sample/samples/HOWTO/flexicon.png" tags="gumbo,flex4,flex 4" viewCount="0" description="What's Flex - from Flex.org">
+			<Illustrations>
+				<Illustration name="What's Flex" path="http://tourdeflex.adobe.com/introduction/whatsflex.html" openLinksExternal="true" autoExpand="true">
+				</Illustration>
+			</Illustrations>
+		</Object>
+		<Object id="90005" name="What's Possible" author="Adobe Systems, Inc." dateAdded="2010-03-22" iconPath="http://www.adobe.com/devnet/flex/tourdeflex/sample/samples/HOWTO/flexicon.png" tags="gumbo,flex4,flex 4" viewCount="0" description="What's Flex - from Flex.org">
+			<Illustrations>
+				<Illustration name="What's Possible (showcase)" path="http://tourdeflex.adobe.com/introduction/whatspossible.html" openLinksExternal="true" autoExpand="true">
+				</Illustration>
+			</Illustrations>
+		</Object>
+		<Object id="90010" name="Get Started" author="Adobe Systems, Inc." dateAdded="2010-03-22" iconPath="http://www.adobe.com/devnet/flex/tourdeflex/sample/samples/HOWTO/flexicon.png" tags="gumbo,flex4,flex 4" viewCount="0" description="What's Flex - from Flex.org">
+			<Illustrations>
+				<Illustration name="Get Started" path="http://tourdeflex.adobe.com/introduction/getstarted.html" openLinksExternal="true" autoExpand="true">
+				</Illustration>
+			</Illustrations>
+		</Object>
+		<Object id="90015" name="Flex Resources" author="Adobe Systems, Inc." dateAdded="2010-03-22" iconPath="http://www.adobe.com/devnet/flex/tourdeflex/sample/samples/HOWTO/flexicon.png" tags="gumbo,flex4,flex 4" viewCount="0" description="What's Flex - from Flex.org">
+			<Illustrations>
+				<Illustration name="Flex Resources" path="http://tourdeflex.adobe.com/introduction/resources.html" openLinksExternal="true" autoExpand="true">
+				</Illustration>
+			</Illustrations>
+		</Object>
+	</Category>
+	<Category name="Flex 4">
+		<Object id="700001" name="Read Me" iconPath="http://tourdeflex.adobe.com/samples/common/adobe.png" author="Holly Schinsky" tags="readme">
+			<Illustrations>
+				<Illustration name="Read Me" path="http://tourdeflex.adobe.com/flex4samples/flex4-readme-new.html" autoExpand="true" openLinksExternal="true"/>
+			</Illustrations>
+		</Object>
+		<Category name="Components">
+			<Category name="Controls">
+				<Object id="70030" name="AdvancedDataGrid" author="Adobe Systems, Inc." dateAdded="2010-03-22" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/AdvancedDataGrid.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - AdvancedDataGrid">
+					<Illustrations>
+						<Illustration name="AdvancedDataGrid" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-AdvancedDataGrid/sample1.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-AdvancedDataGrid/srcview/source/sample1.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-AdvancedDataGrid/srcview/source/TDFGradientBackgroundSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=mx/controls&amp;topic=AdvancedDataGrid" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="30600" name="Button" author="Holly Schinsky" dateAdded="2009-09-01" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/Button.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - Button">
+					<Illustrations>
+						<Illustration name="Button" path="http://tourdeflex.adobe.com/flex4samples/UIControls/Buttons/Button/sample.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4samples/UIControls/Buttons/Button/srcview/source/sample.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4samples/UIControls/Buttons/Button/srcview/source/skins/TDFPanelSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/components&amp;topic=Button" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="30700" name="ButtonBar" author="Holly Schinsky" dateAdded="2009-09-01" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/ButtonBar.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - ButtonBar">
+					<Illustrations>
+						<Illustration name="ButtonBar" path="http://tourdeflex.adobe.com/flex4samples/UIControls/Buttons/ButtonBar/sample.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4samples/UIControls/Buttons/ButtonBar/srcview/source/sample.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4samples/UIControls/Buttons/ButtonBar/srcview/source/skins/TDFPanelSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/components&amp;topic=ButtonBar" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="30300" name="CheckBox" author="Holly Schinsky/Adobe" dateAdded="2009-09-01" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/CheckBox.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - CheckBox">
+					<Illustrations>
+						<Illustration name="CheckBox" path="http://tourdeflex.adobe.com/flex4samples/UIControls/DataEntryControls/CheckBox/sample.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4samples/UIControls/DataEntryControls/CheckBox/srcview/source/sample.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4samples/UIControls/DataEntryControls/CheckBox/srcview/source/skins/TDFPanelSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/components&amp;topic=CheckBox" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="70260" name="ColorPicker" author="Adobe Systems, Inc." dateAdded="2010-03-22" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/ColorPicker.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - ColorPicker">
+					<Illustrations>
+						<Illustration name="ColorPicker" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-ColorPicker/sample1.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-ColorPicker/srcview/source/sample1.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-ColorPicker/srcview/source/TDFGradientBackgroundSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=mx/controls&amp;topic=ColorPicker" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="30305" name="ComboBox" author="Holly Schinsky/Adobe" dateAdded="2010-03-22" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/ComboBox.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - ComboBox">
+					<Illustrations>
+						<Illustration name="ComboBox" path="http://tourdeflex.adobe.com/flex4.0/ComboBox/sample.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/ComboBox/srcview/source/sample.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/ComboBox/srcview/source/skins/TDFPanelSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/components&amp;topic=ComboBox" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="70040" name="DataGrid" author="Adobe Systems, Inc." dateAdded="2010-03-22" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/DataGrid.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - DataGrid">
+					<Illustrations>
+						<Illustration name="DataGrid" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-DataGrid/sample1.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-DataGrid/srcview/source/sample1.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-DataGrid/srcview/source/TDFGradientBackgroundSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=mx/controls&amp;topic=DataGrid" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="70050" name="DateChooser" author="Adobe Systems, Inc." dateAdded="2010-03-22" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/DateChooser.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - DateChooser">
+					<Illustrations>
+						<Illustration name="DateChooser" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-DateChooser/sample1.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-DateChooser/srcview/source/sample1.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-DateChooser/srcview/source/TDFGradientBackgroundSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=mx/controls&amp;topic=DateChooser" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="70060" name="DateField" author="Adobe Systems, Inc." dateAdded="2010-03-22" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/DateField.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - DateField">
+					<Illustrations>
+						<Illustration name="DateField" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-DateField/sample1.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-DateField/srcview/source/sample1.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-DateField/srcview/source/TDFGradientBackgroundSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=mx/controls&amp;topic=DateField" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="30400" name="DropDownList" author="Holly Schinsky/Adobe" dateAdded="2009-09-01" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/DropDownList.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - DropDownList">
+					<Illustrations>
+						<Illustration name="DropDownList" path="http://tourdeflex.adobe.com/flex4samples/UIControls/DataEntryControls/DropDownList/sample.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4samples/UIControls/DataEntryControls/DropDownList/srcview/source/sample.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4samples/UIControls/DataEntryControls/DropDownList/srcview/source/skins/TDFPanelSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/component&amp;topic=DropDownList" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="70090" name="Image" author="Adobe Systems, Inc." dateAdded="2010-03-22" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/Image.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - Image">
+					<Illustrations>
+						<Illustration name="Image" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-Image/sample1.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-Image/srcview/source/sample1.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-Image/srcview/source/TDFGradientBackgroundSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=mx/controls&amp;topic=Image" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="70100" name="LinkButton" author="Adobe Systems, Inc." dateAdded="2010-03-22" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/LinkButton.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - LinkButton">
+					<Illustrations>
+						<Illustration name="LinkButton" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-LinkButton/sample1.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-LinkButton/srcview/source/sample1.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-LinkButton/srcview/source/TDFGradientBackgroundSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=mx/controls&amp;topic=LinkButton" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="30800" name="List" author="Holly Schinsky" dateAdded="2009-09-01" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/List.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - List">
+					<Illustrations>
+						<Illustration name="List" path="http://tourdeflex.adobe.com/flex4samples/UIControls/TreeListAndGridControls/List/sample.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4samples/UIControls/TreeListAndGridControls/List/srcview/source/sample.mxml.html"/>
+								<Document name="Flex Project" path="http://tourdeflex.adobe.com/flex4samples/UIControls/TreeListAndGridControls/List/srcview/index.html" openLinksExternal="true"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=mx/controls&amp;topic=List" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="30805" name="Menu" author="Holly Schinsky/Adobe" dateAdded="2010-03-22" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/Menu.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - Menu">
+					<Illustrations>
+						<Illustration name="Menu" path="http://tourdeflex.adobe.com/flex4.0/Menu/sample.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/Menu/srcview/source/sample.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/Menu/srcview/source/skins/TDFPanelSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=mx/controls&amp;topic=Menu" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="30200" name="NumericStepper" author="Holly Schinsky" dateAdded="2009-09-01" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/NumericStepper.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - NumericStepper">
+					<Illustrations>
+						<Illustration name="NumericStepper" path="http://tourdeflex.adobe.com/flex4samples/UIControls/DataEntryControls/NumericStepper/sample.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4samples/UIControls/DataEntryControls/NumericStepper/srcview/source/sample.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4samples/UIControls/DataEntryControls/NumericStepper/srcview/source/skins/TDFPanelSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/components&amp;topic=NumericStepper" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="70110" name="OLAPDataGrid" author="Adobe Systems, Inc." dateAdded="2010-03-22" iconPath="http://www.adobe.com/devnet/flex/tourdeflex/sample/samples/OLAPDataGrid/OLAPDataGrid.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - OLAPDataGrid">
+					<Illustrations>
+						<Illustration name="OLAPDataGrid" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-OLAPDataGrid/sample1.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-OLAPDataGrid/srcview/source/sample1.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-OLAPDataGrid/srcview/source/TDFGradientBackgroundSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=mx/controls&amp;topic=OLAPDataGrid" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="30720" name="PopUpAnchor" author="Holly Schinsky" dateAdded="2009-09-21" downloadPath="http://tourdeflex.adobe.com/flex4samples/UIControls/Buttons/PopUpAnchor/srcview/Sample-Flex4-PopUpAnchor.zip" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/Button.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - Popup Anchor">
+					<Illustrations>
+						<Illustration name="PopUpAnchor" path="http://tourdeflex.adobe.com/flex4samples/UIControls/Buttons/PopUpAnchor/sample.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4samples/UIControls/Buttons/PopUpAnchor/srcview/source/sample.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4samples/UIControls/Buttons/PopUpAnchor/srcview/source/skins/TDFPanelSkin.mxml.html"/>
+								<Document name="CloseButtonSkin.mxml" path="http://tourdeflex.adobe.com/flex4samples/UIControls/Buttons/PopUpAnchor/srcview/source/skins/CloseButtonSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/components&amp;topic=PopUpAnchor" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+						<Illustration name="PopUpAnchor2" path="http://tourdeflex.adobe.com/flex4samples/UIControls/Buttons/PopUpAnchor/sample2.html">
+							<Documents>
+								<Document name="sample2.mxml" path="http://tourdeflex.adobe.com/flex4samples/UIControls/Buttons/PopUpAnchor/srcview/source/sample2.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4samples/UIControls/Buttons/PopUpAnchor/srcview/source/skins/TDFPanelSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/components&amp;topic=PopUpAnchor" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="70120" name="PopUpButton" author="Adobe Systems, Inc." dateAdded="2010-03-22" iconPath="http://www.adobe.com/devnet/flex/tourdeflex/sample/samples/PopUpButton/PopUpButton.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - PopUpButton">
+					<Illustrations>
+						<Illustration name="PopUpButton" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-PopUpButton/sample1.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-PopUpButton/srcview/source/sample1.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-PopUpButton/srcview/source/TDFGradientBackgroundSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=mx/controls&amp;topic=PopUpButton" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="70130" name="ProgressBar" author="Adobe Systems, Inc." dateAdded="2010-03-22" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/ProgressBar.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - ProgressBar">
+					<Illustrations>
+						<Illustration name="ProgressBar" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-ProgressBar/sample1.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-ProgressBar/srcview/source/sample1.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-ProgressBar/srcview/source/TDFGradientBackgroundSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/components&amp;topic=ProgressBar" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="30100" name="RadioButton" author="Holly Schinsky" dateAdded="2009-09-01" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/RadioButton.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - RadioButton">
+					<Illustrations>
+						<Illustration name="RadioButton" path="http://tourdeflex.adobe.com/flex4samples/UIControls/DataEntryControls/RadioButton/sample.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4samples/UIControls/DataEntryControls/RadioButton/srcview/source/sample.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4samples/UIControls/DataEntryControls/RadioButton/srcview/source/skins/TDFPanelSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/components&amp;topic=RadioButton" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="30105" name="RichEditableText" author="Holly Schinsky/Adobe" dateAdded="2010-03-22" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/RichEditableText.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - RichEditableText">
+					<Illustrations>
+						<Illustration name="RichEditableText" path="http://tourdeflex.adobe.com/flex4.0/RichEditableText/sample.swf">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/RichEditableText/srcview/source/sample.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/RichEditableText/srcview/source/skins/TDFPanelSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/components&amp;topic=RichEditableText" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="30107" name="RichText" author="Holly Schinsky/Adobe" dateAdded="2010-03-22" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/RichText.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - RichText">
+					<Illustrations>
+						<Illustration name="RichText" path="http://tourdeflex.adobe.com/flex4.0/FXG/RichText/sample.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/FXG/RichText/srcview/source/sample.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/FXG/RichText/srcview/source/skins/TDFPanelSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/components&amp;topic=RichText" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="30910" name="ScrollBar (2)" author="Holly Schinsky" dateAdded="2009-09-21" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/Scroller.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - ScrollBar">
+					<Illustrations>
+						<Illustration name="ScrollBar" path="http://tourdeflex.adobe.com/flex4samples/UIControls/OtherControls/ScrollBar/sample.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4samples/UIControls/OtherControls/ScrollBar/srcview/source/sample.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4samples/UIControls/OtherControls/ScrollBar/srcview/source/skins/TDFPanelSkin.mxml.html"/>
+								<Document name="HScrollBar Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/components&amp;topic=VScrollBar" openLinksExternal="true"/>
+								<Document name="VScrollBar Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/components&amp;topic=HScrollBar" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+						<Illustration name="HScrollBar/VScrollBar" path="http://tourdeflex.adobe.com/flex4.0/ScrollBars/sample.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/ScrollBars/srcview/source/sample.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/ScrollBars/srcview/source/skins/TDFPanelSkin.mxml.html"/>
+								<Document name="HScrollBar Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/components&amp;topic=VScrollBar" openLinksExternal="true"/>
+								<Document name="VScrollBar Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/components&amp;topic=HScrollBar" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="31000" name="Scroller (2)" author="Peter DeHaan/Holly Schinsky" dateAdded="2009-09-01" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/Scroller.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - Scroller">
+					<Illustrations>
+						<Illustration name="Scroller Viewport" path="http://tourdeflex.adobe.com/flex4samples/UIControls/OtherControls/Scroller/sample1.html">
+							<Documents>
+								<Document name="sample1.mxml" path="http://tourdeflex.adobe.com/flex4samples/UIControls/OtherControls/Scroller/srcview/source/sample1.mxml.html"/>
+								<Document name="MyPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4samples/UIControls/OtherControls/Scroller/srcview/source/skins/MyPanelSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/components&amp;topic=Scroller" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+						<Illustration name="Scroller Child Tabbing" path="http://tourdeflex.adobe.com/flex4samples/UIControls/OtherControls/Scroller/sample2.html">
+							<Documents>
+								<Document name="sample2.mxml" path="http://tourdeflex.adobe.com/flex4samples/UIControls/OtherControls/Scroller/srcview/source/sample2.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4samples/UIControls/OtherControls/Scroller/srcview/source/skins/TDFPanelSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/components&amp;topic=Scroller" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="30915" name="Slider" author="Holly Schinsky" dateAdded="2009-09-21" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/VSlider.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - Slider">
+					<Illustrations>
+						<Illustration name="Slider" path="http://tourdeflex.adobe.com/flex4samples/UIControls/OtherControls/Slider/sample.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4samples/UIControls/OtherControls/Slider/srcview/source/sample.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4samples/UIControls/OtherControls/Slider/srcview/source/skins/TDFPanelSkin.mxml.html"/>
+								<Document name="VSlider Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/components&amp;topic=VSlider" openLinksExternal="true"/>
+								<Document name="HSlider Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/components&amp;topic=HSlider" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="30925" name="Spinner" author="Holly Schinsky" dateAdded="2009-10-20" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/Spinner.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - Spinner">
+					<Illustrations>
+						<Illustration name="Spinner" path="http://tourdeflex.adobe.com/flex4samples/UIControls/OtherControls/Spinner/sample.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4samples/UIControls/OtherControls/Spinner/srcview/source/sample.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4samples/UIControls/OtherControls/Spinner/srcview/source/skins/TDFPanelSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/components&amp;topic=Spinner" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="70140" name="SWFLoader" author="Adobe Systems, Inc." dateAdded="2010-03-22" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/SWFLoader.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - SWFLoader">
+					<Illustrations>
+						<Illustration name="SWFLoader" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-SWFLoader/sample1.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-SWFLoader/srcview/source/sample1.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-SWFLoader/srcview/source/TDFGradientBackgroundSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=mx/controls&amp;topic=SWFLoader" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="30926" name="TabBar" author="Holly Schinsky" dateAdded="2010-03-22" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/TabBar.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - TabBar">
+					<Illustrations>
+						<Illustration name="TabBar" path="http://tourdeflex.adobe.com/flex4samples/GroupsAndContainers/TabbedNavigator/sample1.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4samples/GroupsAndContainers/TabbedNavigator/srcview/source/sample1.mxml.html"/>
+								<Document name="Flex Project" path="http://tourdeflex.adobe.com/flex4samples/GroupsAndContainers/TabbedNavigator/srcview/index.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/components&amp;topic=TabBar" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="30928" name="TextArea" author="Holly Schinsky" dateAdded="2010-03-22" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/TextArea.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - TextArea">
+					<Illustrations>
+						<Illustration name="TextArea" path="http://tourdeflex.adobe.com/flex4.0/TextArea/sample.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/TextArea/srcview/source/sample.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/TextArea/srcview/source/skins/TDFPanelSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/components&amp;topic=TextArea" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="30930" name="TextInput" author="Holly Schinsky" dateAdded="2010-03-22" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/TextInput.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - TextInput">
+					<Illustrations>
+						<Illustration name="TextInput" path="http://tourdeflex.adobe.com/flex4.0/TextInput/sample.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/TextInput/srcview/source/sample.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/TextInput/srcview/source/skins/TDFPanelSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/components&amp;topic=TextInput" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="30500" name="ToggleButton" author="Holly Schinsky" dateAdded="2009-09-01" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/ToggleButton.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - ToggleButton">
+					<Illustrations>
+						<Illustration name="ToggleButton" path="http://tourdeflex.adobe.com/flex4samples/UIControls/Buttons/ToggleButton/sample.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4samples/UIControls/Buttons/ToggleButton/srcview/source/sample.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4samples/UIControls/Buttons/ToggleButton/srcview/source/skins/TDFPanelSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/components&amp;topic=ToggleButton" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="70150" name="Tree" author="Adobe Systems, Inc." dateAdded="2010-03-22" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/Tree.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - Tree">
+					<Illustrations>
+						<Illustration name="Tree" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-Tree/sample1.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-Tree/srcview/source/sample1.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-Tree/srcview/source/TDFGradientBackgroundSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=mx/controls&amp;topic=ToggleButton" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="70160" name="VideoDisplay" author="Adobe Systems, Inc." dateAdded="2010-03-22" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/VideoDisplay.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - VideoDisplay">
+					<Illustrations>
+						<Illustration name="VideoDisplay" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-VideoDisplay/sample1.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-VideoDisplay/srcview/source/sample1.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-VideoDisplay/srcview/source/TDFGradientBackgroundSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/components&amp;topic=VideoDisplay" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="30900" name="VideoPlayer" author="Holly Schinsky" dateAdded="2009-09-01" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/VideoPlayer.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - VideoPlayer">
+					<Illustrations>
+						<Illustration name="VideoPlayer" path="http://tourdeflex.adobe.com/flex4samples/UIControls/OtherControls/VideoPlayer/sample1.html">
+							<Documents>
+								<Document name="sample1.mxml" path="http://tourdeflex.adobe.com/flex4samples/UIControls/OtherControls/VideoPlayer/srcview/source/sample1.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4samples/UIControls/OtherControls/VideoPlayer/srcview/source/skins/TDFPanelSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/components&amp;topic=VideoPlayer" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+			</Category>
+			<Category name="Layout">
+				<Object id="31099" name="Read Me" iconPath="http://tourdeflex.adobe.com/samples/common/adobe.png" author="Holly Schinsky" tags="readme">
+					<Illustrations>
+						<Illustration name="Read Me" path="http://tourdeflex.adobe.com/flex4samples/GroupsAndContainers/groups-containers-readme.html" autoExpand="true" openLinksExternal="true"/>
+					</Illustrations>
+				</Object>
+				<Object id="31100" name="BorderContainer" author="Holly Schinsky" dateAdded="2009-09-10" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/BorderContainer.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - BorderContainer">
+					<Illustrations>
+						<Illustration name="BorderContainer" path="http://tourdeflex.adobe.com/flex4samples/GroupsAndContainers/Border/sample.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4samples/GroupsAndContainers/Border/srcview/source/sample.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4samples/GroupsAndContainers/Border/srcview/source/skins/TDFPanelSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/components&amp;topic=BorderContainer" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="31105" name="DataGroup" author="Holly Schinsky" dateAdded="2010-03-22" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/DataGroup.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - DataGroup">
+					<Illustrations>
+						<Illustration name="DataGroup" path="http://tourdeflex.adobe.com/flex4.0/DataGroup/sample.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/DataGroup/srcview/source/sample.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/DataGroup/srcview/source/skins/TDFPanelSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/components&amp;topic=DataGroup" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="70000" name="Form" author="Adobe Systems, Inc." dateAdded="2010-03-22" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/Form.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - Form">
+					<Illustrations>
+						<Illustration name="Form" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-Form/sample1.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-Form/srcview/source/sample1.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-Form/srcview/source/TDFGradientBackgroundSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=mx/containers&amp;topic=Form" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="31110" name="HGroup/VGroup (3)" author="Holly Schinsky/Evtim Georgiev" dateAdded="2010-03-22" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/HGroup.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - HGroup/VGroup">
+					<Illustrations>
+						<Illustration name="HGroup" path="http://tourdeflex.adobe.com/flex4.0/Group-HGroup-VGroup/SampleHGroup.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/Group-HGroup-VGroup/srcview/source/SampleHGroup.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/Group-HGroup-VGroup/srcview/source/skins/TDFPanelSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/components&amp;topic=HGroup" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+						<Illustration name="VGroup" path="http://tourdeflex.adobe.com/flex4.0/Group-HGroup-VGroup/SampleVGroup.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/Group-HGroup-VGroup/srcview/source/SampleVGroup.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/Group-HGroup-VGroup/srcview/source/skins/TDFPanelSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/components&amp;topic=VGroup" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+						<Illustration name="Group Axis Alignment" path="http://tourdeflex.adobe.com/flex4.0/Groups-verticalAlign-horizontalAlign-forLayout/sample.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/Groups-verticalAlign-horizontalAlign-forLayout/srcview/source/sample.mxml.html"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="31150" name="Panel" author="Holly Schinsky" dateAdded="2009-09-10" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/Panel.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - Panel">
+					<Illustrations>
+						<Illustration name="Panel" path="http://tourdeflex.adobe.com/flex4samples/GroupsAndContainers/Panel/sample.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4samples/GroupsAndContainers/Panel/srcview/source/sample.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4samples/GroupsAndContainers/Panel/srcview/source/skins/TDFPanelSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/components&amp;topic=Panel" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="31720" name="SkinnableContainer" author="Holly Schinsky" dateAdded="2009-11-16" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/SkinnableContainer.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - SkinnableContainer">
+					<Illustrations>
+						<Illustration name="SkinnableContainer" path="http://tourdeflex.adobe.com/flex4samples/Skinning/SkinningContainer/sample.html">
+							<Documents>
+								<Document name="Flex Project" path="http://tourdeflex.adobe.com/flex4samples/Skinning/SkinningContainer/srcview/index.html" openLinksExternal="true"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/components&amp;topic=SkinnableContainer" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="31725" name="SkinnableDataContainer" author="Holly Schinsky" dateAdded="2010-03-22" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/SkinnableDataContainer.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - SkinnableContainer">
+					<Illustrations>
+						<Illustration name="SkinnableDataContainer" path="http://tourdeflex.adobe.com/flex4.0/SkinnableDataContainer/sample.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/SkinnableDataContainer/srcview/source/sample.mxml.html" openLinksExternal="true"/>
+								<Document name="TDFPanelSkin" path="http://tourdeflex.adobe.com/flex4.0/SkinnableDataContainer/srcview/source/skins/TDFPanelSkin.mxml.html" openLinksExternal="true"/>
+								<Document name="Flex Project" path="http://tourdeflex.adobe.com/flex4.0/SkinnableDataContainer/srcview/" openLinksExternal="true"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/components&amp;topic=SkinnableDataContainer" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="31160" name="Tabbed Navigation (2)" author="Holly Schinsky" dateAdded="2009-11-16" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/TabNavigator.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - Tabbed Navigation">
+					<Illustrations>
+						<Illustration name="Tabbed Navigation" path="http://tourdeflex.adobe.com/flex4samples/GroupsAndContainers/TabbedNavigator/sample1.html">
+							<Documents>
+								<Document name="Flex Project" path="http://tourdeflex.adobe.com/flex4samples/GroupsAndContainers/TabbedNavigator/srcview/index.html" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+						<Illustration name="Custom Tabs" path="http://tourdeflex.adobe.com/flex4samples/GroupsAndContainers/TabbedNavigator/sample2.html">
+							<Documents>
+								<Document name="Flex Project" path="http://tourdeflex.adobe.com/flex4samples/GroupsAndContainers/TabbedNavigator/srcview/index.html" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="31165" name="TileGroup" author="Holly Schinsky" dateAdded="2010-03-22" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/TileGroup.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - TileGroup">
+					<Illustrations>
+						<Illustration name="TileGroup" path="http://tourdeflex.adobe.com/flex4.0/TileGroup/TileGroupSample.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/TileGroup/srcview/source/TileGroupSample.mxml.html" openLinksExternal="true"/>
+								<Document name="TDFPanelSkin" path="http://tourdeflex.adobe.com/flex4.0/TileGroup/srcview/source/skins/TDFPanelSkin.mxml.html" openLinksExternal="true"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/components&amp;topic=TileGroup" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="70020" name="TitleWindow" author="Adobe Systems, Inc." dateAdded="2010-03-22" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/TitleWindow.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - TitleWindow">
+					<Illustrations>
+						<Illustration name="TitleWindow" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-TitleWindow/sample1.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-TitleWindow/srcview/source/sample1.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-TitleWindow/srcview/source/TDFGradientBackgroundSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/components&amp;topic=TitleWindow" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+			</Category>
+			<Category name="Navigators">
+				<Object id="70170" name="Accordion" author="Adobe Systems, Inc." dateAdded="2010-03-22" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/Accordion.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - Accordion">
+					<Illustrations>
+						<Illustration name="Accordion" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-Accordion/sample1.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-Accordion/srcview/source/sample1.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-Accordion/srcview/source/TDFGradientBackgroundSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=mx/containers&amp;topic=Accordion" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="70180" name="LinkBar" author="Adobe Systems, Inc." dateAdded="2010-03-22" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/LinkBar.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - LinkBar">
+					<Illustrations>
+						<Illustration name="LinkBar" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-LinkBar/sample1.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-LinkBar/srcview/source/sample1.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-LinkBar/srcview/source/TDFGradientBackgroundSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=mx/containers&amp;topic=LinkBar" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="70190" name="TabNavigator" author="Adobe Systems, Inc." dateAdded="2010-03-22" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/TabNavigator.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - TabNavigator">
+					<Illustrations>
+						<Illustration name="TabNavigator" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-TabNavigator/sample1.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-TabNavigator/srcview/source/sample1.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-TabNavigator/srcview/source/TDFGradientBackgroundSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=mx/containers&amp;topic=TabNavigator" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="70200" name="ToggleButtonBar" author="Adobe Systems, Inc." dateAdded="2010-03-22" iconPath="http://www.adobe.com/devnet/flex/tourdeflex/sample/samples/ToggleButtonBar/ButtonBar.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - ToggleButtonBar">
+					<Illustrations>
+						<Illustration name="ToggleButtonBar" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-ToggleButtonBar/sample1.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-ToggleButtonBar/srcview/source/sample1.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-ToggleButtonBar/srcview/source/TDFGradientBackgroundSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=mx/controls&amp;topic=ToggleButtonBar" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="70210" name="ViewStack" author="Adobe Systems, Inc." dateAdded="2010-03-22" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/ViewStack.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - ViewStack">
+					<Illustrations>
+						<Illustration name="ViewStack" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-ViewStack/sample1.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-ViewStack/srcview/source/sample1.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-ViewStack/srcview/source/TDFGradientBackgroundSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=mx/containers&amp;topic=ViewStack" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+			</Category>
+			<Category name="Charts">
+				<Object id="70220" name="AreaChart" author="Adobe Systems, Inc." dateAdded="2010-03-22" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/AreaChart.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - AreaChart">
+					<Illustrations>
+						<Illustration name="AreaChart" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-AreaChart/sample1.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-AreaChart/srcview/source/sample1.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-AreaChart/srcview/source/TDFGradientBackgroundSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=mx/charts&amp;topic=AreaChart" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="70230" name="BarChart" author="Adobe Systems, Inc." dateAdded="2010-03-22" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/BarChart.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - BarChart">
+					<Illustrations>
+						<Illustration name="BarChart" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-BarChart/sample1.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-BarChart/srcview/source/sample1.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-BarChart/srcview/source/TDFGradientBackgroundSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=mx/charts&amp;topic=BarChart" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="70240" name="BubbleChart" author="Adobe Systems, Inc." dateAdded="2010-03-22" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/BubbleChart.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - BubbleChart">
+					<Illustrations>
+						<Illustration name="BubbleChart" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-BubbleChart/sample1.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-BubbleChart/srcview/source/sample1.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-BubbleChart/srcview/source/TDFGradientBackgroundSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=mx/charts&amp;topic=BubbleChart" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="70250" name="CandlestickChart" author="Adobe Systems, Inc." dateAdded="2010-03-22" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/CandlestickChart.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - CandlestickChart">
+					<Illustrations>
+						<Illustration name="CandlestickChart" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-CandlestickChart/sample1.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-CandlestickChart/srcview/source/sample1.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-CandlestickChart/srcview/source/TDFGradientBackgroundSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=mx/charts&amp;topic=CandlestickChart" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="70270" name="ColumnChart" author="Adobe Systems, Inc." dateAdded="2010-03-22" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/ColumnChart.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - ColumnChart">
+					<Illustrations>
+						<Illustration name="ColumnChart" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-ColumnChart/sample1.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-ColumnChart/srcview/source/sample1.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-ColumnChart/srcview/source/TDFGradientBackgroundSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=mx/charts&amp;topic=ColumnChart" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="70280" name="HLOCChart" author="Adobe Systems, Inc." dateAdded="2010-03-22" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/HLOCChart.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - HLOCChart">
+					<Illustrations>
+						<Illustration name="HLOCChart" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-HLOCChart/sample1.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-HLOCChart/srcview/source/sample1.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-HLOCChart/srcview/source/TDFGradientBackgroundSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=mx/charts&amp;topic=HLOCChart" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="70290" name="LineChart" author="Adobe Systems, Inc." dateAdded="2010-03-22" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/LineChart.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - LineChart">
+					<Illustrations>
+						<Illustration name="LineChart" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-LineChart/sample1.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-LineChart/srcview/source/sample1.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-LineChart/srcview/source/TDFGradientBackgroundSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=mx/charts&amp;topic=LineChart" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="70300" name="PieChart" author="Adobe Systems, Inc." dateAdded="2010-03-22" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/PieChart.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - PieChart">
+					<Illustrations>
+						<Illustration name="PieChart" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-PieChart/sample1.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-PieChart/srcview/source/sample1.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-PieChart/srcview/source/TDFGradientBackgroundSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=mx/charts&amp;topic=PieChart" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="70310" name="PlotChart" author="Adobe Systems, Inc." dateAdded="2010-03-22" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/PlotChart.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - PlotChart">
+					<Illustrations>
+						<Illustration name="PlotChart" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-PlotChart/sample1.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-PlotChart/srcview/source/sample1.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-PlotChart/srcview/source/TDFGradientBackgroundSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=mx/charts&amp;topic=PlotChart" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Category name="Charting Effects">
+					<Object id="70320" name="SeriesInterpolate" author="Adobe Systems, Inc." dateAdded="2010-03-22" iconPath="http://www.adobe.com/devnet/flex/tourdeflex/sample/samples/SeriesInterpolate/Effects.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - SeriesInterploate">
+						<Illustrations>
+							<Illustration name="SeriesInterpolate" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-SeriesInterploate/sample1.html">
+								<Documents>
+									<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-SeriesInterploate/srcview/source/sample1.mxml.html"/>
+									<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-SeriesInterploate/srcview/source/TDFGradientBackgroundSkin.mxml.html"/>
+									<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=mx/charts/effects&amp;topic=SeriesInterpolate" openLinksExternal="true"/>
+								</Documents>
+							</Illustration>
+						</Illustrations>
+					</Object>
+					<Object id="70330" name="SeriesSlide" author="Adobe Systems, Inc." dateAdded="2010-03-22" iconPath="http://www.adobe.com/devnet/flex/tourdeflex/sample/samples/SeriesSlide/Effects.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - SeriesSlide">
+						<Illustrations>
+							<Illustration name="SeriesSlide" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-SeriesSlide/sample1.html">
+								<Documents>
+									<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-SeriesSlide/srcview/source/sample1.mxml.html"/>
+									<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-SeriesSlide/srcview/source/TDFGradientBackgroundSkin.mxml.html"/>
+									<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=mx/charts/effects&amp;topic=SeriesSlide" openLinksExternal="true"/>
+								</Documents>
+							</Illustration>
+						</Illustrations>
+					</Object>
+					<Object id="70340" name="SeriesZoom" author="Adobe Systems, Inc." dateAdded="2010-03-22" iconPath="http://www.adobe.com/devnet/flex/tourdeflex/sample/samples/SeriesZoom/Effects.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - SeriesZoom">
+						<Illustrations>
+							<Illustration name="SeriesZoom" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-SeriesZoom/sample1.html">
+								<Documents>
+									<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-SeriesZoom/srcview/source/sample1.mxml.html"/>
+									<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-SeriesZoom/srcview/source/TDFGradientBackgroundSkin.mxml.html"/>
+									<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=mx/charts/effects&amp;topic=SeriesZoom" openLinksExternal="true"/>
+								</Documents>
+							</Illustration>
+						</Illustrations>
+					</Object>
+				</Category>
+			</Category>
+			<Category name="Graphics">
+				<Object id="31799" name="Read Me" iconPath="http://tourdeflex.adobe.com/samples/common/adobe.png" author="Holly Schinsky" tags="readme">
+					<Illustrations>
+						<Illustration name="Read Me" path="http://tourdeflex.adobe.com/flex4samples/Graphics/fxg-readme.html" autoExpand="true" openLinksExternal="true"/>
+					</Illustrations>
+				</Object>
+				<Object id="31805" name="BitmapImage" author="Holly Schinsky" dateAdded="2010-03-22" iconPath="http://www.adobe.com/devnet/flex/tourdeflex/sample/samples/HOWTO/flexicon.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - BitmapImage">
+					<Illustrations>
+						<Illustration name="BitmapImage" path="http://tourdeflex.adobe.com/flex4.0/FXG/BitmapImage/BitmapImageExample.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/FXG/BitmapImage/srcview/source/BitmapImageExample.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/FXG/BitmapImage/srcview/source/skins/TDFPanelSkin.mxml.html"/>
+								<Document name="Flex Project" path="http://tourdeflex.adobe.com/flex4.0/FXG/BitmapImage/srcview/index.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/primitives&amp;topic=BitmapImage" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="31800" name="DropShadow Graphic" author="Joan Lafferty" dateAdded="2009-09-04" iconPath="http://www.adobe.com/devnet/flex/tourdeflex/sample/samples/HOWTO/flexicon.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - DropShadowGraphic">
+					<Illustrations>
+						<Illustration name="DropShadow Graphic" path="http://tourdeflex.adobe.com/flex4samples/Graphics/DropShadowGraphic/DropShadowGraphicExample.html">
+							<Documents>
+								<Document name="DropShadowGraphicExample.mxml" path="http://tourdeflex.adobe.com/flex4samples/Graphics/DropShadowGraphic/srcview/source/DropShadowGraphicExample.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4samples/Graphics/DropShadowGraphic/srcview/source/skins/TDFPanelSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=flash/filters&amp;topic=DropShadowFilter" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="31885" name="Ellipse" author="Holly Schinsky" dateAdded="2010-03-22" iconPath="http://www.adobe.com/devnet/flex/tourdeflex/sample/samples/HOWTO/flexicon.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - Ellipse">
+					<Illustrations>
+						<Illustration name="Ellipse" path="http://tourdeflex.adobe.com/flex4.0/FXG/Ellipse/sample.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/FXG/Ellipse/srcview/source/sample.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/FXG/Ellipse/srcview/source/skins/TDFPanelSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/primitives&amp;topic=Ellipse" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="31900" name="Ellipse Transform" author="Joan Lafferty" dateAdded="2009-09-04" iconPath="http://www.adobe.com/devnet/flex/tourdeflex/sample/samples/HOWTO/flexicon.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - EllipseTransform">
+					<Illustrations>
+						<Illustration name="Ellipse Transform" path="http://tourdeflex.adobe.com/flex4samples/Graphics/EllipseTransform/EllipseTransformExample.html">
+							<Documents>
+								<Document name="EllipseTransformExample.mxml" path="http://tourdeflex.adobe.com/flex4samples/Graphics/EllipseTransform/srcview/source/EllipseTransformExample.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4samples/Graphics/EllipseTransform/srcview/source/skins/TDFPanelSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/primitives&amp;topic=Ellipse" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="31905" name="Line" author="Holly Schinsky" dateAdded="2010-03-22" iconPath="http://www.adobe.com/devnet/flex/tourdeflex/sample/samples/HOWTO/flexicon.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - Line">
+					<Illustrations>
+						<Illustration name="Line" path="http://tourdeflex.adobe.com/flex4.0/FXG/Line/sample.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/FXG/Line/srcview/source/sample.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/FXG/Line/srcview/source/skins/TDFPanelSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/primitives&amp;topic=Line" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="32000" name="Linear Gradient Spread" author="Joan Lafferty" dateAdded="2009-09-04" iconPath="http://www.adobe.com/devnet/flex/tourdeflex/sample/samples/HOWTO/flexicon.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - LinearGradientSpreadMethod">
+					<Illustrations>
+						<Illustration name="LinearGradient Spread" path="http://tourdeflex.adobe.com/flex4samples/Graphics/LinearGradientSpread/LinearGradientsSpreadMethodExample.html">
+							<Documents>
+								<Document name="LinearGradientSpreadMethodExample.mxml" path="http://tourdeflex.adobe.com/flex4samples/Graphics/LinearGradientSpread/srcview/source/LinearGradientsSpreadMethodExample.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4samples/Graphics/LinearGradientSpread/srcview/source/skins/TDFPanelSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=mx/graphics&amp;topic=LinearGradient" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="32100" name="Static FXG" author="Joan Lafferty" dateAdded="2009-09-04" iconPath="http://www.adobe.com/devnet/flex/tourdeflex/sample/samples/HOWTO/flexicon.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - Static FXG">
+					<Illustrations>
+						<Illustration name="Static FXG" path="http://tourdeflex.adobe.com/flex4samples/Graphics/StaticFXG/StaticFXG_Sample.html">
+							<Documents>
+								<Document name="StaticFXG_Sxample.mxml" path="http://tourdeflex.adobe.com/flex4samples/Graphics/StaticFXG/srcview/source/StaticFXG_Sample.mxml.html"/>
+								<Document name="OrangeCrayonStar.fxg" path="http://tourdeflex.adobe.com/flex4samples/Graphics/StaticFXG/srcview/source/OrangeCrayonStar.fxg"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4samples/Graphics/StaticFXG/srcview/source/skins/TDFPanelSkin.mxml.html"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+			</Category>
+			<Category name="Effects">
+				<Object id="31199" name="Read Me" iconPath="http://tourdeflex.adobe.com/samples/common/adobe.png" author="Holly Schinsky" tags="readme">
+					<Illustrations>
+						<Illustration name="Read Me" path="http://tourdeflex.adobe.com/flex4samples/Effects/effects-readme.html" autoExpand="true" openLinksExternal="true"/>
+					</Illustrations>
+				</Object>
+				<Object id="31202" name="AnimateProperties" author="David Flatley" dateAdded="2010-03-22" iconPath="http://www.adobe.com/devnet/flex/tourdeflex/sample/samples/SharedAssets/effectIcon.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - AnimateProperties">
+					<Illustrations>
+						<Illustration name="AnimateProperties" path="http://tourdeflex.adobe.com/flex4samples/Effects/AnimateProperties/Sample.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4samples/Effects/AnimateProperties/srcview/source/Sample.mxml.html"/>
+								<Document name="Flex Project" path="http://tourdeflex.adobe.com/flex4samples/Effects/AnimateProperties/srcview/index.html" openLinksExternal="true"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/effects&amp;topic=Animate" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="31205" name="AnimateTransitionShader" author="Holly Schinsky" dateAdded="2010-03-22" iconPath="http://www.adobe.com/devnet/flex/tourdeflex/sample/samples/SharedAssets/effectIcon.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - AnimateTransitionShader - Bounce">
+					<Illustrations>
+						<Illustration name="AnimateTransitionShader" path="http://tourdeflex.adobe.com/flex4.0/AnimateShaderTransitionEffect/sample.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/AnimateShaderTransitionEffect/srcview/source/sample.mxml.html"/>
+								<Document name="Flex Project" path="http://tourdeflex.adobe.com/flex4.0/AnimateShaderTransitionEffect/srcview/" openLinksExternal="true"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/effects&amp;topic=AnimateTransitionShader" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="31200" name="AnimateTransform" author="Holly Schinsky" dateAdded="2009-09-01" iconPath="http://www.adobe.com/devnet/flex/tourdeflex/sample/samples/SharedAssets/effectIcon.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - AnimateTransform - Bounce">
+					<Illustrations>
+						<Illustration name="AnimateTransform" path="http://tourdeflex.adobe.com/flex4samples/Effects/AnimateTransform-Bounce/sample.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4samples/Effects/AnimateTransform-Bounce/srcview/source/sample.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4samples/Effects/AnimateTransform-Bounce/srcview/source/skins/TDFPanelSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/effects&amp;topic=AnimateTransform" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="31250" name="Fade" author="Holly Schinsky" dateAdded="2009-10-20" iconPath="http://www.adobe.com/devnet/flex/tourdeflex/sample/samples/SharedAssets/effectIcon.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - Fade Effect">
+					<Illustrations>
+						<Illustration name="Fade" path="http://tourdeflex.adobe.com/flex4samples/Effects/Fade/sample.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4samples/Effects/Fade/srcview/source/sample.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4samples/Effects/Fade/srcview/source/skins/TDFPanelSkin.mxml.html"/>
+								<Document name="Flex Project" path="http://tourdeflex.adobe.com/flex4samples/Effects/Fade/srcview/index.html" openLinksExternal="true"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/effects&amp;topic=Fade" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="31253" name="CrossFade" author="Holly Schinsky" dateAdded="2009-10-20" iconPath="http://www.adobe.com/devnet/flex/tourdeflex/sample/samples/SharedAssets/effectIcon.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - Cross Fade Effect">
+					<Illustrations>
+						<Illustration name="CrossFade" path="http://tourdeflex.adobe.com/flex4samples/Effects/CrossFade/sample.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4samples/Effects/CrossFade/srcview/source/sample.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4samples/Effects/CrossFade/srcview/source/skins/TDFPanelSkin.mxml.html"/>
+								<Document name="Flex Project" path="http://tourdeflex.adobe.com/flex4samples/Effects/CrossFade/srcview/index.html" openLinksExternal="true"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/effects&amp;topic=CrossFade" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="31256" name="Move3D" author="Holly Schinsky" dateAdded="2010-03-22" iconPath="http://www.adobe.com/devnet/flex/tourdeflex/sample/samples/SharedAssets/effectIcon.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - Move3D Effect">
+					<Illustrations>
+						<Illustration name="Move3D" path="http://tourdeflex.adobe.com/flex4.0/Move3D/sample.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/Move3D/srcview/source/sample.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/Move3D/srcview/source/skins/TDFPanelSkin.mxml.html"/>
+								<Document name="Flex Project" path="http://tourdeflex.adobe.com/flex4.0/Move3D/srcview/index.html" openLinksExternal="true"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/effects&amp;topic=Move3D" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="31300" name="Rotate3D" author="Holly Schinsky" dateAdded="2009-09-01" iconPath="http://www.adobe.com/devnet/flex/tourdeflex/sample/samples/SharedAssets/effectIcon.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - Rotate3D">
+					<Illustrations>
+						<Illustration name="Rotate3D" path="http://tourdeflex.adobe.com/flex4samples/Effects/Rotate3D/sample.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4samples/Effects/Rotate3D/srcview/source/sample.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4samples/Effects/Rotate3D/srcview/source/skins/TDFPanelSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/effects&amp;topic=Rotate3D" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="31400" name="Scale3D" author="Holly Schinsky" dateAdded="2009-09-01" iconPath="http://www.adobe.com/devnet/flex/tourdeflex/sample/samples/SharedAssets/effectIcon.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - Scale3D">
+					<Illustrations>
+						<Illustration name="Scale3D" path="http://tourdeflex.adobe.com/flex4samples/Effects/Scale3D/sample.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4samples/Effects/Scale3D/srcview/source/sample.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4samples/Effects/Rotate3D/srcview/source/skins/TDFPanelSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/effects&amp;topic=Scale3D" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="31405" name="Wipe" author="Holly Schinsky" dateAdded="2010-03-22" iconPath="http://www.adobe.com/devnet/flex/tourdeflex/sample/samples/SharedAssets/effectIcon.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - Move3D Effect">
+					<Illustrations>
+						<Illustration name="Wipe" path="http://tourdeflex.adobe.com/flex4.0/Wipe/sample.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/Wipe/srcview/source/sample.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/Wipe/srcview/source/skins/TDFPanelSkin.mxml.html"/>
+								<Document name="Flex Project" path="http://tourdeflex.adobe.com/flex4.0/Wipe/srcview/index.html" openLinksExternal="true"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/effects&amp;topic=Wipe" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+			</Category>
+			<Category name="Formatters">
+				<Object id="70440" name="Formatter" author="Adobe Systems, Inc." dateAdded="2010-03-22" iconPath="http://www.adobe.com/devnet/flex/tourdeflex/sample/samples/Formatter/formattericon.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - Formatter">
+					<Illustrations>
+						<Illustration name="Formatter" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-Formatter/sample1.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-Formatter/srcview/source/sample1.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-Formatter/srcview/source/TDFGradientBackgroundSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=mx/formatters&amp;topic=Formatter" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="70450" name="CurrencyFormatter" author="Adobe Systems, Inc." dateAdded="2010-03-22" iconPath="http://www.adobe.com/devnet/flex/tourdeflex/sample/samples/Formatter/formattericon.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - CurrencyFormatter">
+					<Illustrations>
+						<Illustration name="CurrencyFormatter" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-CurrencyFormatter/sample1.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-CurrencyFormatter/srcview/source/sample1.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-CurrencyFormatter/srcview/source/TDFGradientBackgroundSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=mx/formatters&amp;topic=CurrencyFormatter" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="70070" name="DateFormatter" author="Adobe Systems, Inc." dateAdded="2010-03-22" iconPath="http://www.adobe.com/devnet/flex/tourdeflex/sample/samples/Formatter/formattericon.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - DateFormatter">
+					<Illustrations>
+						<Illustration name="DateFormatter" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-DateFormatter/sample1.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-DateFormatter/srcview/source/sample1.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-DateFormatter/srcview/source/TDFGradientBackgroundSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=mx/formatters&amp;topic=DateFormatter" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="70460" name="NumberFormatter" author="Adobe Systems, Inc." dateAdded="2010-03-22" iconPath="http://www.adobe.com/devnet/flex/tourdeflex/sample/samples/Formatter/formattericon.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - NumberFormatter">
+					<Illustrations>
+						<Illustration name="NumberFormatter" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-NumberFormatter/sample1.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-NumberFormatter/srcview/source/sample1.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-NumberFormatter/srcview/source/TDFGradientBackgroundSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=mx/formatters&amp;topic=NumberFormatter" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="70470" name="PhoneFormatter" author="Adobe Systems, Inc." dateAdded="2010-03-22" iconPath="http://www.adobe.com/devnet/flex/tourdeflex/sample/samples/Formatter/formattericon.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - PhoneFormatter">
+					<Illustrations>
+						<Illustration name="PhoneFormatter" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-PhoneFormatter/sample1.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-PhoneFormatter/srcview/source/sample1.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-PhoneFormatter/srcview/source/TDFGradientBackgroundSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=mx/formatters&amp;topic=PhoneFormatter" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="70480" name="SwitchSymbolFormatter" author="Adobe Systems, Inc." dateAdded="2010-03-22" iconPath="http://www.adobe.com/devnet/flex/tourdeflex/sample/samples/Formatter/formattericon.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - SwitchSymbolFormatter">
+					<Illustrations>
+						<Illustration name="SwitchSymbolFormatter" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-SwitchSymbolFormatter/sample1.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-SwitchSymbolFormatter/srcview/source/sample1.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-SwitchSymbolFormatter/srcview/source/TDFGradientBackgroundSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=mx/formatters&amp;topic=SwitchSymbolFormatter" openLinksExter

<TRUNCATED>

[47/51] [partial] Merged TourDeFlex release from develop

Posted by jm...@apache.org.
http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/data/objects-desktop-update.xml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/data/objects-desktop-update.xml b/TourDeFlex/TourDeFlex/src/data/objects-desktop-update.xml
new file mode 100644
index 0000000..7240855
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/data/objects-desktop-update.xml
@@ -0,0 +1,37 @@
+<!--
+
+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.
+
+-->
+<update>
+<version>2009-06-16</version>
+<url>http://tourdeflex.adobe.com/download/objects-desktop.xml</url>
+<description>
+06/16/2009: New - Added 5 new ESRI ArcGIS samples
+06/11/2009: New - Axiis Data Visualization Framework (Open Source) added
+06/09/2009: New - Flex Data Access / Data Management Samples added by Holly Schinsky
+06/01/2009: New - Flex 4 Preview samples added!
+06/01/2009: New - New ESRI ArcGIS Sample by Moxie Zhang, ESRI, Inc. - Mapping
+05/25/2009: New - New Collaboration Sample by Holly Schinsky - Data Access, Messaging
+05/20/2009: New - New Java Remoting Samples by Holly Schinsky - Data Access, RemoteObject
+05/19/2009: New - JSON and REST API Sample by Holly Schinsky - Data Access, Techniques
+05/10/2009: New - Added sample for reducing idle CPU usage in AIR apps
+05/01/2009: New - "AutoCompleteComboBox" by Jeffry Houser - Other Computers - Flextras
+04/30/2009: New - "IBM ILOG DASHBOARD" - Data Visualization
+04/12/2009: New - "Determine Client Capabilities" - Flex Core Components / Coding Techniques
+04/09/2009: New - "Working with Filters" - Flex Core Components / Coding Techniques
+</description>
+</update>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/data/objects-desktop.xml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/data/objects-desktop.xml b/TourDeFlex/TourDeFlex/src/data/objects-desktop.xml
new file mode 100644
index 0000000..2f32d30
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/data/objects-desktop.xml
@@ -0,0 +1,18 @@
+<!--
+
+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.
+
+-->


[34/51] [partial] Merged TourDeFlex release from develop

Posted by jm...@apache.org.
http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR20/DownloadSecurityDialog/sample.mxml.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR20/DownloadSecurityDialog/sample.mxml.html b/TourDeFlex/TourDeFlex/src/objects/AIR20/DownloadSecurityDialog/sample.mxml.html
new file mode 100644
index 0000000..ec5fef5
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR20/DownloadSecurityDialog/sample.mxml.html
@@ -0,0 +1,76 @@
+<!--
+  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.
+-->
+<!-- saved from url=(0014)about:internet -->
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+<title>sample.mxml</title>
+<link rel="stylesheet" type="text/css" href="../SourceStyles.css"/>
+</head>
+
+<body><pre><span class="MXMLProcessing_Instruction">&lt;?xml version="1.0" encoding="utf-8"?&gt;</span>
+<span class="MXMLComponent_Tag">&lt;s:WindowedApplication</span><span class="MXMLDefault_Text"> xmlns:fx="</span><span class="MXMLString">http://ns.adobe.com/mxml/2009</span><span class="MXMLDefault_Text">" 
+                       xmlns:s="</span><span class="MXMLString">library://ns.adobe.com/flex/spark</span><span class="MXMLDefault_Text">" 
+                       xmlns:mx="</span><span class="MXMLString">library://ns.adobe.com/flex/mx</span><span class="MXMLDefault_Text">"
+                       styleName="</span><span class="MXMLString">plain</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" height="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+    <span class="MXMLSpecial_Tag">&lt;fx:Script&gt;</span>
+        &lt;![CDATA[
+            <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">flash</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">filesystem</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">File</span>;
+            <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">mx</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">controls</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">Alert</span>;
+            
+            <span class="ActionScriptReserved">protected</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">checkDownloadFlag</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
+            <span class="ActionScriptBracket/Brace">{</span>
+                <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">fileGrid</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">selectedIndex</span> <span class="ActionScriptOperator">&gt;</span> <span class="ActionScriptOperator">-</span>1<span class="ActionScriptBracket/Brace">)</span>
+                <span class="ActionScriptBracket/Brace">{</span>
+                    <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">fileGrid</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">selectedItem</span> <span class="ActionScriptReserved">is</span> <span class="ActionScriptDefault_Text">File</span><span class="ActionScriptBracket/Brace">)</span>
+                    <span class="ActionScriptBracket/Brace">{</span>
+                        <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">f</span>:<span class="ActionScriptDefault_Text">File</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">File</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">fileGrid</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">selectedItem</span><span class="ActionScriptBracket/Brace">)</span>;
+                        <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">f</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">downloaded</span><span class="ActionScriptBracket/Brace">)</span>
+                        <span class="ActionScriptBracket/Brace">{</span>
+                            <span class="ActionScriptDefault_Text">result</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">setStyle</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">"color"</span><span class="ActionScriptOperator">,</span><span class="ActionScriptString">"red"</span><span class="ActionScriptBracket/Brace">)</span>;
+                            <span class="ActionScriptDefault_Text">result</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptString">"Caution: File with name: "</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptDefault_Text">f</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">name</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptString">" path: "</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptDefault_Text">f</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">nativePath</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptString">" was downloaded from the Internet."</span>;
+                        <span class="ActionScriptBracket/Brace">}</span>
+                        <span class="ActionScriptReserved">else</span> <span class="ActionScriptBracket/Brace">{</span>
+                            <span class="ActionScriptDefault_Text">result</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">setStyle</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">"color"</span><span class="ActionScriptOperator">,</span><span class="ActionScriptString">"blue"</span><span class="ActionScriptBracket/Brace">)</span>;
+                            <span class="ActionScriptDefault_Text">result</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptString">"File with name: "</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptDefault_Text">f</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">name</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptString">" path: "</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptDefault_Text">f</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">nativePath</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptString">" was NOT downloaded from the Internet."</span>;
+                        <span class="ActionScriptBracket/Brace">}</span>
+                    <span class="ActionScriptBracket/Brace">}</span>
+                <span class="ActionScriptBracket/Brace">}</span>
+                <span class="ActionScriptReserved">else</span> <span class="ActionScriptDefault_Text">Alert</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">show</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">"Nothing selected."</span><span class="ActionScriptBracket/Brace">)</span>;
+            <span class="ActionScriptBracket/Brace">}</span>
+        <span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptOperator">&gt;</span>
+    <span class="MXMLSpecial_Tag">&lt;/fx:Script&gt;</span>
+    
+    <span class="MXMLComponent_Tag">&lt;s:Panel</span><span class="MXMLDefault_Text"> width="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" height="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" title="</span><span class="MXMLString">OS Download Security Dialog Support</span><span class="MXMLDefault_Text">" skinClass="</span><span class="MXMLString">skins.TDFPanelSkin</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;s:VGroup</span><span class="MXMLDefault_Text"> top="</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">" left="</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;mx:Button</span><span class="MXMLDefault_Text"> icon="</span><span class="MXMLString">@Embed(source='up.png')</span><span class="MXMLDefault_Text">" label="</span><span class="MXMLString">Up</span><span class="MXMLDefault_Text">" click="</span><span class="ActionScriptDefault_Text">fileGrid</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">navigateUp</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;<span class="MXMLDefault_Text">" 
+                      enabled="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">fileGrid</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">canNavigateUp</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;mx:FileSystemDataGrid</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">fileGrid</span><span class="MXMLDefault_Text">" directory="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">File</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">desktopDirectory</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">" 
+                                   width="</span><span class="MXMLString">660</span><span class="MXMLDefault_Text">" height="</span><span class="MXMLString">120</span><span class="MXMLDefault_Text">" allowMultipleSelection="</span><span class="MXMLString">false</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>    
+            <span class="MXMLComponent_Tag">&lt;s:HGroup&gt;</span>
+                <span class="MXMLComponent_Tag">&lt;s:Button</span><span class="MXMLDefault_Text"> label="</span><span class="MXMLString">Check if downloaded</span><span class="MXMLDefault_Text">" click="</span><span class="ActionScriptDefault_Text">checkDownloadFlag</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+                <span class="MXMLComponent_Tag">&lt;s:Label</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">result</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">70%</span><span class="MXMLDefault_Text">" color="</span><span class="MXMLString">0x336699</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>    
+            <span class="MXMLComponent_Tag">&lt;/s:HGroup&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;s:Label</span><span class="MXMLDefault_Text"> width="</span><span class="MXMLString">660</span><span class="MXMLDefault_Text">" verticalAlign="</span><span class="MXMLString">justify</span><span class="MXMLDefault_Text">" bottom="</span><span class="MXMLString">3</span><span class="MXMLDefault_Text">" 
+                     text="</span><span class="MXMLString">The 'downloaded' flag can now be checked on a File object to check if a file has been downloaded from the Internet
+in an application to show a security dialog. Double-click on a file above to see if it has been downloaded.</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;/s:VGroup&gt;</span>
+    <span class="MXMLComponent_Tag">&lt;/s:Panel&gt;</span>
+    
+<span class="MXMLComponent_Tag">&lt;/s:WindowedApplication&gt;</span></pre></body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR20/DownloadSecurityDialog/srcview/Sample-AIR2-DownloadSecurityDialog/src/sample-app.xml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR20/DownloadSecurityDialog/srcview/Sample-AIR2-DownloadSecurityDialog/src/sample-app.xml b/TourDeFlex/TourDeFlex/src/objects/AIR20/DownloadSecurityDialog/srcview/Sample-AIR2-DownloadSecurityDialog/src/sample-app.xml
new file mode 100755
index 0000000..76856ae
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR20/DownloadSecurityDialog/srcview/Sample-AIR2-DownloadSecurityDialog/src/sample-app.xml
@@ -0,0 +1,156 @@
+<?xml version="1.0" encoding="utf-8" standalone="no"?>
+<!--
+
+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.
+
+-->
+<application xmlns="http://ns.adobe.com/air/application/2.0">
+
+<!-- Adobe AIR Application Descriptor File Template.
+
+	Specifies parameters for identifying, installing, and launching AIR applications.
+
+	xmlns - The Adobe AIR namespace: http://ns.adobe.com/air/application/2.0beta2
+			The last segment of the namespace specifies the version 
+			of the AIR runtime required for this application to run.
+			
+	minimumPatchLevel - The minimum patch level of the AIR runtime required to run 
+			the application. Optional.
+-->
+
+	<!-- The application identifier string, unique to this application. Required. -->
+	<id>sample</id>
+
+	<!-- Used as the filename for the application. Required. -->
+	<filename>sample</filename>
+
+	<!-- The name that is displayed in the AIR application installer. 
+	     May have multiple values for each language. See samples or xsd schema file. Optional. -->
+	<name>sample</name>
+
+	<!-- An application version designator (such as "v1", "2.5", or "Alpha 1"). Required. -->
+	<version>v1</version>
+
+	<!-- Description, displayed in the AIR application installer.
+	     May have multiple values for each language. See samples or xsd schema file. Optional. -->
+	<!-- <description></description> -->
+
+	<!-- Copyright information. Optional -->
+	<!-- <copyright></copyright> -->
+
+	<!-- Publisher ID. Used if you're updating an application created prior to 1.5.3 -->
+	<!-- <publisherID></publisherID> -->
+
+	<!-- Settings for the application's initial window. Required. -->
+	<initialWindow>
+		<!-- The main SWF or HTML file of the application. Required. -->
+		<!-- Note: In Flash Builder, the SWF reference is set automatically. -->
+		<content>[This value will be overwritten by Flash Builder in the output app.xml]</content>
+		
+		<!-- The title of the main window. Optional. -->
+		<!-- <title></title> -->
+
+		<!-- The type of system chrome to use (either "standard" or "none"). Optional. Default standard. -->
+		<!-- <systemChrome></systemChrome> -->
+
+		<!-- Whether the window is transparent. Only applicable when systemChrome is none. Optional. Default false. -->
+		<!-- <transparent></transparent> -->
+
+		<!-- Whether the window is initially visible. Optional. Default false. -->
+		<!-- <visible></visible> -->
+
+		<!-- Whether the user can minimize the window. Optional. Default true. -->
+		<!-- <minimizable></minimizable> -->
+
+		<!-- Whether the user can maximize the window. Optional. Default true. -->
+		<!-- <maximizable></maximizable> -->
+
+		<!-- Whether the user can resize the window. Optional. Default true. -->
+		<!-- <resizable></resizable> -->
+
+		<!-- The window's initial width in pixels. Optional. -->
+		<!-- <width></width> -->
+
+		<!-- The window's initial height in pixels. Optional. -->
+		<!-- <height></height> -->
+
+		<!-- The window's initial x position. Optional. -->
+		<!-- <x></x> -->
+
+		<!-- The window's initial y position. Optional. -->
+		<!-- <y></y> -->
+
+		<!-- The window's minimum size, specified as a width/height pair in pixels, such as "400 200". Optional. -->
+		<!-- <minSize></minSize> -->
+
+		<!-- The window's initial maximum size, specified as a width/height pair in pixels, such as "1600 1200". Optional. -->
+		<!-- <maxSize></maxSize> -->
+	</initialWindow>
+
+	<!-- The subpath of the standard default installation location to use. Optional. -->
+	<!-- <installFolder></installFolder> -->
+
+	<!-- The subpath of the Programs menu to use. (Ignored on operating systems without a Programs menu.) Optional. -->
+	<!-- <programMenuFolder></programMenuFolder> -->
+
+	<!-- The icon the system uses for the application. For at least one resolution,
+		 specify the path to a PNG file included in the AIR package. Optional. -->
+	<!-- <icon>
+		<image16x16></image16x16>
+		<image32x32></image32x32>
+		<image48x48></image48x48>
+		<image128x128></image128x128>
+	</icon> -->
+
+	<!-- Whether the application handles the update when a user double-clicks an update version
+	of the AIR file (true), or the default AIR application installer handles the update (false).
+	Optional. Default false. -->
+	<!-- <customUpdateUI></customUpdateUI> -->
+	
+	<!-- Whether the application can be launched when the user clicks a link in a web browser.
+	Optional. Default false. -->
+	<!-- <allowBrowserInvocation></allowBrowserInvocation> -->
+
+	<!-- Listing of file types for which the application can register. Optional. -->
+	<!-- <fileTypes> -->
+
+		<!-- Defines one file type. Optional. -->
+		<!-- <fileType> -->
+
+			<!-- The name that the system displays for the registered file type. Required. -->
+			<!-- <name></name> -->
+
+			<!-- The extension to register. Required. -->
+			<!-- <extension></extension> -->
+			
+			<!-- The description of the file type. Optional. -->
+			<!-- <description></description> -->
+			
+			<!-- The MIME content type. -->
+			<!-- <contentType></contentType> -->
+			
+			<!-- The icon to display for the file type. Optional. -->
+			<!-- <icon>
+				<image16x16></image16x16>
+				<image32x32></image32x32>
+				<image48x48></image48x48>
+				<image128x128></image128x128>
+			</icon> -->
+			
+		<!-- </fileType> -->
+	<!-- </fileTypes> -->
+
+</application>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR20/DownloadSecurityDialog/srcview/Sample-AIR2-DownloadSecurityDialog/src/sample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR20/DownloadSecurityDialog/srcview/Sample-AIR2-DownloadSecurityDialog/src/sample.mxml b/TourDeFlex/TourDeFlex/src/objects/AIR20/DownloadSecurityDialog/srcview/Sample-AIR2-DownloadSecurityDialog/src/sample.mxml
new file mode 100644
index 0000000..8ee10e6
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR20/DownloadSecurityDialog/srcview/Sample-AIR2-DownloadSecurityDialog/src/sample.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.
+
+-->
+<mx:Module xmlns:fx="http://ns.adobe.com/mxml/2009" 
+					   xmlns:s="library://ns.adobe.com/flex/spark" 
+					   xmlns:mx="library://ns.adobe.com/flex/mx"
+					   styleName="plain" width="100%" height="100%">
+	<fx:Script>
+		<![CDATA[
+			import flash.filesystem.File;
+			import mx.controls.Alert;
+			
+			protected function checkDownloadFlag():void
+			{
+				if (fileGrid.selectedIndex > -1)
+				{
+					if (fileGrid.selectedItem is File)
+					{
+						var f:File = File(fileGrid.selectedItem);
+						if (f.downloaded)
+						{
+							result.setStyle("color","red");
+							result.text = "Caution: File with name: " + f.name + " path: " + f.nativePath + " was downloaded from the Internet.";
+						}
+						else {
+							result.setStyle("color","blue");
+							result.text = "File with name: " + f.name + " path: " + f.nativePath + " was NOT downloaded from the Internet.";
+						}
+					}
+				}
+				else Alert.show("Nothing selected.");
+			}
+		]]>
+	</fx:Script>
+	
+	<s:Panel width="100%" height="100%" title="OS Download Security Dialog Support" skinClass="skins.TDFPanelSkin">
+		<s:VGroup top="10" left="10">
+			<mx:Button icon="@Embed(source='up.png')" label="Up" click="fileGrid.navigateUp();" 
+					  enabled="{fileGrid.canNavigateUp}"/>
+			<mx:FileSystemDataGrid id="fileGrid" directory="{File.desktopDirectory}" 
+								   width="660" height="120" allowMultipleSelection="false"/>	
+			<s:HGroup>
+				<s:Button label="Check if downloaded" click="checkDownloadFlag()"/>
+				<s:Label id="result" width="70%" color="0x336699"/>	
+			</s:HGroup>
+			<s:Label width="660" verticalAlign="justify" bottom="3" 
+					 text="The 'downloaded' flag can now be checked on a File object to check if a file has been downloaded from the Internet
+in an application to show a security dialog. Double-click on a file above to see if it has been downloaded."/>
+		</s:VGroup>
+	</s:Panel>
+	
+</mx:Module>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR20/DownloadSecurityDialog/srcview/Sample-AIR2-DownloadSecurityDialog/src/skins/TDFPanelSkin.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR20/DownloadSecurityDialog/srcview/Sample-AIR2-DownloadSecurityDialog/src/skins/TDFPanelSkin.mxml b/TourDeFlex/TourDeFlex/src/objects/AIR20/DownloadSecurityDialog/srcview/Sample-AIR2-DownloadSecurityDialog/src/skins/TDFPanelSkin.mxml
new file mode 100644
index 0000000..ff46524
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR20/DownloadSecurityDialog/srcview/Sample-AIR2-DownloadSecurityDialog/src/skins/TDFPanelSkin.mxml
@@ -0,0 +1,130 @@
+<?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.
+
+-->
+
+
+<s:Skin xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark" 
+		alpha.disabled="0.5" minWidth="131" minHeight="127">
+	
+	<fx:Metadata>
+		[HostComponent("spark.components.Panel")]
+	</fx:Metadata> 
+	
+	<s:states>
+		<s:State name="normal" />
+		<s:State name="disabled" />
+		<s:State name="normalWithControlBar" />
+		<s:State name="disabledWithControlBar" />
+	</s:states>
+	
+	<!-- drop shadow -->
+	<s:Rect left="0" top="0" right="0" bottom="0">
+		<s:filters>
+			<s:DropShadowFilter blurX="15" blurY="15" alpha="0.18" distance="11" angle="90" knockout="true" />
+		</s:filters>
+		<s:fill>
+			<s:SolidColor color="0" />
+		</s:fill>
+	</s:Rect>
+	
+	<!-- layer 1: border -->
+	<s:Rect left="0" right="0" top="0" bottom="0">
+		<s:stroke>
+			<s:SolidColorStroke color="0" alpha="0.50" weight="1" />
+		</s:stroke>
+	</s:Rect>
+	
+	<!-- layer 2: background fill -->
+	<s:Rect left="0" right="0" bottom="0" height="15">
+		<s:fill>
+			<s:LinearGradient rotation="90">
+				<s:GradientEntry color="0xE2E2E2" />
+				<s:GradientEntry color="0x000000" />
+			</s:LinearGradient>
+		</s:fill>
+	</s:Rect>
+	
+	<!-- layer 3: contents -->
+	<s:Group left="1" right="1" top="1" bottom="1" >
+		<s:layout>
+			<s:VerticalLayout gap="0" horizontalAlign="justify" />
+		</s:layout>
+		
+		<s:Group id="topGroup" >
+			<!-- layer 0: title bar fill -->
+			<!-- Note: We have custom skinned the title bar to be solid black for Tour de Flex -->
+			<s:Rect id="tbFill" left="0" right="0" top="0" bottom="1" >
+				<s:fill>
+					<s:SolidColor color="0x000000" />
+				</s:fill>
+			</s:Rect>
+			
+			<!-- layer 1: title bar highlight -->
+			<s:Rect id="tbHilite" left="0" right="0" top="0" bottom="0" >
+				<s:stroke>
+					<s:LinearGradientStroke rotation="90" weight="1">
+						<s:GradientEntry color="0xEAEAEA" />
+						<s:GradientEntry color="0xD9D9D9" />
+					</s:LinearGradientStroke>
+				</s:stroke>
+			</s:Rect>
+			
+			<!-- layer 2: title bar divider -->
+			<s:Rect id="tbDiv" left="0" right="0" height="1" bottom="0">
+				<s:fill>
+					<s:SolidColor color="0xC0C0C0" />
+				</s:fill>
+			</s:Rect>
+			
+			<!-- layer 3: text -->
+			<s:Label id="titleDisplay" maxDisplayedLines="1"
+					 left="9" right="3" top="1" minHeight="30"
+					 verticalAlign="middle" fontWeight="bold" color="#E2E2E2">
+			</s:Label>
+			
+		</s:Group>
+		
+		<s:Group id="contentGroup" width="100%" height="100%" minWidth="0" minHeight="0">
+		</s:Group>
+		
+		<s:Group id="bottomGroup" minWidth="0" minHeight="0"
+				 includeIn="normalWithControlBar, disabledWithControlBar" >
+			<!-- layer 0: control bar background -->
+			<s:Rect left="0" right="0" bottom="0" top="1" >
+				<s:fill>
+					<s:SolidColor color="0xE2EdF7" />
+				</s:fill>
+			</s:Rect>
+			
+			<!-- layer 1: control bar divider line -->
+			<s:Rect left="0" right="0" top="0" height="1" >
+				<s:fill>
+					<s:SolidColor color="0xD1E0F2" />
+				</s:fill>
+			</s:Rect>
+			
+			<!-- layer 2: control bar -->
+			<s:Group id="controlBarGroup" left="0" right="0" top="1" bottom="1" minWidth="0" minHeight="0">
+				<s:layout>
+					<s:HorizontalLayout paddingLeft="10" paddingRight="10" paddingTop="7" paddingBottom="7" gap="10" />
+				</s:layout>
+			</s:Group>
+		</s:Group>
+	</s:Group>
+</s:Skin>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR20/DownloadSecurityDialog/srcview/Sample-AIR2-DownloadSecurityDialog/src/up.png
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR20/DownloadSecurityDialog/srcview/Sample-AIR2-DownloadSecurityDialog/src/up.png b/TourDeFlex/TourDeFlex/src/objects/AIR20/DownloadSecurityDialog/srcview/Sample-AIR2-DownloadSecurityDialog/src/up.png
new file mode 100755
index 0000000..4bf79b0
Binary files /dev/null and b/TourDeFlex/TourDeFlex/src/objects/AIR20/DownloadSecurityDialog/srcview/Sample-AIR2-DownloadSecurityDialog/src/up.png differ

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR20/DownloadSecurityDialog/srcview/SourceIndex.xml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR20/DownloadSecurityDialog/srcview/SourceIndex.xml b/TourDeFlex/TourDeFlex/src/objects/AIR20/DownloadSecurityDialog/srcview/SourceIndex.xml
new file mode 100644
index 0000000..5e9d2ff
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR20/DownloadSecurityDialog/srcview/SourceIndex.xml
@@ -0,0 +1,38 @@
+<?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.
+
+-->
+<index>
+	<title>Source of Sample-AIR2-DownloadSecurityDialog</title>
+	<nodes>
+		<node label="libs">
+		</node>
+		<node label="src">
+			<node icon="packageIcon" label="skins" expanded="true">
+				<node icon="mxmlIcon" label="TDFPanelSkin.mxml" url="source/skins/TDFPanelSkin.mxml.html"/>
+			</node>
+			<node label="sample-app.xml" url="source/sample-app.xml.txt"/>
+			<node icon="mxmlAppIcon" selected="true" label="sample.mxml" url="source/sample.mxml.html"/>
+			<node icon="imageIcon" label="up.png" url="source/up.png.html"/>
+		</node>
+	</nodes>
+	<zipfile label="Download source (ZIP, 10K)" url="Sample-AIR2-DownloadSecurityDialog.zip">
+	</zipfile>
+	<sdklink label="Download Flex SDK" url="http://www.adobe.com/go/flex4_sdk_download">
+	</sdklink>
+</index>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR20/DownloadSecurityDialog/srcview/SourceStyles.css
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR20/DownloadSecurityDialog/srcview/SourceStyles.css b/TourDeFlex/TourDeFlex/src/objects/AIR20/DownloadSecurityDialog/srcview/SourceStyles.css
new file mode 100644
index 0000000..a8b5614
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR20/DownloadSecurityDialog/srcview/SourceStyles.css
@@ -0,0 +1,155 @@
+/*
+ * 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.
+ */
+body {
+	font-family: Courier New, Courier, monospace;
+	font-size: medium;
+}
+
+.CSS@font-face {
+	color: #990000;
+	font-weight: bold;
+}
+
+.CSS@import {
+	color: #006666;
+	font-weight: bold;
+}
+
+.CSS@media {
+	color: #663333;
+	font-weight: bold;
+}
+
+.CSS@namespace {
+	color: #923196;
+}
+
+.CSSComment {
+	color: #999999;
+}
+
+.CSSDefault_Text {
+}
+
+.CSSDelimiters {
+}
+
+.CSSProperty_Name {
+	color: #330099;
+}
+
+.CSSProperty_Value {
+	color: #3333cc;
+}
+
+.CSSSelector {
+	color: #ff00ff;
+}
+
+.CSSString {
+	color: #990000;
+}
+
+.ActionScriptASDoc {
+	color: #3f5fbf;
+}
+
+.ActionScriptBracket/Brace {
+}
+
+.ActionScriptComment {
+	color: #009900;
+	font-style: italic;
+}
+
+.ActionScriptDefault_Text {
+}
+
+.ActionScriptMetadata {
+	color: #0033ff;
+	font-weight: bold;
+}
+
+.ActionScriptOperator {
+}
+
+.ActionScriptReserved {
+	color: #0033ff;
+	font-weight: bold;
+}
+
+.ActionScriptString {
+	color: #990000;
+	font-weight: bold;
+}
+
+.ActionScriptclass {
+	color: #9900cc;
+	font-weight: bold;
+}
+
+.ActionScriptfunction {
+	color: #339966;
+	font-weight: bold;
+}
+
+.ActionScriptinterface {
+	color: #9900cc;
+	font-weight: bold;
+}
+
+.ActionScriptpackage {
+	color: #9900cc;
+	font-weight: bold;
+}
+
+.ActionScripttrace {
+	color: #cc6666;
+	font-weight: bold;
+}
+
+.ActionScriptvar {
+	color: #6699cc;
+	font-weight: bold;
+}
+
+.MXMLASDoc {
+	color: #3f5fbf;
+}
+
+.MXMLComment {
+	color: #800000;
+}
+
+.MXMLComponent_Tag {
+	color: #0000ff;
+}
+
+.MXMLDefault_Text {
+}
+
+.MXMLProcessing_Instruction {
+}
+
+.MXMLSpecial_Tag {
+	color: #006633;
+}
+
+.MXMLString {
+	color: #990000;
+}
+

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR20/DownloadSecurityDialog/srcview/SourceTree.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR20/DownloadSecurityDialog/srcview/SourceTree.html b/TourDeFlex/TourDeFlex/src/objects/AIR20/DownloadSecurityDialog/srcview/SourceTree.html
new file mode 100644
index 0000000..80281a9
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR20/DownloadSecurityDialog/srcview/SourceTree.html
@@ -0,0 +1,129 @@
+<!--
+  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.
+-->
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<!-- saved from url=(0014)about:internet -->
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">	
+    <!-- 
+    Smart developers always View Source. 
+    
+    This application was built using Adobe Flex, an open source framework
+    for building rich Internet applications that get delivered via the
+    Flash Player or to desktops via Adobe AIR. 
+    
+    Learn more about Flex at http://flex.org 
+    // -->
+    <head>
+        <title></title>         
+        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+		<!-- Include CSS to eliminate any default margins/padding and set the height of the html element and 
+		     the body element to 100%, because Firefox, or any Gecko based browser, interprets percentage as 
+			 the percentage of the height of its parent container, which has to be set explicitly.  Initially, 
+			 don't display flashContent div so it won't show if JavaScript disabled.
+		-->
+        <style type="text/css" media="screen"> 
+			html, body	{ height:100%; }
+			body { margin:0; padding:0; overflow:auto; text-align:center; 
+			       background-color: #ffffff; }   
+			#flashContent { display:none; }
+        </style>
+		
+		<!-- Enable Browser History by replacing useBrowserHistory tokens with two hyphens -->
+        <!-- BEGIN Browser History required section >
+        <link rel="stylesheet" type="text/css" href="history/history.css" />
+        <script type="text/javascript" src="history/history.js"></script>
+        <! END Browser History required section -->  
+		    
+        <script type="text/javascript" src="swfobject.js"></script>
+        <script type="text/javascript">
+  	        function loadIntoMain(url) {
+				parent.mainFrame.location.href = url;
+			}
+			
+			function openUrlWindow(url) {
+				window.top.location = url;
+			}
+			
+            <!-- For version detection, set to min. required Flash Player version, or 0 (or 0.0.0), for no version detection. --> 
+            var swfVersionStr = "10.0.0";
+            <!-- To use express install, set to playerProductInstall.swf, otherwise the empty string. -->
+            var xiSwfUrlStr = "playerProductInstall.swf";
+            var flashvars = {};
+            var params = {};
+            params.quality = "high";
+            params.bgcolor = "#ffffff";
+            params.allowscriptaccess = "sameDomain";
+            params.allowfullscreen = "true";
+            var attributes = {};
+            attributes.id = "SourceTree";
+            attributes.name = "SourceTree";
+            attributes.align = "middle";
+            swfobject.embedSWF(
+                "SourceTree.swf", "flashContent", 
+                "100%", "100%", 
+                swfVersionStr, xiSwfUrlStr, 
+                flashvars, params, attributes);
+			<!-- JavaScript enabled so display the flashContent div in case it is not replaced with a swf object. -->
+			swfobject.createCSS("#flashContent", "display:block;text-align:left;");
+        </script>
+    </head>
+    <body>
+        <!-- SWFObject's dynamic embed method replaces this alternative HTML content with Flash content when enough 
+			 JavaScript and Flash plug-in support is available. The div is initially hidden so that it doesn't show
+			 when JavaScript is disabled.
+		-->
+        <div id="flashContent">
+        	<p>
+	        	To view this page ensure that Adobe Flash Player version 
+				10.0.0 or greater is installed. 
+			</p>
+			<script type="text/javascript"> 
+				var pageHost = ((document.location.protocol == "https:") ? "https://" :	"http://"); 
+				document.write("<a href='http://www.adobe.com/go/getflashplayer'><img src='" 
+								+ pageHost + "www.adobe.com/images/shared/download_buttons/get_flash_player.gif' alt='Get Adobe Flash player' /></a>" ); 
+			</script> 
+        </div>
+	   	
+       	<noscript>
+            <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="100%" height="100%" id="SourceTree">
+                <param name="movie" value="SourceTree.swf" />
+                <param name="quality" value="high" />
+                <param name="bgcolor" value="#ffffff" />
+                <param name="allowScriptAccess" value="sameDomain" />
+                <param name="allowFullScreen" value="true" />
+                <!--[if !IE]>-->
+                <object type="application/x-shockwave-flash" data="SourceTree.swf" width="100%" height="100%">
+                    <param name="quality" value="high" />
+                    <param name="bgcolor" value="#ffffff" />
+                    <param name="allowScriptAccess" value="sameDomain" />
+                    <param name="allowFullScreen" value="true" />
+                <!--<![endif]-->
+                <!--[if gte IE 6]>-->
+                	<p> 
+                		Either scripts and active content are not permitted to run or Adobe Flash Player version
+                		10.0.0 or greater is not installed.
+                	</p>
+                <!--<![endif]-->
+                    <a href="http://www.adobe.com/go/getflashplayer">
+                        <img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash Player" />
+                    </a>
+                <!--[if !IE]>-->
+                </object>
+                <!--<![endif]-->
+            </object>
+	    </noscript>		
+   </body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR20/DownloadSecurityDialog/srcview/index.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR20/DownloadSecurityDialog/srcview/index.html b/TourDeFlex/TourDeFlex/src/objects/AIR20/DownloadSecurityDialog/srcview/index.html
new file mode 100644
index 0000000..c66ea88
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR20/DownloadSecurityDialog/srcview/index.html
@@ -0,0 +1,32 @@
+<!--
+  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.
+-->
+<!-- saved from url=(0014)about:internet -->
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+<title>Source of Sample-AIR2-DownloadSecurityDialog</title>
+</head>
+<frameset cols="235,*" border="2" framespacing="1">
+    <frame src="SourceTree.html" name="leftFrame" scrolling="NO">
+    <frame src="source/sample.mxml.html" name="mainFrame">
+</frameset>
+<noframes>
+	<body>		
+	</body>
+</noframes>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR20/DownloadSecurityDialog/srcview/source/sample-app.xml.txt
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR20/DownloadSecurityDialog/srcview/source/sample-app.xml.txt b/TourDeFlex/TourDeFlex/src/objects/AIR20/DownloadSecurityDialog/srcview/source/sample-app.xml.txt
new file mode 100644
index 0000000..76856ae
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR20/DownloadSecurityDialog/srcview/source/sample-app.xml.txt
@@ -0,0 +1,156 @@
+<?xml version="1.0" encoding="utf-8" standalone="no"?>
+<!--
+
+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.
+
+-->
+<application xmlns="http://ns.adobe.com/air/application/2.0">
+
+<!-- Adobe AIR Application Descriptor File Template.
+
+	Specifies parameters for identifying, installing, and launching AIR applications.
+
+	xmlns - The Adobe AIR namespace: http://ns.adobe.com/air/application/2.0beta2
+			The last segment of the namespace specifies the version 
+			of the AIR runtime required for this application to run.
+			
+	minimumPatchLevel - The minimum patch level of the AIR runtime required to run 
+			the application. Optional.
+-->
+
+	<!-- The application identifier string, unique to this application. Required. -->
+	<id>sample</id>
+
+	<!-- Used as the filename for the application. Required. -->
+	<filename>sample</filename>
+
+	<!-- The name that is displayed in the AIR application installer. 
+	     May have multiple values for each language. See samples or xsd schema file. Optional. -->
+	<name>sample</name>
+
+	<!-- An application version designator (such as "v1", "2.5", or "Alpha 1"). Required. -->
+	<version>v1</version>
+
+	<!-- Description, displayed in the AIR application installer.
+	     May have multiple values for each language. See samples or xsd schema file. Optional. -->
+	<!-- <description></description> -->
+
+	<!-- Copyright information. Optional -->
+	<!-- <copyright></copyright> -->
+
+	<!-- Publisher ID. Used if you're updating an application created prior to 1.5.3 -->
+	<!-- <publisherID></publisherID> -->
+
+	<!-- Settings for the application's initial window. Required. -->
+	<initialWindow>
+		<!-- The main SWF or HTML file of the application. Required. -->
+		<!-- Note: In Flash Builder, the SWF reference is set automatically. -->
+		<content>[This value will be overwritten by Flash Builder in the output app.xml]</content>
+		
+		<!-- The title of the main window. Optional. -->
+		<!-- <title></title> -->
+
+		<!-- The type of system chrome to use (either "standard" or "none"). Optional. Default standard. -->
+		<!-- <systemChrome></systemChrome> -->
+
+		<!-- Whether the window is transparent. Only applicable when systemChrome is none. Optional. Default false. -->
+		<!-- <transparent></transparent> -->
+
+		<!-- Whether the window is initially visible. Optional. Default false. -->
+		<!-- <visible></visible> -->
+
+		<!-- Whether the user can minimize the window. Optional. Default true. -->
+		<!-- <minimizable></minimizable> -->
+
+		<!-- Whether the user can maximize the window. Optional. Default true. -->
+		<!-- <maximizable></maximizable> -->
+
+		<!-- Whether the user can resize the window. Optional. Default true. -->
+		<!-- <resizable></resizable> -->
+
+		<!-- The window's initial width in pixels. Optional. -->
+		<!-- <width></width> -->
+
+		<!-- The window's initial height in pixels. Optional. -->
+		<!-- <height></height> -->
+
+		<!-- The window's initial x position. Optional. -->
+		<!-- <x></x> -->
+
+		<!-- The window's initial y position. Optional. -->
+		<!-- <y></y> -->
+
+		<!-- The window's minimum size, specified as a width/height pair in pixels, such as "400 200". Optional. -->
+		<!-- <minSize></minSize> -->
+
+		<!-- The window's initial maximum size, specified as a width/height pair in pixels, such as "1600 1200". Optional. -->
+		<!-- <maxSize></maxSize> -->
+	</initialWindow>
+
+	<!-- The subpath of the standard default installation location to use. Optional. -->
+	<!-- <installFolder></installFolder> -->
+
+	<!-- The subpath of the Programs menu to use. (Ignored on operating systems without a Programs menu.) Optional. -->
+	<!-- <programMenuFolder></programMenuFolder> -->
+
+	<!-- The icon the system uses for the application. For at least one resolution,
+		 specify the path to a PNG file included in the AIR package. Optional. -->
+	<!-- <icon>
+		<image16x16></image16x16>
+		<image32x32></image32x32>
+		<image48x48></image48x48>
+		<image128x128></image128x128>
+	</icon> -->
+
+	<!-- Whether the application handles the update when a user double-clicks an update version
+	of the AIR file (true), or the default AIR application installer handles the update (false).
+	Optional. Default false. -->
+	<!-- <customUpdateUI></customUpdateUI> -->
+	
+	<!-- Whether the application can be launched when the user clicks a link in a web browser.
+	Optional. Default false. -->
+	<!-- <allowBrowserInvocation></allowBrowserInvocation> -->
+
+	<!-- Listing of file types for which the application can register. Optional. -->
+	<!-- <fileTypes> -->
+
+		<!-- Defines one file type. Optional. -->
+		<!-- <fileType> -->
+
+			<!-- The name that the system displays for the registered file type. Required. -->
+			<!-- <name></name> -->
+
+			<!-- The extension to register. Required. -->
+			<!-- <extension></extension> -->
+			
+			<!-- The description of the file type. Optional. -->
+			<!-- <description></description> -->
+			
+			<!-- The MIME content type. -->
+			<!-- <contentType></contentType> -->
+			
+			<!-- The icon to display for the file type. Optional. -->
+			<!-- <icon>
+				<image16x16></image16x16>
+				<image32x32></image32x32>
+				<image48x48></image48x48>
+				<image128x128></image128x128>
+			</icon> -->
+			
+		<!-- </fileType> -->
+	<!-- </fileTypes> -->
+
+</application>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR20/DownloadSecurityDialog/srcview/source/sample.mxml.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR20/DownloadSecurityDialog/srcview/source/sample.mxml.html b/TourDeFlex/TourDeFlex/src/objects/AIR20/DownloadSecurityDialog/srcview/source/sample.mxml.html
new file mode 100644
index 0000000..ec5fef5
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR20/DownloadSecurityDialog/srcview/source/sample.mxml.html
@@ -0,0 +1,76 @@
+<!--
+  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.
+-->
+<!-- saved from url=(0014)about:internet -->
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+<title>sample.mxml</title>
+<link rel="stylesheet" type="text/css" href="../SourceStyles.css"/>
+</head>
+
+<body><pre><span class="MXMLProcessing_Instruction">&lt;?xml version="1.0" encoding="utf-8"?&gt;</span>
+<span class="MXMLComponent_Tag">&lt;s:WindowedApplication</span><span class="MXMLDefault_Text"> xmlns:fx="</span><span class="MXMLString">http://ns.adobe.com/mxml/2009</span><span class="MXMLDefault_Text">" 
+                       xmlns:s="</span><span class="MXMLString">library://ns.adobe.com/flex/spark</span><span class="MXMLDefault_Text">" 
+                       xmlns:mx="</span><span class="MXMLString">library://ns.adobe.com/flex/mx</span><span class="MXMLDefault_Text">"
+                       styleName="</span><span class="MXMLString">plain</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" height="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+    <span class="MXMLSpecial_Tag">&lt;fx:Script&gt;</span>
+        &lt;![CDATA[
+            <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">flash</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">filesystem</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">File</span>;
+            <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">mx</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">controls</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">Alert</span>;
+            
+            <span class="ActionScriptReserved">protected</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">checkDownloadFlag</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
+            <span class="ActionScriptBracket/Brace">{</span>
+                <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">fileGrid</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">selectedIndex</span> <span class="ActionScriptOperator">&gt;</span> <span class="ActionScriptOperator">-</span>1<span class="ActionScriptBracket/Brace">)</span>
+                <span class="ActionScriptBracket/Brace">{</span>
+                    <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">fileGrid</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">selectedItem</span> <span class="ActionScriptReserved">is</span> <span class="ActionScriptDefault_Text">File</span><span class="ActionScriptBracket/Brace">)</span>
+                    <span class="ActionScriptBracket/Brace">{</span>
+                        <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">f</span>:<span class="ActionScriptDefault_Text">File</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">File</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">fileGrid</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">selectedItem</span><span class="ActionScriptBracket/Brace">)</span>;
+                        <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">f</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">downloaded</span><span class="ActionScriptBracket/Brace">)</span>
+                        <span class="ActionScriptBracket/Brace">{</span>
+                            <span class="ActionScriptDefault_Text">result</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">setStyle</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">"color"</span><span class="ActionScriptOperator">,</span><span class="ActionScriptString">"red"</span><span class="ActionScriptBracket/Brace">)</span>;
+                            <span class="ActionScriptDefault_Text">result</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptString">"Caution: File with name: "</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptDefault_Text">f</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">name</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptString">" path: "</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptDefault_Text">f</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">nativePath</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptString">" was downloaded from the Internet."</span>;
+                        <span class="ActionScriptBracket/Brace">}</span>
+                        <span class="ActionScriptReserved">else</span> <span class="ActionScriptBracket/Brace">{</span>
+                            <span class="ActionScriptDefault_Text">result</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">setStyle</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">"color"</span><span class="ActionScriptOperator">,</span><span class="ActionScriptString">"blue"</span><span class="ActionScriptBracket/Brace">)</span>;
+                            <span class="ActionScriptDefault_Text">result</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptString">"File with name: "</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptDefault_Text">f</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">name</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptString">" path: "</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptDefault_Text">f</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">nativePath</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptString">" was NOT downloaded from the Internet."</span>;
+                        <span class="ActionScriptBracket/Brace">}</span>
+                    <span class="ActionScriptBracket/Brace">}</span>
+                <span class="ActionScriptBracket/Brace">}</span>
+                <span class="ActionScriptReserved">else</span> <span class="ActionScriptDefault_Text">Alert</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">show</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">"Nothing selected."</span><span class="ActionScriptBracket/Brace">)</span>;
+            <span class="ActionScriptBracket/Brace">}</span>
+        <span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptOperator">&gt;</span>
+    <span class="MXMLSpecial_Tag">&lt;/fx:Script&gt;</span>
+    
+    <span class="MXMLComponent_Tag">&lt;s:Panel</span><span class="MXMLDefault_Text"> width="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" height="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" title="</span><span class="MXMLString">OS Download Security Dialog Support</span><span class="MXMLDefault_Text">" skinClass="</span><span class="MXMLString">skins.TDFPanelSkin</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;s:VGroup</span><span class="MXMLDefault_Text"> top="</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">" left="</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;mx:Button</span><span class="MXMLDefault_Text"> icon="</span><span class="MXMLString">@Embed(source='up.png')</span><span class="MXMLDefault_Text">" label="</span><span class="MXMLString">Up</span><span class="MXMLDefault_Text">" click="</span><span class="ActionScriptDefault_Text">fileGrid</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">navigateUp</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;<span class="MXMLDefault_Text">" 
+                      enabled="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">fileGrid</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">canNavigateUp</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;mx:FileSystemDataGrid</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">fileGrid</span><span class="MXMLDefault_Text">" directory="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">File</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">desktopDirectory</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">" 
+                                   width="</span><span class="MXMLString">660</span><span class="MXMLDefault_Text">" height="</span><span class="MXMLString">120</span><span class="MXMLDefault_Text">" allowMultipleSelection="</span><span class="MXMLString">false</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>    
+            <span class="MXMLComponent_Tag">&lt;s:HGroup&gt;</span>
+                <span class="MXMLComponent_Tag">&lt;s:Button</span><span class="MXMLDefault_Text"> label="</span><span class="MXMLString">Check if downloaded</span><span class="MXMLDefault_Text">" click="</span><span class="ActionScriptDefault_Text">checkDownloadFlag</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+                <span class="MXMLComponent_Tag">&lt;s:Label</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">result</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">70%</span><span class="MXMLDefault_Text">" color="</span><span class="MXMLString">0x336699</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>    
+            <span class="MXMLComponent_Tag">&lt;/s:HGroup&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;s:Label</span><span class="MXMLDefault_Text"> width="</span><span class="MXMLString">660</span><span class="MXMLDefault_Text">" verticalAlign="</span><span class="MXMLString">justify</span><span class="MXMLDefault_Text">" bottom="</span><span class="MXMLString">3</span><span class="MXMLDefault_Text">" 
+                     text="</span><span class="MXMLString">The 'downloaded' flag can now be checked on a File object to check if a file has been downloaded from the Internet
+in an application to show a security dialog. Double-click on a file above to see if it has been downloaded.</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;/s:VGroup&gt;</span>
+    <span class="MXMLComponent_Tag">&lt;/s:Panel&gt;</span>
+    
+<span class="MXMLComponent_Tag">&lt;/s:WindowedApplication&gt;</span></pre></body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR20/DownloadSecurityDialog/srcview/source/skins/TDFPanelSkin.mxml.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR20/DownloadSecurityDialog/srcview/source/skins/TDFPanelSkin.mxml.html b/TourDeFlex/TourDeFlex/src/objects/AIR20/DownloadSecurityDialog/srcview/source/skins/TDFPanelSkin.mxml.html
new file mode 100644
index 0000000..df79d11
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR20/DownloadSecurityDialog/srcview/source/skins/TDFPanelSkin.mxml.html
@@ -0,0 +1,147 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+<head>
+  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+  <meta http-equiv="Content-Style-Type" content="text/css">
+  <title>TDFPanelSkin.mxml</title>
+  <meta name="Generator" content="Cocoa HTML Writer">
+  <meta name="CocoaVersion" content="1187.4">
+  <style type="text/css">
+    p.p1 {margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Courier}
+    p.p2 {margin: 0.0px 0.0px 0.0px 0.0px; font: 11.0px Monaco; color: #941100}
+    p.p3 {margin: 0.0px 0.0px 0.0px 0.0px; font: 11.0px Monaco; min-height: 15.0px}
+    p.p4 {margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Courier; min-height: 14.0px}
+  </style>
+</head>
+<body>
+<p class="p1">&lt;?xml version="1.0" encoding="utf-8"?&gt;</p>
+<p class="p2">&lt;!--</p>
+<p class="p3"><br></p>
+<p class="p2">Licensed to the Apache Software Foundation (ASF) under one or more</p>
+<p class="p2">contributor license agreements.<span class="Apple-converted-space">  </span>See the NOTICE file distributed with</p>
+<p class="p2">this work for additional information regarding copyright ownership.</p>
+<p class="p2">The ASF licenses this file to You under the Apache License, Version 2.0</p>
+<p class="p2">(the "License"); you may not use this file except in compliance with</p>
+<p class="p2">the License.<span class="Apple-converted-space">  </span>You may obtain a copy of the License at</p>
+<p class="p3"><br></p>
+<p class="p2">http://www.apache.org/licenses/LICENSE-2.0</p>
+<p class="p3"><br></p>
+<p class="p2">Unless required by applicable law or agreed to in writing, software</p>
+<p class="p2">distributed under the License is distributed on an "AS IS" BASIS,</p>
+<p class="p2">WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.</p>
+<p class="p2">See the License for the specific language governing permissions and</p>
+<p class="p2">limitations under the License.</p>
+<p class="p3"><br></p>
+<p class="p2">--&gt;</p>
+<p class="p4"><br></p>
+<p class="p1">&lt;s:Skin xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark"<span class="Apple-converted-space"> </span></p>
+<p class="p1"><span class="Apple-converted-space">        </span>alpha.disabled="0.5" minWidth="131" minHeight="127"&gt;</p>
+<p class="p4"><span class="Apple-converted-space">    </span></p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;fx:Metadata&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>[HostComponent("spark.components.Panel")]</p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;/fx:Metadata&gt;<span class="Apple-converted-space"> </span></p>
+<p class="p4"><span class="Apple-converted-space">    </span></p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;s:states&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:State name="normal" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:State name="disabled" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:State name="normalWithControlBar" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:State name="disabledWithControlBar" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;/s:states&gt;</p>
+<p class="p4"><span class="Apple-converted-space">    </span></p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;!-- drop shadow --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;s:Rect left="0" top="0" right="0" bottom="0"&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:filters&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:DropShadowFilter blurX="15" blurY="15" alpha="0.18" distance="11" angle="90" knockout="true" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;/s:filters&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:SolidColor color="0" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;/s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;/s:Rect&gt;</p>
+<p class="p4"><span class="Apple-converted-space">    </span></p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;!-- layer 1: border --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;s:Rect left="0" right="0" top="0" bottom="0"&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:stroke&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:SolidColorStroke color="0" alpha="0.50" weight="1" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;/s:stroke&gt;</p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;/s:Rect&gt;</p>
+<p class="p4"><span class="Apple-converted-space">    </span></p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;!-- layer 2: background fill --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;s:Rect left="0" right="0" bottom="0" height="15"&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:LinearGradient rotation="90"&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;s:GradientEntry color="0xE2E2E2" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;s:GradientEntry color="0x000000" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;/s:LinearGradient&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;/s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;/s:Rect&gt;</p>
+<p class="p4"><span class="Apple-converted-space">    </span></p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;!-- layer 3: contents --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;s:Group left="1" right="1" top="1" bottom="1" &gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:layout&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:VerticalLayout gap="0" horizontalAlign="justify" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;/s:layout&gt;</p>
+<p class="p4"><span class="Apple-converted-space">        </span></p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:Group id="topGroup" &gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;!-- layer 0: title bar fill --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;!-- Note: We have custom skinned the title bar to be solid black for Tour de Flex --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:Rect id="tbFill" left="0" right="0" top="0" bottom="1" &gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                    </span>&lt;s:SolidColor color="0x000000" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;/s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;/s:Rect&gt;</p>
+<p class="p4"><span class="Apple-converted-space">            </span></p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;!-- layer 1: title bar highlight --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:Rect id="tbHilite" left="0" right="0" top="0" bottom="0" &gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;s:stroke&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                    </span>&lt;s:LinearGradientStroke rotation="90" weight="1"&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                        </span>&lt;s:GradientEntry color="0xEAEAEA" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                        </span>&lt;s:GradientEntry color="0xD9D9D9" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                    </span>&lt;/s:LinearGradientStroke&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;/s:stroke&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;/s:Rect&gt;</p>
+<p class="p4"><span class="Apple-converted-space">            </span></p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;!-- layer 2: title bar divider --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:Rect id="tbDiv" left="0" right="0" height="1" bottom="0"&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                    </span>&lt;s:SolidColor color="0xC0C0C0" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;/s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;/s:Rect&gt;</p>
+<p class="p4"><span class="Apple-converted-space">            </span></p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;!-- layer 3: text --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:Label id="titleDisplay" maxDisplayedLines="1"</p>
+<p class="p1"><span class="Apple-converted-space">                     </span>left="9" right="3" top="1" minHeight="30"</p>
+<p class="p1"><span class="Apple-converted-space">                     </span>verticalAlign="middle" fontWeight="bold" color="#E2E2E2"&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;/s:Label&gt;</p>
+<p class="p4"><span class="Apple-converted-space">            </span></p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;/s:Group&gt;</p>
+<p class="p4"><span class="Apple-converted-space">        </span></p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:Group id="contentGroup" width="100%" height="100%" minWidth="0" minHeight="0"&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;/s:Group&gt;</p>
+<p class="p4"><span class="Apple-converted-space">        </span></p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:Group id="bottomGroup" minWidth="0" minHeight="0"</p>
+<p class="p1"><span class="Apple-converted-space">                 </span>includeIn="normalWithControlBar, disabledWithControlBar" &gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;!-- layer 0: control bar background --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:Rect left="0" right="0" bottom="0" top="1" &gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                    </span>&lt;s:SolidColor color="0xE2EdF7" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;/s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;/s:Rect&gt;</p>
+<p class="p4"><span class="Apple-converted-space">            </span></p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;!-- layer 1: control bar divider line --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:Rect left="0" right="0" top="0" height="1" &gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                    </span>&lt;s:SolidColor color="0xD1E0F2" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;/s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;/s:Rect&gt;</p>
+<p class="p4"><span class="Apple-converted-space">            </span></p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;!-- layer 2: control bar --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:Group id="controlBarGroup" left="0" right="0" top="1" bottom="1" minWidth="0" minHeight="0"&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;s:layout&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                    </span>&lt;s:HorizontalLayout paddingLeft="10" paddingRight="10" paddingTop="7" paddingBottom="7" gap="10" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;/s:layout&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;/s:Group&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;/s:Group&gt;</p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;/s:Group&gt;</p>
+<p class="p1">&lt;/s:Skin&gt;</p>
+</body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR20/DownloadSecurityDialog/srcview/source/up.png
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR20/DownloadSecurityDialog/srcview/source/up.png b/TourDeFlex/TourDeFlex/src/objects/AIR20/DownloadSecurityDialog/srcview/source/up.png
new file mode 100644
index 0000000..4bf79b0
Binary files /dev/null and b/TourDeFlex/TourDeFlex/src/objects/AIR20/DownloadSecurityDialog/srcview/source/up.png differ

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR20/DownloadSecurityDialog/srcview/source/up.png.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR20/DownloadSecurityDialog/srcview/source/up.png.html b/TourDeFlex/TourDeFlex/src/objects/AIR20/DownloadSecurityDialog/srcview/source/up.png.html
new file mode 100644
index 0000000..bc5ccd9
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR20/DownloadSecurityDialog/srcview/source/up.png.html
@@ -0,0 +1,28 @@
+<!--
+  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.
+-->
+<!-- saved from url=(0014)about:internet -->
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"/>
+<title>up.png</title>
+</head>
+
+<body>
+<img src="up.png" border="0"/>
+</body>
+</html>


[48/51] [partial] Merged TourDeFlex release from develop

Posted by jm...@apache.org.
http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/data/objects-desktop-cn.xml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/data/objects-desktop-cn.xml b/TourDeFlex/TourDeFlex/src/data/objects-desktop-cn.xml
new file mode 100644
index 0000000..e5746f0
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/data/objects-desktop-cn.xml
@@ -0,0 +1,5816 @@
+<!--
+
+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.
+
+-->
+<Objects version="2010-03-22.2" searchTags="uicontrol,input,container,effect,transition,date,number,string,navigator,formatter,validator,chart,visualization,map,data,blazeds,lcds,api,cloud,air,technique" searchTagsTotals="49,6,21,32,2,6,5,18,7,7,11,23,21,13,33,16,16,15,15,22,25" featuredSamples="14110,14120,14130,14140,14150">
+	<Category name="Introduction to Flex">
+		<Object id="90000" name="What's Flex" author="Adobe Systems, Inc." dateAdded="2010-03-22" iconPath="http://www.adobe.com/devnet/flex/tourdeflex/sample/samples/HOWTO/flexicon.png" tags="gumbo,flex4,flex 4" viewCount="0" description="What's Flex - from Flex.org">
+			<Illustrations>
+				<Illustration name="What's Flex" path="http://tourdeflex.adobe.com/introduction/whatsflex.html" openLinksExternal="true" autoExpand="true">
+				</Illustration>
+			</Illustrations>
+		</Object>
+		<Object id="90005" name="What's Possible" author="Adobe Systems, Inc." dateAdded="2010-03-22" iconPath="http://www.adobe.com/devnet/flex/tourdeflex/sample/samples/HOWTO/flexicon.png" tags="gumbo,flex4,flex 4" viewCount="0" description="What's Flex - from Flex.org">
+			<Illustrations>
+				<Illustration name="What's Possible (showcase)" path="http://tourdeflex.adobe.com/introduction/whatspossible.html" openLinksExternal="true" autoExpand="true">
+				</Illustration>
+			</Illustrations>
+		</Object>
+		<Object id="90010" name="Get Started" author="Adobe Systems, Inc." dateAdded="2010-03-22" iconPath="http://www.adobe.com/devnet/flex/tourdeflex/sample/samples/HOWTO/flexicon.png" tags="gumbo,flex4,flex 4" viewCount="0" description="What's Flex - from Flex.org">
+			<Illustrations>
+				<Illustration name="Get Started" path="http://tourdeflex.adobe.com/introduction/getstarted.html" openLinksExternal="true" autoExpand="true">
+				</Illustration>
+			</Illustrations>
+		</Object>
+		<Object id="90015" name="Flex Resources" author="Adobe Systems, Inc." dateAdded="2010-03-22" iconPath="http://www.adobe.com/devnet/flex/tourdeflex/sample/samples/HOWTO/flexicon.png" tags="gumbo,flex4,flex 4" viewCount="0" description="What's Flex - from Flex.org">
+			<Illustrations>
+				<Illustration name="Flex Resources" path="http://tourdeflex.adobe.com/introduction/resources.html" openLinksExternal="true" autoExpand="true">
+				</Illustration>
+			</Illustrations>
+		</Object>
+	</Category>
+	<Category name="Flex 4">
+		<Object id="700001" name="Read Me" iconPath="http://tourdeflex.adobe.com/samples/common/adobe.png" author="Holly Schinsky" tags="readme">
+			<Illustrations>
+				<Illustration name="Read Me" path="http://tourdeflex.adobe.com/flex4samples/flex4-readme-new.html" autoExpand="true" openLinksExternal="true"/>
+			</Illustrations>
+		</Object>
+		<Category name="Components">
+			<Category name="Controls">
+				<Object id="70030" name="AdvancedDataGrid" author="Adobe Systems, Inc." dateAdded="2010-03-22" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/AdvancedDataGrid.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - AdvancedDataGrid">
+					<Illustrations>
+						<Illustration name="AdvancedDataGrid" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-AdvancedDataGrid/sample1.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-AdvancedDataGrid/srcview/source/sample1.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-AdvancedDataGrid/srcview/source/TDFGradientBackgroundSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=mx/controls&amp;topic=AdvancedDataGrid" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="30600" name="Button" author="Holly Schinsky" dateAdded="2009-09-01" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/Button.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - Button">
+					<Illustrations>
+						<Illustration name="Button" path="http://tourdeflex.adobe.com/flex4samples/UIControls/Buttons/Button/sample.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4samples/UIControls/Buttons/Button/srcview/source/sample.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4samples/UIControls/Buttons/Button/srcview/source/skins/TDFPanelSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/components&amp;topic=Button" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="30700" name="ButtonBar" author="Holly Schinsky" dateAdded="2009-09-01" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/ButtonBar.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - ButtonBar">
+					<Illustrations>
+						<Illustration name="ButtonBar" path="http://tourdeflex.adobe.com/flex4samples/UIControls/Buttons/ButtonBar/sample.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4samples/UIControls/Buttons/ButtonBar/srcview/source/sample.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4samples/UIControls/Buttons/ButtonBar/srcview/source/skins/TDFPanelSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/components&amp;topic=ButtonBar" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="30300" name="CheckBox" author="Holly Schinsky/Adobe" dateAdded="2009-09-01" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/CheckBox.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - CheckBox">
+					<Illustrations>
+						<Illustration name="CheckBox" path="http://tourdeflex.adobe.com/flex4samples/UIControls/DataEntryControls/CheckBox/sample.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4samples/UIControls/DataEntryControls/CheckBox/srcview/source/sample.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4samples/UIControls/DataEntryControls/CheckBox/srcview/source/skins/TDFPanelSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/components&amp;topic=CheckBox" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="70260" name="ColorPicker" author="Adobe Systems, Inc." dateAdded="2010-03-22" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/ColorPicker.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - ColorPicker">
+					<Illustrations>
+						<Illustration name="ColorPicker" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-ColorPicker/sample1.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-ColorPicker/srcview/source/sample1.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-ColorPicker/srcview/source/TDFGradientBackgroundSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=mx/controls&amp;topic=ColorPicker" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="30305" name="ComboBox" author="Holly Schinsky/Adobe" dateAdded="2010-03-22" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/ComboBox.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - ComboBox">
+					<Illustrations>
+						<Illustration name="ComboBox" path="http://tourdeflex.adobe.com/flex4.0/ComboBox/sample.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/ComboBox/srcview/source/sample.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/ComboBox/srcview/source/skins/TDFPanelSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/components&amp;topic=ComboBox" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="70040" name="DataGrid" author="Adobe Systems, Inc." dateAdded="2010-03-22" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/DataGrid.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - DataGrid">
+					<Illustrations>
+						<Illustration name="DataGrid" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-DataGrid/sample1.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-DataGrid/srcview/source/sample1.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-DataGrid/srcview/source/TDFGradientBackgroundSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=mx/controls&amp;topic=DataGrid" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="70050" name="DateChooser" author="Adobe Systems, Inc." dateAdded="2010-03-22" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/DateChooser.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - DateChooser">
+					<Illustrations>
+						<Illustration name="DateChooser" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-DateChooser/sample1.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-DateChooser/srcview/source/sample1.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-DateChooser/srcview/source/TDFGradientBackgroundSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=mx/controls&amp;topic=DateChooser" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="70060" name="DateField" author="Adobe Systems, Inc." dateAdded="2010-03-22" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/DateField.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - DateField">
+					<Illustrations>
+						<Illustration name="DateField" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-DateField/sample1.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-DateField/srcview/source/sample1.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-DateField/srcview/source/TDFGradientBackgroundSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=mx/controls&amp;topic=DateField" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="30400" name="DropDownList" author="Holly Schinsky/Adobe" dateAdded="2009-09-01" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/DropDownList.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - DropDownList">
+					<Illustrations>
+						<Illustration name="DropDownList" path="http://tourdeflex.adobe.com/flex4samples/UIControls/DataEntryControls/DropDownList/sample.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4samples/UIControls/DataEntryControls/DropDownList/srcview/source/sample.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4samples/UIControls/DataEntryControls/DropDownList/srcview/source/skins/TDFPanelSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/component&amp;topic=DropDownList" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="70090" name="Image" author="Adobe Systems, Inc." dateAdded="2010-03-22" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/Image.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - Image">
+					<Illustrations>
+						<Illustration name="Image" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-Image/sample1.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-Image/srcview/source/sample1.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-Image/srcview/source/TDFGradientBackgroundSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=mx/controls&amp;topic=Image" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="70100" name="LinkButton" author="Adobe Systems, Inc." dateAdded="2010-03-22" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/LinkButton.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - LinkButton">
+					<Illustrations>
+						<Illustration name="LinkButton" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-LinkButton/sample1.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-LinkButton/srcview/source/sample1.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-LinkButton/srcview/source/TDFGradientBackgroundSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=mx/controls&amp;topic=LinkButton" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="30800" name="List" author="Holly Schinsky" dateAdded="2009-09-01" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/List.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - List">
+					<Illustrations>
+						<Illustration name="List" path="http://tourdeflex.adobe.com/flex4samples/UIControls/TreeListAndGridControls/List/sample.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4samples/UIControls/TreeListAndGridControls/List/srcview/source/sample.mxml.html"/>
+								<Document name="Flex Project" path="http://tourdeflex.adobe.com/flex4samples/UIControls/TreeListAndGridControls/List/srcview/index.html" openLinksExternal="true"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=mx/controls&amp;topic=List" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="30805" name="Menu" author="Holly Schinsky/Adobe" dateAdded="2010-03-22" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/Menu.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - Menu">
+					<Illustrations>
+						<Illustration name="Menu" path="http://tourdeflex.adobe.com/flex4.0/Menu/sample.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/Menu/srcview/source/sample.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/Menu/srcview/source/skins/TDFPanelSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=mx/controls&amp;topic=Menu" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="30200" name="NumericStepper" author="Holly Schinsky" dateAdded="2009-09-01" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/NumericStepper.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - NumericStepper">
+					<Illustrations>
+						<Illustration name="NumericStepper" path="http://tourdeflex.adobe.com/flex4samples/UIControls/DataEntryControls/NumericStepper/sample.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4samples/UIControls/DataEntryControls/NumericStepper/srcview/source/sample.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4samples/UIControls/DataEntryControls/NumericStepper/srcview/source/skins/TDFPanelSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/components&amp;topic=NumericStepper" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="70110" name="OLAPDataGrid" author="Adobe Systems, Inc." dateAdded="2010-03-22" iconPath="http://www.adobe.com/devnet/flex/tourdeflex/sample/samples/OLAPDataGrid/OLAPDataGrid.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - OLAPDataGrid">
+					<Illustrations>
+						<Illustration name="OLAPDataGrid" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-OLAPDataGrid/sample1.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-OLAPDataGrid/srcview/source/sample1.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-OLAPDataGrid/srcview/source/TDFGradientBackgroundSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=mx/controls&amp;topic=OLAPDataGrid" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="30720" name="PopUpAnchor" author="Holly Schinsky" dateAdded="2009-09-21" downloadPath="http://tourdeflex.adobe.com/flex4samples/UIControls/Buttons/PopUpAnchor/srcview/Sample-Flex4-PopUpAnchor.zip" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/Button.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - Popup Anchor">
+					<Illustrations>
+						<Illustration name="PopUpAnchor" path="http://tourdeflex.adobe.com/flex4samples/UIControls/Buttons/PopUpAnchor/sample.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4samples/UIControls/Buttons/PopUpAnchor/srcview/source/sample.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4samples/UIControls/Buttons/PopUpAnchor/srcview/source/skins/TDFPanelSkin.mxml.html"/>
+								<Document name="CloseButtonSkin.mxml" path="http://tourdeflex.adobe.com/flex4samples/UIControls/Buttons/PopUpAnchor/srcview/source/skins/CloseButtonSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/components&amp;topic=PopUpAnchor" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+						<Illustration name="PopUpAnchor2" path="http://tourdeflex.adobe.com/flex4samples/UIControls/Buttons/PopUpAnchor/sample2.html">
+							<Documents>
+								<Document name="sample2.mxml" path="http://tourdeflex.adobe.com/flex4samples/UIControls/Buttons/PopUpAnchor/srcview/source/sample2.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4samples/UIControls/Buttons/PopUpAnchor/srcview/source/skins/TDFPanelSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/components&amp;topic=PopUpAnchor" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="70120" name="PopUpButton" author="Adobe Systems, Inc." dateAdded="2010-03-22" iconPath="http://www.adobe.com/devnet/flex/tourdeflex/sample/samples/PopUpButton/PopUpButton.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - PopUpButton">
+					<Illustrations>
+						<Illustration name="PopUpButton" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-PopUpButton/sample1.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-PopUpButton/srcview/source/sample1.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-PopUpButton/srcview/source/TDFGradientBackgroundSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=mx/controls&amp;topic=PopUpButton" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="70130" name="ProgressBar" author="Adobe Systems, Inc." dateAdded="2010-03-22" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/ProgressBar.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - ProgressBar">
+					<Illustrations>
+						<Illustration name="ProgressBar" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-ProgressBar/sample1.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-ProgressBar/srcview/source/sample1.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-ProgressBar/srcview/source/TDFGradientBackgroundSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/components&amp;topic=ProgressBar" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="30100" name="RadioButton" author="Holly Schinsky" dateAdded="2009-09-01" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/RadioButton.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - RadioButton">
+					<Illustrations>
+						<Illustration name="RadioButton" path="http://tourdeflex.adobe.com/flex4samples/UIControls/DataEntryControls/RadioButton/sample.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4samples/UIControls/DataEntryControls/RadioButton/srcview/source/sample.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4samples/UIControls/DataEntryControls/RadioButton/srcview/source/skins/TDFPanelSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/components&amp;topic=RadioButton" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="30105" name="RichEditableText" author="Holly Schinsky/Adobe" dateAdded="2010-03-22" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/RichEditableText.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - RichEditableText">
+					<Illustrations>
+						<Illustration name="RichEditableText" path="http://tourdeflex.adobe.com/flex4.0/RichEditableText/sample.swf">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/RichEditableText/srcview/source/sample.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/RichEditableText/srcview/source/skins/TDFPanelSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/components&amp;topic=RichEditableText" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="30107" name="RichText" author="Holly Schinsky/Adobe" dateAdded="2010-03-22" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/RichText.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - RichText">
+					<Illustrations>
+						<Illustration name="RichText" path="http://tourdeflex.adobe.com/flex4.0/FXG/RichText/sample.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/FXG/RichText/srcview/source/sample.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/FXG/RichText/srcview/source/skins/TDFPanelSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/components&amp;topic=RichText" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="30910" name="ScrollBar (2)" author="Holly Schinsky" dateAdded="2009-09-21" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/Scroller.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - ScrollBar">
+					<Illustrations>
+						<Illustration name="ScrollBar" path="http://tourdeflex.adobe.com/flex4samples/UIControls/OtherControls/ScrollBar/sample.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4samples/UIControls/OtherControls/ScrollBar/srcview/source/sample.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4samples/UIControls/OtherControls/ScrollBar/srcview/source/skins/TDFPanelSkin.mxml.html"/>
+								<Document name="HScrollBar Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/components&amp;topic=VScrollBar" openLinksExternal="true"/>
+								<Document name="VScrollBar Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/components&amp;topic=HScrollBar" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+						<Illustration name="HScrollBar/VScrollBar" path="http://tourdeflex.adobe.com/flex4.0/ScrollBars/sample.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/ScrollBars/srcview/source/sample.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/ScrollBars/srcview/source/skins/TDFPanelSkin.mxml.html"/>
+								<Document name="HScrollBar Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/components&amp;topic=VScrollBar" openLinksExternal="true"/>
+								<Document name="VScrollBar Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/components&amp;topic=HScrollBar" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="31000" name="Scroller (2)" author="Peter DeHaan/Holly Schinsky" dateAdded="2009-09-01" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/Scroller.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - Scroller">
+					<Illustrations>
+						<Illustration name="Scroller Viewport" path="http://tourdeflex.adobe.com/flex4samples/UIControls/OtherControls/Scroller/sample1.html">
+							<Documents>
+								<Document name="sample1.mxml" path="http://tourdeflex.adobe.com/flex4samples/UIControls/OtherControls/Scroller/srcview/source/sample1.mxml.html"/>
+								<Document name="MyPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4samples/UIControls/OtherControls/Scroller/srcview/source/skins/MyPanelSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/components&amp;topic=Scroller" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+						<Illustration name="Scroller Child Tabbing" path="http://tourdeflex.adobe.com/flex4samples/UIControls/OtherControls/Scroller/sample2.html">
+							<Documents>
+								<Document name="sample2.mxml" path="http://tourdeflex.adobe.com/flex4samples/UIControls/OtherControls/Scroller/srcview/source/sample2.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4samples/UIControls/OtherControls/Scroller/srcview/source/skins/TDFPanelSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/components&amp;topic=Scroller" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="30915" name="Slider" author="Holly Schinsky" dateAdded="2009-09-21" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/VSlider.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - Slider">
+					<Illustrations>
+						<Illustration name="Slider" path="http://tourdeflex.adobe.com/flex4samples/UIControls/OtherControls/Slider/sample.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4samples/UIControls/OtherControls/Slider/srcview/source/sample.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4samples/UIControls/OtherControls/Slider/srcview/source/skins/TDFPanelSkin.mxml.html"/>
+								<Document name="VSlider Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/components&amp;topic=VSlider" openLinksExternal="true"/>
+								<Document name="HSlider Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/components&amp;topic=HSlider" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="30925" name="Spinner" author="Holly Schinsky" dateAdded="2009-10-20" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/Spinner.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - Spinner">
+					<Illustrations>
+						<Illustration name="Spinner" path="http://tourdeflex.adobe.com/flex4samples/UIControls/OtherControls/Spinner/sample.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4samples/UIControls/OtherControls/Spinner/srcview/source/sample.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4samples/UIControls/OtherControls/Spinner/srcview/source/skins/TDFPanelSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/components&amp;topic=Spinner" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="70140" name="SWFLoader" author="Adobe Systems, Inc." dateAdded="2010-03-22" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/SWFLoader.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - SWFLoader">
+					<Illustrations>
+						<Illustration name="SWFLoader" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-SWFLoader/sample1.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-SWFLoader/srcview/source/sample1.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-SWFLoader/srcview/source/TDFGradientBackgroundSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=mx/controls&amp;topic=SWFLoader" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="30926" name="TabBar" author="Holly Schinsky" dateAdded="2010-03-22" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/TabBar.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - TabBar">
+					<Illustrations>
+						<Illustration name="TabBar" path="http://tourdeflex.adobe.com/flex4samples/GroupsAndContainers/TabbedNavigator/sample1.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4samples/GroupsAndContainers/TabbedNavigator/srcview/source/sample1.mxml.html"/>
+								<Document name="Flex Project" path="http://tourdeflex.adobe.com/flex4samples/GroupsAndContainers/TabbedNavigator/srcview/index.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/components&amp;topic=TabBar" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="30928" name="TextArea" author="Holly Schinsky" dateAdded="2010-03-22" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/TextArea.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - TextArea">
+					<Illustrations>
+						<Illustration name="TextArea" path="http://tourdeflex.adobe.com/flex4.0/TextArea/sample.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/TextArea/srcview/source/sample.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/TextArea/srcview/source/skins/TDFPanelSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/components&amp;topic=TextArea" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="30930" name="TextInput" author="Holly Schinsky" dateAdded="2010-03-22" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/TextInput.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - TextInput">
+					<Illustrations>
+						<Illustration name="TextInput" path="http://tourdeflex.adobe.com/flex4.0/TextInput/sample.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/TextInput/srcview/source/sample.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/TextInput/srcview/source/skins/TDFPanelSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/components&amp;topic=TextInput" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="30500" name="ToggleButton" author="Holly Schinsky" dateAdded="2009-09-01" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/ToggleButton.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - ToggleButton">
+					<Illustrations>
+						<Illustration name="ToggleButton" path="http://tourdeflex.adobe.com/flex4samples/UIControls/Buttons/ToggleButton/sample.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4samples/UIControls/Buttons/ToggleButton/srcview/source/sample.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4samples/UIControls/Buttons/ToggleButton/srcview/source/skins/TDFPanelSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/components&amp;topic=ToggleButton" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="70150" name="Tree" author="Adobe Systems, Inc." dateAdded="2010-03-22" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/Tree.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - Tree">
+					<Illustrations>
+						<Illustration name="Tree" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-Tree/sample1.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-Tree/srcview/source/sample1.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-Tree/srcview/source/TDFGradientBackgroundSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=mx/controls&amp;topic=ToggleButton" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="70160" name="VideoDisplay" author="Adobe Systems, Inc." dateAdded="2010-03-22" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/VideoDisplay.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - VideoDisplay">
+					<Illustrations>
+						<Illustration name="VideoDisplay" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-VideoDisplay/sample1.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-VideoDisplay/srcview/source/sample1.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-VideoDisplay/srcview/source/TDFGradientBackgroundSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/components&amp;topic=VideoDisplay" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="30900" name="VideoPlayer" author="Holly Schinsky" dateAdded="2009-09-01" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/VideoPlayer.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - VideoPlayer">
+					<Illustrations>
+						<Illustration name="VideoPlayer" path="http://tourdeflex.adobe.com/flex4samples/UIControls/OtherControls/VideoPlayer/sample1.html">
+							<Documents>
+								<Document name="sample1.mxml" path="http://tourdeflex.adobe.com/flex4samples/UIControls/OtherControls/VideoPlayer/srcview/source/sample1.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4samples/UIControls/OtherControls/VideoPlayer/srcview/source/skins/TDFPanelSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/components&amp;topic=VideoPlayer" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+			</Category>
+			<Category name="Layout">
+				<Object id="31099" name="Read Me" iconPath="http://tourdeflex.adobe.com/samples/common/adobe.png" author="Holly Schinsky" tags="readme">
+					<Illustrations>
+						<Illustration name="Read Me" path="http://tourdeflex.adobe.com/flex4samples/GroupsAndContainers/groups-containers-readme.html" autoExpand="true" openLinksExternal="true"/>
+					</Illustrations>
+				</Object>
+				<Object id="31100" name="BorderContainer" author="Holly Schinsky" dateAdded="2009-09-10" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/BorderContainer.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - BorderContainer">
+					<Illustrations>
+						<Illustration name="BorderContainer" path="http://tourdeflex.adobe.com/flex4samples/GroupsAndContainers/Border/sample.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4samples/GroupsAndContainers/Border/srcview/source/sample.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4samples/GroupsAndContainers/Border/srcview/source/skins/TDFPanelSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/components&amp;topic=BorderContainer" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="31105" name="DataGroup" author="Holly Schinsky" dateAdded="2010-03-22" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/DataGroup.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - DataGroup">
+					<Illustrations>
+						<Illustration name="DataGroup" path="http://tourdeflex.adobe.com/flex4.0/DataGroup/sample.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/DataGroup/srcview/source/sample.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/DataGroup/srcview/source/skins/TDFPanelSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/components&amp;topic=DataGroup" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="70000" name="Form" author="Adobe Systems, Inc." dateAdded="2010-03-22" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/Form.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - Form">
+					<Illustrations>
+						<Illustration name="Form" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-Form/sample1.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-Form/srcview/source/sample1.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-Form/srcview/source/TDFGradientBackgroundSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=mx/containers&amp;topic=Form" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="31110" name="HGroup/VGroup (3)" author="Holly Schinsky/Evtim Georgiev" dateAdded="2010-03-22" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/HGroup.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - HGroup/VGroup">
+					<Illustrations>
+						<Illustration name="HGroup" path="http://tourdeflex.adobe.com/flex4.0/Group-HGroup-VGroup/SampleHGroup.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/Group-HGroup-VGroup/srcview/source/SampleHGroup.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/Group-HGroup-VGroup/srcview/source/skins/TDFPanelSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/components&amp;topic=HGroup" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+						<Illustration name="VGroup" path="http://tourdeflex.adobe.com/flex4.0/Group-HGroup-VGroup/SampleVGroup.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/Group-HGroup-VGroup/srcview/source/SampleVGroup.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/Group-HGroup-VGroup/srcview/source/skins/TDFPanelSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/components&amp;topic=VGroup" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+						<Illustration name="Group Axis Alignment" path="http://tourdeflex.adobe.com/flex4.0/Groups-verticalAlign-horizontalAlign-forLayout/sample.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/Groups-verticalAlign-horizontalAlign-forLayout/srcview/source/sample.mxml.html"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="31150" name="Panel" author="Holly Schinsky" dateAdded="2009-09-10" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/Panel.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - Panel">
+					<Illustrations>
+						<Illustration name="Panel" path="http://tourdeflex.adobe.com/flex4samples/GroupsAndContainers/Panel/sample.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4samples/GroupsAndContainers/Panel/srcview/source/sample.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4samples/GroupsAndContainers/Panel/srcview/source/skins/TDFPanelSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/components&amp;topic=Panel" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="31720" name="SkinnableContainer" author="Holly Schinsky" dateAdded="2009-11-16" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/SkinnableContainer.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - SkinnableContainer">
+					<Illustrations>
+						<Illustration name="SkinnableContainer" path="http://tourdeflex.adobe.com/flex4samples/Skinning/SkinningContainer/sample.html">
+							<Documents>
+								<Document name="Flex Project" path="http://tourdeflex.adobe.com/flex4samples/Skinning/SkinningContainer/srcview/index.html" openLinksExternal="true"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/components&amp;topic=SkinnableContainer" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="31725" name="SkinnableDataContainer" author="Holly Schinsky" dateAdded="2010-03-22" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/SkinnableDataContainer.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - SkinnableContainer">
+					<Illustrations>
+						<Illustration name="SkinnableDataContainer" path="http://tourdeflex.adobe.com/flex4.0/SkinnableDataContainer/sample.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/SkinnableDataContainer/srcview/source/sample.mxml.html" openLinksExternal="true"/>
+								<Document name="TDFPanelSkin" path="http://tourdeflex.adobe.com/flex4.0/SkinnableDataContainer/srcview/source/skins/TDFPanelSkin.mxml.html" openLinksExternal="true"/>
+								<Document name="Flex Project" path="http://tourdeflex.adobe.com/flex4.0/SkinnableDataContainer/srcview/" openLinksExternal="true"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/components&amp;topic=SkinnableDataContainer" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="31160" name="Tabbed Navigation (2)" author="Holly Schinsky" dateAdded="2009-11-16" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/TabNavigator.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - Tabbed Navigation">
+					<Illustrations>
+						<Illustration name="Tabbed Navigation" path="http://tourdeflex.adobe.com/flex4samples/GroupsAndContainers/TabbedNavigator/sample1.html">
+							<Documents>
+								<Document name="Flex Project" path="http://tourdeflex.adobe.com/flex4samples/GroupsAndContainers/TabbedNavigator/srcview/index.html" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+						<Illustration name="Custom Tabs" path="http://tourdeflex.adobe.com/flex4samples/GroupsAndContainers/TabbedNavigator/sample2.html">
+							<Documents>
+								<Document name="Flex Project" path="http://tourdeflex.adobe.com/flex4samples/GroupsAndContainers/TabbedNavigator/srcview/index.html" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="31165" name="TileGroup" author="Holly Schinsky" dateAdded="2010-03-22" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/TileGroup.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - TileGroup">
+					<Illustrations>
+						<Illustration name="TileGroup" path="http://tourdeflex.adobe.com/flex4.0/TileGroup/TileGroupSample.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/TileGroup/srcview/source/TileGroupSample.mxml.html" openLinksExternal="true"/>
+								<Document name="TDFPanelSkin" path="http://tourdeflex.adobe.com/flex4.0/TileGroup/srcview/source/skins/TDFPanelSkin.mxml.html" openLinksExternal="true"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/components&amp;topic=TileGroup" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="70020" name="TitleWindow" author="Adobe Systems, Inc." dateAdded="2010-03-22" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/TitleWindow.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - TitleWindow">
+					<Illustrations>
+						<Illustration name="TitleWindow" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-TitleWindow/sample1.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-TitleWindow/srcview/source/sample1.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-TitleWindow/srcview/source/TDFGradientBackgroundSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/components&amp;topic=TitleWindow" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+			</Category>
+			<Category name="Navigators">
+				<Object id="70170" name="Accordion" author="Adobe Systems, Inc." dateAdded="2010-03-22" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/Accordion.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - Accordion">
+					<Illustrations>
+						<Illustration name="Accordion" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-Accordion/sample1.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-Accordion/srcview/source/sample1.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-Accordion/srcview/source/TDFGradientBackgroundSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=mx/containers&amp;topic=Accordion" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="70180" name="LinkBar" author="Adobe Systems, Inc." dateAdded="2010-03-22" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/LinkBar.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - LinkBar">
+					<Illustrations>
+						<Illustration name="LinkBar" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-LinkBar/sample1.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-LinkBar/srcview/source/sample1.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-LinkBar/srcview/source/TDFGradientBackgroundSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=mx/containers&amp;topic=LinkBar" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="70190" name="TabNavigator" author="Adobe Systems, Inc." dateAdded="2010-03-22" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/TabNavigator.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - TabNavigator">
+					<Illustrations>
+						<Illustration name="TabNavigator" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-TabNavigator/sample1.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-TabNavigator/srcview/source/sample1.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-TabNavigator/srcview/source/TDFGradientBackgroundSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=mx/containers&amp;topic=TabNavigator" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="70200" name="ToggleButtonBar" author="Adobe Systems, Inc." dateAdded="2010-03-22" iconPath="http://www.adobe.com/devnet/flex/tourdeflex/sample/samples/ToggleButtonBar/ButtonBar.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - ToggleButtonBar">
+					<Illustrations>
+						<Illustration name="ToggleButtonBar" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-ToggleButtonBar/sample1.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-ToggleButtonBar/srcview/source/sample1.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-ToggleButtonBar/srcview/source/TDFGradientBackgroundSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=mx/controls&amp;topic=ToggleButtonBar" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="70210" name="ViewStack" author="Adobe Systems, Inc." dateAdded="2010-03-22" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/ViewStack.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - ViewStack">
+					<Illustrations>
+						<Illustration name="ViewStack" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-ViewStack/sample1.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-ViewStack/srcview/source/sample1.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-ViewStack/srcview/source/TDFGradientBackgroundSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=mx/containers&amp;topic=ViewStack" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+			</Category>
+			<Category name="Charts">
+				<Object id="70220" name="AreaChart" author="Adobe Systems, Inc." dateAdded="2010-03-22" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/AreaChart.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - AreaChart">
+					<Illustrations>
+						<Illustration name="AreaChart" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-AreaChart/sample1.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-AreaChart/srcview/source/sample1.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-AreaChart/srcview/source/TDFGradientBackgroundSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=mx/charts&amp;topic=AreaChart" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="70230" name="BarChart" author="Adobe Systems, Inc." dateAdded="2010-03-22" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/BarChart.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - BarChart">
+					<Illustrations>
+						<Illustration name="BarChart" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-BarChart/sample1.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-BarChart/srcview/source/sample1.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-BarChart/srcview/source/TDFGradientBackgroundSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=mx/charts&amp;topic=BarChart" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="70240" name="BubbleChart" author="Adobe Systems, Inc." dateAdded="2010-03-22" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/BubbleChart.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - BubbleChart">
+					<Illustrations>
+						<Illustration name="BubbleChart" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-BubbleChart/sample1.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-BubbleChart/srcview/source/sample1.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-BubbleChart/srcview/source/TDFGradientBackgroundSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=mx/charts&amp;topic=BubbleChart" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="70250" name="CandlestickChart" author="Adobe Systems, Inc." dateAdded="2010-03-22" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/CandlestickChart.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - CandlestickChart">
+					<Illustrations>
+						<Illustration name="CandlestickChart" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-CandlestickChart/sample1.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-CandlestickChart/srcview/source/sample1.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-CandlestickChart/srcview/source/TDFGradientBackgroundSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=mx/charts&amp;topic=CandlestickChart" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="70270" name="ColumnChart" author="Adobe Systems, Inc." dateAdded="2010-03-22" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/ColumnChart.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - ColumnChart">
+					<Illustrations>
+						<Illustration name="ColumnChart" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-ColumnChart/sample1.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-ColumnChart/srcview/source/sample1.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-ColumnChart/srcview/source/TDFGradientBackgroundSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=mx/charts&amp;topic=ColumnChart" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="70280" name="HLOCChart" author="Adobe Systems, Inc." dateAdded="2010-03-22" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/HLOCChart.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - HLOCChart">
+					<Illustrations>
+						<Illustration name="HLOCChart" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-HLOCChart/sample1.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-HLOCChart/srcview/source/sample1.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-HLOCChart/srcview/source/TDFGradientBackgroundSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=mx/charts&amp;topic=HLOCChart" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="70290" name="LineChart" author="Adobe Systems, Inc." dateAdded="2010-03-22" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/LineChart.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - LineChart">
+					<Illustrations>
+						<Illustration name="LineChart" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-LineChart/sample1.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-LineChart/srcview/source/sample1.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-LineChart/srcview/source/TDFGradientBackgroundSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=mx/charts&amp;topic=LineChart" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="70300" name="PieChart" author="Adobe Systems, Inc." dateAdded="2010-03-22" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/PieChart.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - PieChart">
+					<Illustrations>
+						<Illustration name="PieChart" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-PieChart/sample1.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-PieChart/srcview/source/sample1.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-PieChart/srcview/source/TDFGradientBackgroundSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=mx/charts&amp;topic=PieChart" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="70310" name="PlotChart" author="Adobe Systems, Inc." dateAdded="2010-03-22" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/PlotChart.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - PlotChart">
+					<Illustrations>
+						<Illustration name="PlotChart" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-PlotChart/sample1.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-PlotChart/srcview/source/sample1.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-PlotChart/srcview/source/TDFGradientBackgroundSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=mx/charts&amp;topic=PlotChart" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Category name="Charting Effects">
+					<Object id="70320" name="SeriesInterpolate" author="Adobe Systems, Inc." dateAdded="2010-03-22" iconPath="http://www.adobe.com/devnet/flex/tourdeflex/sample/samples/SeriesInterpolate/Effects.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - SeriesInterploate">
+						<Illustrations>
+							<Illustration name="SeriesInterpolate" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-SeriesInterploate/sample1.html">
+								<Documents>
+									<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-SeriesInterploate/srcview/source/sample1.mxml.html"/>
+									<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-SeriesInterploate/srcview/source/TDFGradientBackgroundSkin.mxml.html"/>
+									<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=mx/charts/effects&amp;topic=SeriesInterpolate" openLinksExternal="true"/>
+								</Documents>
+							</Illustration>
+						</Illustrations>
+					</Object>
+					<Object id="70330" name="SeriesSlide" author="Adobe Systems, Inc." dateAdded="2010-03-22" iconPath="http://www.adobe.com/devnet/flex/tourdeflex/sample/samples/SeriesSlide/Effects.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - SeriesSlide">
+						<Illustrations>
+							<Illustration name="SeriesSlide" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-SeriesSlide/sample1.html">
+								<Documents>
+									<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-SeriesSlide/srcview/source/sample1.mxml.html"/>
+									<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-SeriesSlide/srcview/source/TDFGradientBackgroundSkin.mxml.html"/>
+									<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=mx/charts/effects&amp;topic=SeriesSlide" openLinksExternal="true"/>
+								</Documents>
+							</Illustration>
+						</Illustrations>
+					</Object>
+					<Object id="70340" name="SeriesZoom" author="Adobe Systems, Inc." dateAdded="2010-03-22" iconPath="http://www.adobe.com/devnet/flex/tourdeflex/sample/samples/SeriesZoom/Effects.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - SeriesZoom">
+						<Illustrations>
+							<Illustration name="SeriesZoom" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-SeriesZoom/sample1.html">
+								<Documents>
+									<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-SeriesZoom/srcview/source/sample1.mxml.html"/>
+									<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-SeriesZoom/srcview/source/TDFGradientBackgroundSkin.mxml.html"/>
+									<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=mx/charts/effects&amp;topic=SeriesZoom" openLinksExternal="true"/>
+								</Documents>
+							</Illustration>
+						</Illustrations>
+					</Object>
+				</Category>
+			</Category>
+			<Category name="Graphics">
+				<Object id="31799" name="Read Me" iconPath="http://tourdeflex.adobe.com/samples/common/adobe.png" author="Holly Schinsky" tags="readme">
+					<Illustrations>
+						<Illustration name="Read Me" path="http://tourdeflex.adobe.com/flex4samples/Graphics/fxg-readme.html" autoExpand="true" openLinksExternal="true"/>
+					</Illustrations>
+				</Object>
+				<Object id="31805" name="BitmapImage" author="Holly Schinsky" dateAdded="2010-03-22" iconPath="http://www.adobe.com/devnet/flex/tourdeflex/sample/samples/HOWTO/flexicon.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - BitmapImage">
+					<Illustrations>
+						<Illustration name="BitmapImage" path="http://tourdeflex.adobe.com/flex4.0/FXG/BitmapImage/BitmapImageExample.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/FXG/BitmapImage/srcview/source/BitmapImageExample.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/FXG/BitmapImage/srcview/source/skins/TDFPanelSkin.mxml.html"/>
+								<Document name="Flex Project" path="http://tourdeflex.adobe.com/flex4.0/FXG/BitmapImage/srcview/index.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/primitives&amp;topic=BitmapImage" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="31800" name="DropShadow Graphic" author="Joan Lafferty" dateAdded="2009-09-04" iconPath="http://www.adobe.com/devnet/flex/tourdeflex/sample/samples/HOWTO/flexicon.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - DropShadowGraphic">
+					<Illustrations>
+						<Illustration name="DropShadow Graphic" path="http://tourdeflex.adobe.com/flex4samples/Graphics/DropShadowGraphic/DropShadowGraphicExample.html">
+							<Documents>
+								<Document name="DropShadowGraphicExample.mxml" path="http://tourdeflex.adobe.com/flex4samples/Graphics/DropShadowGraphic/srcview/source/DropShadowGraphicExample.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4samples/Graphics/DropShadowGraphic/srcview/source/skins/TDFPanelSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=flash/filters&amp;topic=DropShadowFilter" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="31885" name="Ellipse" author="Holly Schinsky" dateAdded="2010-03-22" iconPath="http://www.adobe.com/devnet/flex/tourdeflex/sample/samples/HOWTO/flexicon.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - Ellipse">
+					<Illustrations>
+						<Illustration name="Ellipse" path="http://tourdeflex.adobe.com/flex4.0/FXG/Ellipse/sample.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/FXG/Ellipse/srcview/source/sample.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/FXG/Ellipse/srcview/source/skins/TDFPanelSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/primitives&amp;topic=Ellipse" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="31900" name="Ellipse Transform" author="Joan Lafferty" dateAdded="2009-09-04" iconPath="http://www.adobe.com/devnet/flex/tourdeflex/sample/samples/HOWTO/flexicon.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - EllipseTransform">
+					<Illustrations>
+						<Illustration name="Ellipse Transform" path="http://tourdeflex.adobe.com/flex4samples/Graphics/EllipseTransform/EllipseTransformExample.html">
+							<Documents>
+								<Document name="EllipseTransformExample.mxml" path="http://tourdeflex.adobe.com/flex4samples/Graphics/EllipseTransform/srcview/source/EllipseTransformExample.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4samples/Graphics/EllipseTransform/srcview/source/skins/TDFPanelSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/primitives&amp;topic=Ellipse" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="31905" name="Line" author="Holly Schinsky" dateAdded="2010-03-22" iconPath="http://www.adobe.com/devnet/flex/tourdeflex/sample/samples/HOWTO/flexicon.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - Line">
+					<Illustrations>
+						<Illustration name="Line" path="http://tourdeflex.adobe.com/flex4.0/FXG/Line/sample.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/FXG/Line/srcview/source/sample.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/FXG/Line/srcview/source/skins/TDFPanelSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/primitives&amp;topic=Line" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="32000" name="Linear Gradient Spread" author="Joan Lafferty" dateAdded="2009-09-04" iconPath="http://www.adobe.com/devnet/flex/tourdeflex/sample/samples/HOWTO/flexicon.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - LinearGradientSpreadMethod">
+					<Illustrations>
+						<Illustration name="LinearGradient Spread" path="http://tourdeflex.adobe.com/flex4samples/Graphics/LinearGradientSpread/LinearGradientsSpreadMethodExample.html">
+							<Documents>
+								<Document name="LinearGradientSpreadMethodExample.mxml" path="http://tourdeflex.adobe.com/flex4samples/Graphics/LinearGradientSpread/srcview/source/LinearGradientsSpreadMethodExample.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4samples/Graphics/LinearGradientSpread/srcview/source/skins/TDFPanelSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=mx/graphics&amp;topic=LinearGradient" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="32100" name="Static FXG" author="Joan Lafferty" dateAdded="2009-09-04" iconPath="http://www.adobe.com/devnet/flex/tourdeflex/sample/samples/HOWTO/flexicon.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - Static FXG">
+					<Illustrations>
+						<Illustration name="Static FXG" path="http://tourdeflex.adobe.com/flex4samples/Graphics/StaticFXG/StaticFXG_Sample.html">
+							<Documents>
+								<Document name="StaticFXG_Sxample.mxml" path="http://tourdeflex.adobe.com/flex4samples/Graphics/StaticFXG/srcview/source/StaticFXG_Sample.mxml.html"/>
+								<Document name="OrangeCrayonStar.fxg" path="http://tourdeflex.adobe.com/flex4samples/Graphics/StaticFXG/srcview/source/OrangeCrayonStar.fxg"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4samples/Graphics/StaticFXG/srcview/source/skins/TDFPanelSkin.mxml.html"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+			</Category>
+			<Category name="Effects">
+				<Object id="31199" name="Read Me" iconPath="http://tourdeflex.adobe.com/samples/common/adobe.png" author="Holly Schinsky" tags="readme">
+					<Illustrations>
+						<Illustration name="Read Me" path="http://tourdeflex.adobe.com/flex4samples/Effects/effects-readme.html" autoExpand="true" openLinksExternal="true"/>
+					</Illustrations>
+				</Object>
+				<Object id="31202" name="AnimateProperties" author="David Flatley" dateAdded="2010-03-22" iconPath="http://www.adobe.com/devnet/flex/tourdeflex/sample/samples/SharedAssets/effectIcon.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - AnimateProperties">
+					<Illustrations>
+						<Illustration name="AnimateProperties" path="http://tourdeflex.adobe.com/flex4samples/Effects/AnimateProperties/Sample.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4samples/Effects/AnimateProperties/srcview/source/Sample.mxml.html"/>
+								<Document name="Flex Project" path="http://tourdeflex.adobe.com/flex4samples/Effects/AnimateProperties/srcview/index.html" openLinksExternal="true"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/effects&amp;topic=Animate" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="31205" name="AnimateTransitionShader" author="Holly Schinsky" dateAdded="2010-03-22" iconPath="http://www.adobe.com/devnet/flex/tourdeflex/sample/samples/SharedAssets/effectIcon.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - AnimateTransitionShader - Bounce">
+					<Illustrations>
+						<Illustration name="AnimateTransitionShader" path="http://tourdeflex.adobe.com/flex4.0/AnimateShaderTransitionEffect/sample.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/AnimateShaderTransitionEffect/srcview/source/sample.mxml.html"/>
+								<Document name="Flex Project" path="http://tourdeflex.adobe.com/flex4.0/AnimateShaderTransitionEffect/srcview/" openLinksExternal="true"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/effects&amp;topic=AnimateTransitionShader" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="31200" name="AnimateTransform" author="Holly Schinsky" dateAdded="2009-09-01" iconPath="http://www.adobe.com/devnet/flex/tourdeflex/sample/samples/SharedAssets/effectIcon.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - AnimateTransform - Bounce">
+					<Illustrations>
+						<Illustration name="AnimateTransform" path="http://tourdeflex.adobe.com/flex4samples/Effects/AnimateTransform-Bounce/sample.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4samples/Effects/AnimateTransform-Bounce/srcview/source/sample.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4samples/Effects/AnimateTransform-Bounce/srcview/source/skins/TDFPanelSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/effects&amp;topic=AnimateTransform" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="31250" name="Fade" author="Holly Schinsky" dateAdded="2009-10-20" iconPath="http://www.adobe.com/devnet/flex/tourdeflex/sample/samples/SharedAssets/effectIcon.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - Fade Effect">
+					<Illustrations>
+						<Illustration name="Fade" path="http://tourdeflex.adobe.com/flex4samples/Effects/Fade/sample.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4samples/Effects/Fade/srcview/source/sample.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4samples/Effects/Fade/srcview/source/skins/TDFPanelSkin.mxml.html"/>
+								<Document name="Flex Project" path="http://tourdeflex.adobe.com/flex4samples/Effects/Fade/srcview/index.html" openLinksExternal="true"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/effects&amp;topic=Fade" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="31253" name="CrossFade" author="Holly Schinsky" dateAdded="2009-10-20" iconPath="http://www.adobe.com/devnet/flex/tourdeflex/sample/samples/SharedAssets/effectIcon.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - Cross Fade Effect">
+					<Illustrations>
+						<Illustration name="CrossFade" path="http://tourdeflex.adobe.com/flex4samples/Effects/CrossFade/sample.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4samples/Effects/CrossFade/srcview/source/sample.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4samples/Effects/CrossFade/srcview/source/skins/TDFPanelSkin.mxml.html"/>
+								<Document name="Flex Project" path="http://tourdeflex.adobe.com/flex4samples/Effects/CrossFade/srcview/index.html" openLinksExternal="true"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/effects&amp;topic=CrossFade" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="31256" name="Move3D" author="Holly Schinsky" dateAdded="2010-03-22" iconPath="http://www.adobe.com/devnet/flex/tourdeflex/sample/samples/SharedAssets/effectIcon.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - Move3D Effect">
+					<Illustrations>
+						<Illustration name="Move3D" path="http://tourdeflex.adobe.com/flex4.0/Move3D/sample.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/Move3D/srcview/source/sample.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/Move3D/srcview/source/skins/TDFPanelSkin.mxml.html"/>
+								<Document name="Flex Project" path="http://tourdeflex.adobe.com/flex4.0/Move3D/srcview/index.html" openLinksExternal="true"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/effects&amp;topic=Move3D" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="31300" name="Rotate3D" author="Holly Schinsky" dateAdded="2009-09-01" iconPath="http://www.adobe.com/devnet/flex/tourdeflex/sample/samples/SharedAssets/effectIcon.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - Rotate3D">
+					<Illustrations>
+						<Illustration name="Rotate3D" path="http://tourdeflex.adobe.com/flex4samples/Effects/Rotate3D/sample.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4samples/Effects/Rotate3D/srcview/source/sample.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4samples/Effects/Rotate3D/srcview/source/skins/TDFPanelSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/effects&amp;topic=Rotate3D" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="31400" name="Scale3D" author="Holly Schinsky" dateAdded="2009-09-01" iconPath="http://www.adobe.com/devnet/flex/tourdeflex/sample/samples/SharedAssets/effectIcon.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - Scale3D">
+					<Illustrations>
+						<Illustration name="Scale3D" path="http://tourdeflex.adobe.com/flex4samples/Effects/Scale3D/sample.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4samples/Effects/Scale3D/srcview/source/sample.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4samples/Effects/Rotate3D/srcview/source/skins/TDFPanelSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/effects&amp;topic=Scale3D" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="31405" name="Wipe" author="Holly Schinsky" dateAdded="2010-03-22" iconPath="http://www.adobe.com/devnet/flex/tourdeflex/sample/samples/SharedAssets/effectIcon.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - Move3D Effect">
+					<Illustrations>
+						<Illustration name="Wipe" path="http://tourdeflex.adobe.com/flex4.0/Wipe/sample.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/Wipe/srcview/source/sample.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/Wipe/srcview/source/skins/TDFPanelSkin.mxml.html"/>
+								<Document name="Flex Project" path="http://tourdeflex.adobe.com/flex4.0/Wipe/srcview/index.html" openLinksExternal="true"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/effects&amp;topic=Wipe" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+			</Category>
+			<Category name="Formatters">
+				<Object id="70440" name="Formatter" author="Adobe Systems, Inc." dateAdded="2010-03-22" iconPath="http://www.adobe.com/devnet/flex/tourdeflex/sample/samples/Formatter/formattericon.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - Formatter">
+					<Illustrations>
+						<Illustration name="Formatter" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-Formatter/sample1.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-Formatter/srcview/source/sample1.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-Formatter/srcview/source/TDFGradientBackgroundSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=mx/formatters&amp;topic=Formatter" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="70450" name="CurrencyFormatter" author="Adobe Systems, Inc." dateAdded="2010-03-22" iconPath="http://www.adobe.com/devnet/flex/tourdeflex/sample/samples/Formatter/formattericon.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - CurrencyFormatter">
+					<Illustrations>
+						<Illustration name="CurrencyFormatter" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-CurrencyFormatter/sample1.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-CurrencyFormatter/srcview/source/sample1.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-CurrencyFormatter/srcview/source/TDFGradientBackgroundSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=mx/formatters&amp;topic=CurrencyFormatter" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="70070" name="DateFormatter" author="Adobe Systems, Inc." dateAdded="2010-03-22" iconPath="http://www.adobe.com/devnet/flex/tourdeflex/sample/samples/Formatter/formattericon.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - DateFormatter">
+					<Illustrations>
+						<Illustration name="DateFormatter" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-DateFormatter/sample1.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-DateFormatter/srcview/source/sample1.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-DateFormatter/srcview/source/TDFGradientBackgroundSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=mx/formatters&amp;topic=DateFormatter" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="70460" name="NumberFormatter" author="Adobe Systems, Inc." dateAdded="2010-03-22" iconPath="http://www.adobe.com/devnet/flex/tourdeflex/sample/samples/Formatter/formattericon.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - NumberFormatter">
+					<Illustrations>
+						<Illustration name="NumberFormatter" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-NumberFormatter/sample1.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-NumberFormatter/srcview/source/sample1.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-NumberFormatter/srcview/source/TDFGradientBackgroundSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=mx/formatters&amp;topic=NumberFormatter" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="70470" name="PhoneFormatter" author="Adobe Systems, Inc." dateAdded="2010-03-22" iconPath="http://www.adobe.com/devnet/flex/tourdeflex/sample/samples/Formatter/formattericon.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - PhoneFormatter">
+					<Illustrations>
+						<Illustration name="PhoneFormatter" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-PhoneFormatter/sample1.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-PhoneFormatter/srcview/source/sample1.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-PhoneFormatter/srcview/source/TDFGradientBackgroundSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=mx/formatters&amp;topic=PhoneFormatter" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="70480" name="SwitchSymbolFormatter" author="Adobe Systems, Inc." dateAdded="2010-03-22" iconPath="http://www.adobe.com/devnet/flex/tourdeflex/sample/samples/Formatter/formattericon.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - SwitchSymbolFormatter">
+					<Illustrations>
+						<Illustration name="SwitchSymbolFormatter" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-SwitchSymbolFormatter/sample1.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-SwitchSymbolFormatter/srcview/source/sample1.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-SwitchSymbolFormatter/srcview/source/TDFGradientBackgroundSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/

<TRUNCATED>

[32/51] [partial] Merged TourDeFlex release from develop

Posted by jm...@apache.org.
http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR20/FilePromise/sample1.mxml.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR20/FilePromise/sample1.mxml.html b/TourDeFlex/TourDeFlex/src/objects/AIR20/FilePromise/sample1.mxml.html
new file mode 100644
index 0000000..c1c03f0
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR20/FilePromise/sample1.mxml.html
@@ -0,0 +1,108 @@
+<!--
+  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.
+-->
+<!-- saved from url=(0014)about:internet -->
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+<title>sample1.mxml</title>
+<link rel="stylesheet" type="text/css" href="../SourceStyles.css"/>
+</head>
+
+<body><pre><span class="MXMLProcessing_Instruction">&lt;?xml version="1.0" encoding="utf-8"?&gt;</span>
+<span class="MXMLComponent_Tag">&lt;s:WindowedApplication</span><span class="MXMLDefault_Text">    xmlns:fx="</span><span class="MXMLString">http://ns.adobe.com/mxml/2009</span><span class="MXMLDefault_Text">" 
+            xmlns:s="</span><span class="MXMLString">library://ns.adobe.com/flex/spark</span><span class="MXMLDefault_Text">" 
+            xmlns:mx="</span><span class="MXMLString">library://ns.adobe.com/flex/mx</span><span class="MXMLDefault_Text">"
+            currentState="</span><span class="MXMLString">START_STATE</span><span class="MXMLDefault_Text">" styleName="</span><span class="MXMLString">plain</span><span class="MXMLDefault_Text">" 
+            width="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" height="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" backgroundColor="</span><span class="MXMLString">0x000000</span><span class="MXMLDefault_Text">" horizontalCenter="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+    
+    <span class="MXMLComment">&lt;!--</span><span class="MXMLComment"> Based on this sample: http://www.riaspace.net/2010/01/file-promises-with-adobe-air-2-0/ </span><span class="MXMLComment">--&gt;</span>
+    
+    <span class="MXMLSpecial_Tag">&lt;fx:Script&gt;</span>
+        &lt;![CDATA[
+            <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">air</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">desktop</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">URLFilePromise</span>;
+            
+            <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">flash</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">events</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">Event</span>;
+            <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">flash</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">events</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">MouseEvent</span>;
+            <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">flash</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">system</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">Capabilities</span>;
+            
+            <span class="ActionScriptReserved">protected</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">filePromise</span>:<span class="ActionScriptDefault_Text">URLFilePromise</span>;
+            
+            <span class="ActionScriptReserved">protected</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">imgAirIcon_mouseDownHandler</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">event</span>:<span class="ActionScriptDefault_Text">MouseEvent</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
+            <span class="ActionScriptBracket/Brace">{</span>
+                <span class="ActionScriptComment">// Instantiating new file promise
+</span>                <span class="ActionScriptDefault_Text">filePromise</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">URLFilePromise</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptComment">// Registering OPEN event listener, to switch to 
+</span>                <span class="ActionScriptComment">// DOWNLOAD_STATE when downloading starts
+</span>                <span class="ActionScriptDefault_Text">filePromise</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">addEventListener</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">Event</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">OPEN</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">onOpen</span><span class="ActionScriptBracket/Brace">)</span>;
+                
+                <span class="ActionScriptComment">// Setting URLRequest pointing to remote file
+</span>                <span class="ActionScriptDefault_Text">filePromise</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">request</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">URLRequest</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">fileUrl</span><span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptComment">// Setting relativePath with fileName to be saved locally
+</span>                <span class="ActionScriptDefault_Text">filePromise</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">relativePath</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">fileName</span>;
+                
+                <span class="ActionScriptComment">// Array of promises with single promise in this case
+</span>                <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">promises</span>:<span class="ActionScriptDefault_Text">Array</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">Array</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptDefault_Text">promises</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">push</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">filePromise</span><span class="ActionScriptBracket/Brace">)</span>;
+                
+                <span class="ActionScriptComment">// Instantiating clipboard object pointing to the promise
+</span>                <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">clipboard</span>:<span class="ActionScriptDefault_Text">Clipboard</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">Clipboard</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptDefault_Text">clipboard</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">setData</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">ClipboardFormats</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">FILE_PROMISE_LIST_FORMAT</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">promises</span><span class="ActionScriptBracket/Brace">)</span>;
+                
+                <span class="ActionScriptComment">// Dragging with NativeDragManager
+</span>                <span class="ActionScriptDefault_Text">NativeDragManager</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">doDrag</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">imgAirIcon</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">clipboard</span><span class="ActionScriptBracket/Brace">)</span>;
+            <span class="ActionScriptBracket/Brace">}</span>
+            
+            <span class="ActionScriptReserved">protected</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">onOpen</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">event</span>:<span class="ActionScriptDefault_Text">Event</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
+            <span class="ActionScriptBracket/Brace">{</span>
+                <span class="ActionScriptDefault_Text">currentState</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptString">"DOWNLOAD_STATE"</span>;
+                <span class="ActionScriptDefault_Text">prgBar</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">source</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">filePromise</span>;
+            <span class="ActionScriptBracket/Brace">}</span>
+            
+            <span class="ActionScriptReserved">protected</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptReserved">get</span> <span class="ActionScriptDefault_Text">fileUrl</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptDefault_Text">String</span>
+            <span class="ActionScriptBracket/Brace">{</span>
+                <span class="ActionScriptComment">// Returns remote file URL based on current operating system
+</span>                <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">Capabilities</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">os</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">search</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">/mac/i</span><span class="ActionScriptBracket/Brace">)</span> <span class="ActionScriptOperator">&gt;</span> <span class="ActionScriptOperator">-</span>1<span class="ActionScriptBracket/Brace">)</span>
+                    <span class="ActionScriptReserved">return</span> <span class="ActionScriptString">"http://airdownload.adobe.com/air/mac/download/latest/AdobeAIR.dmg"</span>;
+                <span class="ActionScriptReserved">else</span> <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">Capabilities</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">os</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">search</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">/win/i</span><span class="ActionScriptBracket/Brace">)</span> <span class="ActionScriptOperator">&gt;</span> <span class="ActionScriptOperator">-</span>1<span class="ActionScriptBracket/Brace">)</span>
+                    <span class="ActionScriptReserved">return</span> <span class="ActionScriptString">"http://airdownload.adobe.com/air/win/download/latest/AdobeAIRInstaller.exe"</span>;
+                <span class="ActionScriptReserved">else</span> 
+                    <span class="ActionScriptReserved">return</span> <span class="ActionScriptString">"http://airdownload.adobe.com/air/lin/download/latest/AdobeAIRInstaller.bin"</span>;
+            <span class="ActionScriptBracket/Brace">}</span>
+            
+            <span class="ActionScriptReserved">protected</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptReserved">get</span> <span class="ActionScriptDefault_Text">fileName</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptDefault_Text">String</span>
+            <span class="ActionScriptBracket/Brace">{</span>
+                <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">fileUrl</span>:<span class="ActionScriptDefault_Text">String</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">fileUrl</span>;
+                <span class="ActionScriptReserved">return</span> <span class="ActionScriptDefault_Text">fileUrl</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">slice</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">fileUrl</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">lastIndexOf</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">"/"</span><span class="ActionScriptBracket/Brace">)</span> <span class="ActionScriptOperator">+</span> 1<span class="ActionScriptBracket/Brace">)</span>;
+            <span class="ActionScriptBracket/Brace">}</span>
+        <span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptOperator">&gt;</span>
+    <span class="MXMLSpecial_Tag">&lt;/fx:Script&gt;</span>
+    
+    <span class="MXMLSpecial_Tag">&lt;fx:Declarations&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;s:State</span><span class="MXMLDefault_Text"> name="</span><span class="MXMLString">START_STATE</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;s:State</span><span class="MXMLDefault_Text"> name="</span><span class="MXMLString">DOWNLOAD_STATE</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+    <span class="MXMLSpecial_Tag">&lt;/fx:Declarations&gt;</span>
+    
+    <span class="MXMLComponent_Tag">&lt;s:VGroup</span><span class="MXMLDefault_Text"> paddingLeft="</span><span class="MXMLString">100</span><span class="MXMLDefault_Text">" paddingTop="</span><span class="MXMLString">50</span><span class="MXMLDefault_Text">" horizontalAlign="</span><span class="MXMLString">center</span><span class="MXMLDefault_Text">" gap="</span><span class="MXMLString">15</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;mx:Image</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">imgAirIcon</span><span class="MXMLDefault_Text">" source="</span><span class="MXMLString">@Embed(source='adobe_air_logo.png')</span><span class="MXMLDefault_Text">" mouseDown="</span><span class="ActionScriptDefault_Text">imgAirIcon_mouseDownHandler</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">event</span><span class="ActionScriptBracket/Brace">)</span><span class="MXMLDefault_Text">" toolTip="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">fileUrl</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">" </span><span class="MXMLComponent_Tag">/&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;s:Label</span><span class="MXMLDefault_Text"> text="</span><span class="MXMLString">(Drag out the icon to begin Adobe AIR download)</span><span class="MXMLDefault_Text">" color="</span><span class="MXMLString">0xFFFFFF</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;mx:ProgressBar</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">prgBar</span><span class="MXMLDefault_Text">" bottom="</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">" horizontalCenter="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">"  visible="</span><span class="MXMLString">false</span><span class="MXMLDefault_Text">" visible.DOWNLOAD_STATE="</span><span class="MXMLString">true</span><span class="MXMLDefault_Text">" 
+                        label="</span><span class="MXMLString">Downloading {</span><span class="ActionScriptDefault_Text">int</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">prgBar</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">percentComplete</span><span class="ActionScriptBracket/Brace">)</span><span class="MXMLString">}%</span><span class="MXMLDefault_Text">" color="</span><span class="MXMLString">0xFFFFFF</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+    <span class="MXMLComponent_Tag">&lt;/s:VGroup&gt;</span>
+        
+<span class="MXMLComponent_Tag">&lt;/s:WindowedApplication&gt;</span></pre></body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR20/FilePromise/srcview/Sample-AIR2-FilePromise/src/adobe_air_logo.png
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR20/FilePromise/srcview/Sample-AIR2-FilePromise/src/adobe_air_logo.png b/TourDeFlex/TourDeFlex/src/objects/AIR20/FilePromise/srcview/Sample-AIR2-FilePromise/src/adobe_air_logo.png
new file mode 100755
index 0000000..8b6e306
Binary files /dev/null and b/TourDeFlex/TourDeFlex/src/objects/AIR20/FilePromise/srcview/Sample-AIR2-FilePromise/src/adobe_air_logo.png differ

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR20/FilePromise/srcview/Sample-AIR2-FilePromise/src/sample1-app.xml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR20/FilePromise/srcview/Sample-AIR2-FilePromise/src/sample1-app.xml b/TourDeFlex/TourDeFlex/src/objects/AIR20/FilePromise/srcview/Sample-AIR2-FilePromise/src/sample1-app.xml
new file mode 100755
index 0000000..09a53b3
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR20/FilePromise/srcview/Sample-AIR2-FilePromise/src/sample1-app.xml
@@ -0,0 +1,156 @@
+<?xml version="1.0" encoding="utf-8" standalone="no"?>
+<!--
+
+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.
+
+-->
+<application xmlns="http://ns.adobe.com/air/application/2.0">
+
+<!-- Adobe AIR Application Descriptor File Template.
+
+	Specifies parameters for identifying, installing, and launching AIR applications.
+
+	xmlns - The Adobe AIR namespace: http://ns.adobe.com/air/application/1.5.3
+			The last segment of the namespace specifies the version 
+			of the AIR runtime required for this application to run.
+			
+	minimumPatchLevel - The minimum patch level of the AIR runtime required to run 
+			the application. Optional.
+-->
+
+	<!-- The application identifier string, unique to this application. Required. -->
+	<id>sample1</id>
+
+	<!-- Used as the filename for the application. Required. -->
+	<filename>sample1</filename>
+
+	<!-- The name that is displayed in the AIR application installer. 
+	     May have multiple values for each language. See samples or xsd schema file. Optional. -->
+	<name>sample1</name>
+
+	<!-- An application version designator (such as "v1", "2.5", or "Alpha 1"). Required. -->
+	<version>v1</version>
+
+	<!-- Description, displayed in the AIR application installer.
+	     May have multiple values for each language. See samples or xsd schema file. Optional. -->
+	<!-- <description></description> -->
+
+	<!-- Copyright information. Optional -->
+	<!-- <copyright></copyright> -->
+
+	<!-- Publisher ID. Used if you're updating an application created prior to 1.5.3 -->
+	<!-- <publisherID></publisherID> -->
+
+	<!-- Settings for the application's initial window. Required. -->
+	<initialWindow>
+		<!-- The main SWF or HTML file of the application. Required. -->
+		<!-- Note: In Flash Builder, the SWF reference is set automatically. -->
+		<content>[This value will be overwritten by Flash Builder in the output app.xml]</content>
+		
+		<!-- The title of the main window. Optional. -->
+		<!-- <title></title> -->
+
+		<!-- The type of system chrome to use (either "standard" or "none"). Optional. Default standard. -->
+		<!-- <systemChrome></systemChrome> -->
+
+		<!-- Whether the window is transparent. Only applicable when systemChrome is none. Optional. Default false. -->
+		<!-- <transparent></transparent> -->
+
+		<!-- Whether the window is initially visible. Optional. Default false. -->
+		<!-- <visible></visible> -->
+
+		<!-- Whether the user can minimize the window. Optional. Default true. -->
+		<!-- <minimizable></minimizable> -->
+
+		<!-- Whether the user can maximize the window. Optional. Default true. -->
+		<!-- <maximizable></maximizable> -->
+
+		<!-- Whether the user can resize the window. Optional. Default true. -->
+		<!-- <resizable></resizable> -->
+
+		<!-- The window's initial width. Optional. -->
+		<!-- <width></width> -->
+
+		<!-- The window's initial height. Optional. -->
+		<!-- <height></height> -->
+
+		<!-- The window's initial x position. Optional. -->
+		<!-- <x></x> -->
+
+		<!-- The window's initial y position. Optional. -->
+		<!-- <y></y> -->
+
+		<!-- The window's minimum size, specified as a width/height pair, such as "400 200". Optional. -->
+		<!-- <minSize></minSize> -->
+
+		<!-- The window's initial maximum size, specified as a width/height pair, such as "1600 1200". Optional. -->
+		<!-- <maxSize></maxSize> -->
+	</initialWindow>
+
+	<!-- The subpath of the standard default installation location to use. Optional. -->
+	<!-- <installFolder></installFolder> -->
+
+	<!-- The subpath of the Programs menu to use. (Ignored on operating systems without a Programs menu.) Optional. -->
+	<!-- <programMenuFolder></programMenuFolder> -->
+
+	<!-- The icon the system uses for the application. For at least one resolution,
+		 specify the path to a PNG file included in the AIR package. Optional. -->
+	<!-- <icon>
+		<image16x16></image16x16>
+		<image32x32></image32x32>
+		<image48x48></image48x48>
+		<image128x128></image128x128>
+	</icon> -->
+
+	<!-- Whether the application handles the update when a user double-clicks an update version
+	of the AIR file (true), or the default AIR application installer handles the update (false).
+	Optional. Default false. -->
+	<!-- <customUpdateUI></customUpdateUI> -->
+	
+	<!-- Whether the application can be launched when the user clicks a link in a web browser.
+	Optional. Default false. -->
+	<!-- <allowBrowserInvocation></allowBrowserInvocation> -->
+
+	<!-- Listing of file types for which the application can register. Optional. -->
+	<!-- <fileTypes> -->
+
+		<!-- Defines one file type. Optional. -->
+		<!-- <fileType> -->
+
+			<!-- The name that the system displays for the registered file type. Required. -->
+			<!-- <name></name> -->
+
+			<!-- The extension to register. Required. -->
+			<!-- <extension></extension> -->
+			
+			<!-- The description of the file type. Optional. -->
+			<!-- <description></description> -->
+			
+			<!-- The MIME content type. -->
+			<!-- <contentType></contentType> -->
+			
+			<!-- The icon to display for the file type. Optional. -->
+			<!-- <icon>
+				<image16x16></image16x16>
+				<image32x32></image32x32>
+				<image48x48></image48x48>
+				<image128x128></image128x128>
+			</icon> -->
+			
+		<!-- </fileType> -->
+	<!-- </fileTypes> -->
+
+</application>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR20/FilePromise/srcview/Sample-AIR2-FilePromise/src/sample1.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR20/FilePromise/srcview/Sample-AIR2-FilePromise/src/sample1.mxml b/TourDeFlex/TourDeFlex/src/objects/AIR20/FilePromise/srcview/Sample-AIR2-FilePromise/src/sample1.mxml
new file mode 100644
index 0000000..3a65e58
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR20/FilePromise/srcview/Sample-AIR2-FilePromise/src/sample1.mxml
@@ -0,0 +1,100 @@
+<?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.
+
+-->
+<mx:Module	xmlns:fx="http://ns.adobe.com/mxml/2009" 
+			xmlns:s="library://ns.adobe.com/flex/spark" 
+			xmlns:mx="library://ns.adobe.com/flex/mx"
+			currentState="START_STATE" styleName="plain" 
+			width="100%" height="100%" backgroundColor="0x000000" horizontalCenter="0">
+	
+	<!-- Based on this sample: http://www.riaspace.net/2010/01/file-promises-with-adobe-air-2-0/ -->
+	
+	<fx:Script>
+		<![CDATA[
+			import air.desktop.URLFilePromise;
+			
+			import flash.events.Event;
+			import flash.events.MouseEvent;
+			import flash.system.Capabilities;
+			
+			protected var filePromise:URLFilePromise;
+			
+			protected function imgAirIcon_mouseDownHandler(event:MouseEvent):void
+			{
+				// Instantiating new file promise
+				filePromise = new URLFilePromise();
+				// Registering OPEN event listener, to switch to 
+				// DOWNLOAD_STATE when downloading starts
+				filePromise.addEventListener(Event.OPEN, onOpen);
+				
+				// Setting URLRequest pointing to remote file
+				filePromise.request = new URLRequest(fileUrl);
+				// Setting relativePath with fileName to be saved locally
+				filePromise.relativePath = fileName;
+				
+				// Array of promises with single promise in this case
+				var promises:Array = new Array();
+				promises.push(filePromise);
+				
+				// Instantiating clipboard object pointing to the promise
+				var clipboard:Clipboard = new Clipboard();
+				clipboard.setData(ClipboardFormats.FILE_PROMISE_LIST_FORMAT, promises);
+				
+				// Dragging with NativeDragManager
+				NativeDragManager.doDrag(imgAirIcon, clipboard);
+			}
+			
+			protected function onOpen(event:Event):void
+			{
+				currentState = "DOWNLOAD_STATE";
+				prgBar.source = filePromise;
+			}
+			
+			protected function get fileUrl():String
+			{
+				// Returns remote file URL based on current operating system
+				if (Capabilities.os.search(/mac/i) > -1)
+					return "http://airdownload.adobe.com/air/mac/download/latest/AdobeAIR.dmg";
+				else if (Capabilities.os.search(/win/i) > -1)
+					return "http://airdownload.adobe.com/air/win/download/latest/AdobeAIRInstaller.exe";
+				else 
+					return "http://airdownload.adobe.com/air/lin/download/latest/AdobeAIRInstaller.bin";
+			}
+			
+			protected function get fileName():String
+			{
+				var fileUrl:String = fileUrl;
+				return fileUrl.slice(fileUrl.lastIndexOf("/") + 1);
+			}
+		]]>
+	</fx:Script>
+	
+	<fx:Declarations>
+		<s:State name="START_STATE"/>
+		<s:State name="DOWNLOAD_STATE"/>
+	</fx:Declarations>
+	
+	<s:VGroup paddingLeft="100" paddingTop="50" horizontalAlign="center" gap="15">
+		<mx:Image id="imgAirIcon" source="@Embed(source='adobe_air_logo.png')" mouseDown="imgAirIcon_mouseDownHandler(event)" toolTip="{fileUrl}" />
+		<s:Label text="(Drag out the icon to begin Adobe AIR download)" color="0xFFFFFF"/>
+		<mx:ProgressBar id="prgBar" bottom="10" horizontalCenter="0"  visible="false" visible.DOWNLOAD_STATE="true" 
+						label="Downloading {int(prgBar.percentComplete)}%" color="0xFFFFFF"/>
+	</s:VGroup>
+		
+</mx:Module>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR20/FilePromise/srcview/SourceIndex.xml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR20/FilePromise/srcview/SourceIndex.xml b/TourDeFlex/TourDeFlex/src/objects/AIR20/FilePromise/srcview/SourceIndex.xml
new file mode 100644
index 0000000..f0c15f2
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR20/FilePromise/srcview/SourceIndex.xml
@@ -0,0 +1,35 @@
+<?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.
+
+-->
+<index>
+	<title>Source of Sample-AIR2-FilePromise</title>
+	<nodes>
+		<node label="libs">
+		</node>
+		<node label="src">
+			<node icon="imageIcon" label="adobe_air_logo.png" url="source/adobe_air_logo.png.html"/>
+			<node label="sample1-app.xml" url="source/sample1-app.xml.txt"/>
+			<node icon="mxmlAppIcon" selected="true" label="sample1.mxml" url="source/sample1.mxml.html"/>
+		</node>
+	</nodes>
+	<zipfile label="Download source (ZIP, 22K)" url="Sample-AIR2-FilePromise.zip">
+	</zipfile>
+	<sdklink label="Download Flex SDK" url="http://www.adobe.com/go/flex4_sdk_download">
+	</sdklink>
+</index>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR20/FilePromise/srcview/SourceStyles.css
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR20/FilePromise/srcview/SourceStyles.css b/TourDeFlex/TourDeFlex/src/objects/AIR20/FilePromise/srcview/SourceStyles.css
new file mode 100644
index 0000000..9d5210f
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR20/FilePromise/srcview/SourceStyles.css
@@ -0,0 +1,155 @@
+/*
+ * 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.
+ */
+body {
+	font-family: Courier New, Courier, monospace;
+	font-size: medium;
+}
+
+.ActionScriptASDoc {
+	color: #3f5fbf;
+}
+
+.ActionScriptBracket/Brace {
+}
+
+.ActionScriptComment {
+	color: #009900;
+	font-style: italic;
+}
+
+.ActionScriptDefault_Text {
+}
+
+.ActionScriptMetadata {
+	color: #0033ff;
+	font-weight: bold;
+}
+
+.ActionScriptOperator {
+}
+
+.ActionScriptReserved {
+	color: #0033ff;
+	font-weight: bold;
+}
+
+.ActionScriptString {
+	color: #990000;
+	font-weight: bold;
+}
+
+.ActionScriptclass {
+	color: #9900cc;
+	font-weight: bold;
+}
+
+.ActionScriptfunction {
+	color: #339966;
+	font-weight: bold;
+}
+
+.ActionScriptinterface {
+	color: #9900cc;
+	font-weight: bold;
+}
+
+.ActionScriptpackage {
+	color: #9900cc;
+	font-weight: bold;
+}
+
+.ActionScripttrace {
+	color: #cc6666;
+	font-weight: bold;
+}
+
+.ActionScriptvar {
+	color: #6699cc;
+	font-weight: bold;
+}
+
+.MXMLASDoc {
+	color: #3f5fbf;
+}
+
+.MXMLComment {
+	color: #800000;
+}
+
+.MXMLComponent_Tag {
+	color: #0000ff;
+}
+
+.MXMLDefault_Text {
+}
+
+.MXMLProcessing_Instruction {
+}
+
+.MXMLSpecial_Tag {
+	color: #006633;
+}
+
+.MXMLString {
+	color: #990000;
+}
+
+.CSS@font-face {
+	color: #990000;
+	font-weight: bold;
+}
+
+.CSS@import {
+	color: #006666;
+	font-weight: bold;
+}
+
+.CSS@media {
+	color: #663333;
+	font-weight: bold;
+}
+
+.CSS@namespace {
+	color: #923196;
+}
+
+.CSSComment {
+	color: #999999;
+}
+
+.CSSDefault_Text {
+}
+
+.CSSDelimiters {
+}
+
+.CSSProperty_Name {
+	color: #330099;
+}
+
+.CSSProperty_Value {
+	color: #3333cc;
+}
+
+.CSSSelector {
+	color: #ff00ff;
+}
+
+.CSSString {
+	color: #990000;
+}
+

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR20/FilePromise/srcview/SourceTree.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR20/FilePromise/srcview/SourceTree.html b/TourDeFlex/TourDeFlex/src/objects/AIR20/FilePromise/srcview/SourceTree.html
new file mode 100644
index 0000000..80281a9
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR20/FilePromise/srcview/SourceTree.html
@@ -0,0 +1,129 @@
+<!--
+  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.
+-->
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<!-- saved from url=(0014)about:internet -->
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">	
+    <!-- 
+    Smart developers always View Source. 
+    
+    This application was built using Adobe Flex, an open source framework
+    for building rich Internet applications that get delivered via the
+    Flash Player or to desktops via Adobe AIR. 
+    
+    Learn more about Flex at http://flex.org 
+    // -->
+    <head>
+        <title></title>         
+        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+		<!-- Include CSS to eliminate any default margins/padding and set the height of the html element and 
+		     the body element to 100%, because Firefox, or any Gecko based browser, interprets percentage as 
+			 the percentage of the height of its parent container, which has to be set explicitly.  Initially, 
+			 don't display flashContent div so it won't show if JavaScript disabled.
+		-->
+        <style type="text/css" media="screen"> 
+			html, body	{ height:100%; }
+			body { margin:0; padding:0; overflow:auto; text-align:center; 
+			       background-color: #ffffff; }   
+			#flashContent { display:none; }
+        </style>
+		
+		<!-- Enable Browser History by replacing useBrowserHistory tokens with two hyphens -->
+        <!-- BEGIN Browser History required section >
+        <link rel="stylesheet" type="text/css" href="history/history.css" />
+        <script type="text/javascript" src="history/history.js"></script>
+        <! END Browser History required section -->  
+		    
+        <script type="text/javascript" src="swfobject.js"></script>
+        <script type="text/javascript">
+  	        function loadIntoMain(url) {
+				parent.mainFrame.location.href = url;
+			}
+			
+			function openUrlWindow(url) {
+				window.top.location = url;
+			}
+			
+            <!-- For version detection, set to min. required Flash Player version, or 0 (or 0.0.0), for no version detection. --> 
+            var swfVersionStr = "10.0.0";
+            <!-- To use express install, set to playerProductInstall.swf, otherwise the empty string. -->
+            var xiSwfUrlStr = "playerProductInstall.swf";
+            var flashvars = {};
+            var params = {};
+            params.quality = "high";
+            params.bgcolor = "#ffffff";
+            params.allowscriptaccess = "sameDomain";
+            params.allowfullscreen = "true";
+            var attributes = {};
+            attributes.id = "SourceTree";
+            attributes.name = "SourceTree";
+            attributes.align = "middle";
+            swfobject.embedSWF(
+                "SourceTree.swf", "flashContent", 
+                "100%", "100%", 
+                swfVersionStr, xiSwfUrlStr, 
+                flashvars, params, attributes);
+			<!-- JavaScript enabled so display the flashContent div in case it is not replaced with a swf object. -->
+			swfobject.createCSS("#flashContent", "display:block;text-align:left;");
+        </script>
+    </head>
+    <body>
+        <!-- SWFObject's dynamic embed method replaces this alternative HTML content with Flash content when enough 
+			 JavaScript and Flash plug-in support is available. The div is initially hidden so that it doesn't show
+			 when JavaScript is disabled.
+		-->
+        <div id="flashContent">
+        	<p>
+	        	To view this page ensure that Adobe Flash Player version 
+				10.0.0 or greater is installed. 
+			</p>
+			<script type="text/javascript"> 
+				var pageHost = ((document.location.protocol == "https:") ? "https://" :	"http://"); 
+				document.write("<a href='http://www.adobe.com/go/getflashplayer'><img src='" 
+								+ pageHost + "www.adobe.com/images/shared/download_buttons/get_flash_player.gif' alt='Get Adobe Flash player' /></a>" ); 
+			</script> 
+        </div>
+	   	
+       	<noscript>
+            <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="100%" height="100%" id="SourceTree">
+                <param name="movie" value="SourceTree.swf" />
+                <param name="quality" value="high" />
+                <param name="bgcolor" value="#ffffff" />
+                <param name="allowScriptAccess" value="sameDomain" />
+                <param name="allowFullScreen" value="true" />
+                <!--[if !IE]>-->
+                <object type="application/x-shockwave-flash" data="SourceTree.swf" width="100%" height="100%">
+                    <param name="quality" value="high" />
+                    <param name="bgcolor" value="#ffffff" />
+                    <param name="allowScriptAccess" value="sameDomain" />
+                    <param name="allowFullScreen" value="true" />
+                <!--<![endif]-->
+                <!--[if gte IE 6]>-->
+                	<p> 
+                		Either scripts and active content are not permitted to run or Adobe Flash Player version
+                		10.0.0 or greater is not installed.
+                	</p>
+                <!--<![endif]-->
+                    <a href="http://www.adobe.com/go/getflashplayer">
+                        <img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash Player" />
+                    </a>
+                <!--[if !IE]>-->
+                </object>
+                <!--<![endif]-->
+            </object>
+	    </noscript>		
+   </body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR20/FilePromise/srcview/index.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR20/FilePromise/srcview/index.html b/TourDeFlex/TourDeFlex/src/objects/AIR20/FilePromise/srcview/index.html
new file mode 100644
index 0000000..6303cd6
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR20/FilePromise/srcview/index.html
@@ -0,0 +1,32 @@
+<!--
+  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.
+-->
+<!-- saved from url=(0014)about:internet -->
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+<title>Source of Sample-AIR2-FilePromise</title>
+</head>
+<frameset cols="235,*" border="2" framespacing="1">
+    <frame src="SourceTree.html" name="leftFrame" scrolling="NO">
+    <frame src="source/sample1.mxml.html" name="mainFrame">
+</frameset>
+<noframes>
+	<body>		
+	</body>
+</noframes>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR20/FilePromise/srcview/source/adobe_air_logo.png.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR20/FilePromise/srcview/source/adobe_air_logo.png.html b/TourDeFlex/TourDeFlex/src/objects/AIR20/FilePromise/srcview/source/adobe_air_logo.png.html
new file mode 100644
index 0000000..45e854f
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR20/FilePromise/srcview/source/adobe_air_logo.png.html
@@ -0,0 +1,28 @@
+<!--
+  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.
+-->
+<!-- saved from url=(0014)about:internet -->
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"/>
+<title>adobe_air_logo.png</title>
+</head>
+
+<body>
+<img src="adobe_air_logo.png" border="0"/>
+</body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR20/FilePromise/srcview/source/sample1-app.xml.txt
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR20/FilePromise/srcview/source/sample1-app.xml.txt b/TourDeFlex/TourDeFlex/src/objects/AIR20/FilePromise/srcview/source/sample1-app.xml.txt
new file mode 100644
index 0000000..09a53b3
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR20/FilePromise/srcview/source/sample1-app.xml.txt
@@ -0,0 +1,156 @@
+<?xml version="1.0" encoding="utf-8" standalone="no"?>
+<!--
+
+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.
+
+-->
+<application xmlns="http://ns.adobe.com/air/application/2.0">
+
+<!-- Adobe AIR Application Descriptor File Template.
+
+	Specifies parameters for identifying, installing, and launching AIR applications.
+
+	xmlns - The Adobe AIR namespace: http://ns.adobe.com/air/application/1.5.3
+			The last segment of the namespace specifies the version 
+			of the AIR runtime required for this application to run.
+			
+	minimumPatchLevel - The minimum patch level of the AIR runtime required to run 
+			the application. Optional.
+-->
+
+	<!-- The application identifier string, unique to this application. Required. -->
+	<id>sample1</id>
+
+	<!-- Used as the filename for the application. Required. -->
+	<filename>sample1</filename>
+
+	<!-- The name that is displayed in the AIR application installer. 
+	     May have multiple values for each language. See samples or xsd schema file. Optional. -->
+	<name>sample1</name>
+
+	<!-- An application version designator (such as "v1", "2.5", or "Alpha 1"). Required. -->
+	<version>v1</version>
+
+	<!-- Description, displayed in the AIR application installer.
+	     May have multiple values for each language. See samples or xsd schema file. Optional. -->
+	<!-- <description></description> -->
+
+	<!-- Copyright information. Optional -->
+	<!-- <copyright></copyright> -->
+
+	<!-- Publisher ID. Used if you're updating an application created prior to 1.5.3 -->
+	<!-- <publisherID></publisherID> -->
+
+	<!-- Settings for the application's initial window. Required. -->
+	<initialWindow>
+		<!-- The main SWF or HTML file of the application. Required. -->
+		<!-- Note: In Flash Builder, the SWF reference is set automatically. -->
+		<content>[This value will be overwritten by Flash Builder in the output app.xml]</content>
+		
+		<!-- The title of the main window. Optional. -->
+		<!-- <title></title> -->
+
+		<!-- The type of system chrome to use (either "standard" or "none"). Optional. Default standard. -->
+		<!-- <systemChrome></systemChrome> -->
+
+		<!-- Whether the window is transparent. Only applicable when systemChrome is none. Optional. Default false. -->
+		<!-- <transparent></transparent> -->
+
+		<!-- Whether the window is initially visible. Optional. Default false. -->
+		<!-- <visible></visible> -->
+
+		<!-- Whether the user can minimize the window. Optional. Default true. -->
+		<!-- <minimizable></minimizable> -->
+
+		<!-- Whether the user can maximize the window. Optional. Default true. -->
+		<!-- <maximizable></maximizable> -->
+
+		<!-- Whether the user can resize the window. Optional. Default true. -->
+		<!-- <resizable></resizable> -->
+
+		<!-- The window's initial width. Optional. -->
+		<!-- <width></width> -->
+
+		<!-- The window's initial height. Optional. -->
+		<!-- <height></height> -->
+
+		<!-- The window's initial x position. Optional. -->
+		<!-- <x></x> -->
+
+		<!-- The window's initial y position. Optional. -->
+		<!-- <y></y> -->
+
+		<!-- The window's minimum size, specified as a width/height pair, such as "400 200". Optional. -->
+		<!-- <minSize></minSize> -->
+
+		<!-- The window's initial maximum size, specified as a width/height pair, such as "1600 1200". Optional. -->
+		<!-- <maxSize></maxSize> -->
+	</initialWindow>
+
+	<!-- The subpath of the standard default installation location to use. Optional. -->
+	<!-- <installFolder></installFolder> -->
+
+	<!-- The subpath of the Programs menu to use. (Ignored on operating systems without a Programs menu.) Optional. -->
+	<!-- <programMenuFolder></programMenuFolder> -->
+
+	<!-- The icon the system uses for the application. For at least one resolution,
+		 specify the path to a PNG file included in the AIR package. Optional. -->
+	<!-- <icon>
+		<image16x16></image16x16>
+		<image32x32></image32x32>
+		<image48x48></image48x48>
+		<image128x128></image128x128>
+	</icon> -->
+
+	<!-- Whether the application handles the update when a user double-clicks an update version
+	of the AIR file (true), or the default AIR application installer handles the update (false).
+	Optional. Default false. -->
+	<!-- <customUpdateUI></customUpdateUI> -->
+	
+	<!-- Whether the application can be launched when the user clicks a link in a web browser.
+	Optional. Default false. -->
+	<!-- <allowBrowserInvocation></allowBrowserInvocation> -->
+
+	<!-- Listing of file types for which the application can register. Optional. -->
+	<!-- <fileTypes> -->
+
+		<!-- Defines one file type. Optional. -->
+		<!-- <fileType> -->
+
+			<!-- The name that the system displays for the registered file type. Required. -->
+			<!-- <name></name> -->
+
+			<!-- The extension to register. Required. -->
+			<!-- <extension></extension> -->
+			
+			<!-- The description of the file type. Optional. -->
+			<!-- <description></description> -->
+			
+			<!-- The MIME content type. -->
+			<!-- <contentType></contentType> -->
+			
+			<!-- The icon to display for the file type. Optional. -->
+			<!-- <icon>
+				<image16x16></image16x16>
+				<image32x32></image32x32>
+				<image48x48></image48x48>
+				<image128x128></image128x128>
+			</icon> -->
+			
+		<!-- </fileType> -->
+	<!-- </fileTypes> -->
+
+</application>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR20/FilePromise/srcview/source/sample1.mxml.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR20/FilePromise/srcview/source/sample1.mxml.html b/TourDeFlex/TourDeFlex/src/objects/AIR20/FilePromise/srcview/source/sample1.mxml.html
new file mode 100644
index 0000000..c1c03f0
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR20/FilePromise/srcview/source/sample1.mxml.html
@@ -0,0 +1,108 @@
+<!--
+  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.
+-->
+<!-- saved from url=(0014)about:internet -->
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+<title>sample1.mxml</title>
+<link rel="stylesheet" type="text/css" href="../SourceStyles.css"/>
+</head>
+
+<body><pre><span class="MXMLProcessing_Instruction">&lt;?xml version="1.0" encoding="utf-8"?&gt;</span>
+<span class="MXMLComponent_Tag">&lt;s:WindowedApplication</span><span class="MXMLDefault_Text">    xmlns:fx="</span><span class="MXMLString">http://ns.adobe.com/mxml/2009</span><span class="MXMLDefault_Text">" 
+            xmlns:s="</span><span class="MXMLString">library://ns.adobe.com/flex/spark</span><span class="MXMLDefault_Text">" 
+            xmlns:mx="</span><span class="MXMLString">library://ns.adobe.com/flex/mx</span><span class="MXMLDefault_Text">"
+            currentState="</span><span class="MXMLString">START_STATE</span><span class="MXMLDefault_Text">" styleName="</span><span class="MXMLString">plain</span><span class="MXMLDefault_Text">" 
+            width="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" height="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" backgroundColor="</span><span class="MXMLString">0x000000</span><span class="MXMLDefault_Text">" horizontalCenter="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+    
+    <span class="MXMLComment">&lt;!--</span><span class="MXMLComment"> Based on this sample: http://www.riaspace.net/2010/01/file-promises-with-adobe-air-2-0/ </span><span class="MXMLComment">--&gt;</span>
+    
+    <span class="MXMLSpecial_Tag">&lt;fx:Script&gt;</span>
+        &lt;![CDATA[
+            <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">air</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">desktop</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">URLFilePromise</span>;
+            
+            <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">flash</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">events</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">Event</span>;
+            <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">flash</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">events</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">MouseEvent</span>;
+            <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">flash</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">system</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">Capabilities</span>;
+            
+            <span class="ActionScriptReserved">protected</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">filePromise</span>:<span class="ActionScriptDefault_Text">URLFilePromise</span>;
+            
+            <span class="ActionScriptReserved">protected</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">imgAirIcon_mouseDownHandler</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">event</span>:<span class="ActionScriptDefault_Text">MouseEvent</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
+            <span class="ActionScriptBracket/Brace">{</span>
+                <span class="ActionScriptComment">// Instantiating new file promise
+</span>                <span class="ActionScriptDefault_Text">filePromise</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">URLFilePromise</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptComment">// Registering OPEN event listener, to switch to 
+</span>                <span class="ActionScriptComment">// DOWNLOAD_STATE when downloading starts
+</span>                <span class="ActionScriptDefault_Text">filePromise</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">addEventListener</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">Event</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">OPEN</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">onOpen</span><span class="ActionScriptBracket/Brace">)</span>;
+                
+                <span class="ActionScriptComment">// Setting URLRequest pointing to remote file
+</span>                <span class="ActionScriptDefault_Text">filePromise</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">request</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">URLRequest</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">fileUrl</span><span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptComment">// Setting relativePath with fileName to be saved locally
+</span>                <span class="ActionScriptDefault_Text">filePromise</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">relativePath</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">fileName</span>;
+                
+                <span class="ActionScriptComment">// Array of promises with single promise in this case
+</span>                <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">promises</span>:<span class="ActionScriptDefault_Text">Array</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">Array</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptDefault_Text">promises</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">push</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">filePromise</span><span class="ActionScriptBracket/Brace">)</span>;
+                
+                <span class="ActionScriptComment">// Instantiating clipboard object pointing to the promise
+</span>                <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">clipboard</span>:<span class="ActionScriptDefault_Text">Clipboard</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">Clipboard</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptDefault_Text">clipboard</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">setData</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">ClipboardFormats</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">FILE_PROMISE_LIST_FORMAT</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">promises</span><span class="ActionScriptBracket/Brace">)</span>;
+                
+                <span class="ActionScriptComment">// Dragging with NativeDragManager
+</span>                <span class="ActionScriptDefault_Text">NativeDragManager</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">doDrag</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">imgAirIcon</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">clipboard</span><span class="ActionScriptBracket/Brace">)</span>;
+            <span class="ActionScriptBracket/Brace">}</span>
+            
+            <span class="ActionScriptReserved">protected</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">onOpen</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">event</span>:<span class="ActionScriptDefault_Text">Event</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
+            <span class="ActionScriptBracket/Brace">{</span>
+                <span class="ActionScriptDefault_Text">currentState</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptString">"DOWNLOAD_STATE"</span>;
+                <span class="ActionScriptDefault_Text">prgBar</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">source</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">filePromise</span>;
+            <span class="ActionScriptBracket/Brace">}</span>
+            
+            <span class="ActionScriptReserved">protected</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptReserved">get</span> <span class="ActionScriptDefault_Text">fileUrl</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptDefault_Text">String</span>
+            <span class="ActionScriptBracket/Brace">{</span>
+                <span class="ActionScriptComment">// Returns remote file URL based on current operating system
+</span>                <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">Capabilities</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">os</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">search</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">/mac/i</span><span class="ActionScriptBracket/Brace">)</span> <span class="ActionScriptOperator">&gt;</span> <span class="ActionScriptOperator">-</span>1<span class="ActionScriptBracket/Brace">)</span>
+                    <span class="ActionScriptReserved">return</span> <span class="ActionScriptString">"http://airdownload.adobe.com/air/mac/download/latest/AdobeAIR.dmg"</span>;
+                <span class="ActionScriptReserved">else</span> <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">Capabilities</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">os</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">search</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">/win/i</span><span class="ActionScriptBracket/Brace">)</span> <span class="ActionScriptOperator">&gt;</span> <span class="ActionScriptOperator">-</span>1<span class="ActionScriptBracket/Brace">)</span>
+                    <span class="ActionScriptReserved">return</span> <span class="ActionScriptString">"http://airdownload.adobe.com/air/win/download/latest/AdobeAIRInstaller.exe"</span>;
+                <span class="ActionScriptReserved">else</span> 
+                    <span class="ActionScriptReserved">return</span> <span class="ActionScriptString">"http://airdownload.adobe.com/air/lin/download/latest/AdobeAIRInstaller.bin"</span>;
+            <span class="ActionScriptBracket/Brace">}</span>
+            
+            <span class="ActionScriptReserved">protected</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptReserved">get</span> <span class="ActionScriptDefault_Text">fileName</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptDefault_Text">String</span>
+            <span class="ActionScriptBracket/Brace">{</span>
+                <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">fileUrl</span>:<span class="ActionScriptDefault_Text">String</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">fileUrl</span>;
+                <span class="ActionScriptReserved">return</span> <span class="ActionScriptDefault_Text">fileUrl</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">slice</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">fileUrl</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">lastIndexOf</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">"/"</span><span class="ActionScriptBracket/Brace">)</span> <span class="ActionScriptOperator">+</span> 1<span class="ActionScriptBracket/Brace">)</span>;
+            <span class="ActionScriptBracket/Brace">}</span>
+        <span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptOperator">&gt;</span>
+    <span class="MXMLSpecial_Tag">&lt;/fx:Script&gt;</span>
+    
+    <span class="MXMLSpecial_Tag">&lt;fx:Declarations&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;s:State</span><span class="MXMLDefault_Text"> name="</span><span class="MXMLString">START_STATE</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;s:State</span><span class="MXMLDefault_Text"> name="</span><span class="MXMLString">DOWNLOAD_STATE</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+    <span class="MXMLSpecial_Tag">&lt;/fx:Declarations&gt;</span>
+    
+    <span class="MXMLComponent_Tag">&lt;s:VGroup</span><span class="MXMLDefault_Text"> paddingLeft="</span><span class="MXMLString">100</span><span class="MXMLDefault_Text">" paddingTop="</span><span class="MXMLString">50</span><span class="MXMLDefault_Text">" horizontalAlign="</span><span class="MXMLString">center</span><span class="MXMLDefault_Text">" gap="</span><span class="MXMLString">15</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;mx:Image</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">imgAirIcon</span><span class="MXMLDefault_Text">" source="</span><span class="MXMLString">@Embed(source='adobe_air_logo.png')</span><span class="MXMLDefault_Text">" mouseDown="</span><span class="ActionScriptDefault_Text">imgAirIcon_mouseDownHandler</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">event</span><span class="ActionScriptBracket/Brace">)</span><span class="MXMLDefault_Text">" toolTip="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">fileUrl</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">" </span><span class="MXMLComponent_Tag">/&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;s:Label</span><span class="MXMLDefault_Text"> text="</span><span class="MXMLString">(Drag out the icon to begin Adobe AIR download)</span><span class="MXMLDefault_Text">" color="</span><span class="MXMLString">0xFFFFFF</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;mx:ProgressBar</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">prgBar</span><span class="MXMLDefault_Text">" bottom="</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">" horizontalCenter="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">"  visible="</span><span class="MXMLString">false</span><span class="MXMLDefault_Text">" visible.DOWNLOAD_STATE="</span><span class="MXMLString">true</span><span class="MXMLDefault_Text">" 
+                        label="</span><span class="MXMLString">Downloading {</span><span class="ActionScriptDefault_Text">int</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">prgBar</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">percentComplete</span><span class="ActionScriptBracket/Brace">)</span><span class="MXMLString">}%</span><span class="MXMLDefault_Text">" color="</span><span class="MXMLString">0xFFFFFF</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+    <span class="MXMLComponent_Tag">&lt;/s:VGroup&gt;</span>
+        
+<span class="MXMLComponent_Tag">&lt;/s:WindowedApplication&gt;</span></pre></body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR20/Gestures/TDFPanelSkin.mxml.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR20/Gestures/TDFPanelSkin.mxml.html b/TourDeFlex/TourDeFlex/src/objects/AIR20/Gestures/TDFPanelSkin.mxml.html
new file mode 100644
index 0000000..fbb0bfb
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR20/Gestures/TDFPanelSkin.mxml.html
@@ -0,0 +1,146 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+<head>
+  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+  <meta http-equiv="Content-Style-Type" content="text/css">
+  <title>TDFPanelSkin.mxml</title>
+  <meta name="Generator" content="Cocoa HTML Writer">
+  <meta name="CocoaVersion" content="1187.4">
+  <style type="text/css">
+    p.p1 {margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Courier}
+    p.p2 {margin: 0.0px 0.0px 0.0px 0.0px; font: 11.0px Monaco; color: #941100}
+    p.p3 {margin: 0.0px 0.0px 0.0px 0.0px; font: 11.0px Monaco; min-height: 15.0px}
+    p.p4 {margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Courier; min-height: 14.0px}
+  </style>
+</head>
+<body>
+<p class="p1">&lt;?xml version="1.0" encoding="utf-8"?&gt;</p>
+<p class="p2">&lt;!--</p>
+<p class="p3"><br></p>
+<p class="p2">Licensed to the Apache Software Foundation (ASF) under one or more</p>
+<p class="p2">contributor license agreements.<span class="Apple-converted-space">  </span>See the NOTICE file distributed with</p>
+<p class="p2">this work for additional information regarding copyright ownership.</p>
+<p class="p2">The ASF licenses this file to You under the Apache License, Version 2.0</p>
+<p class="p2">(the "License"); you may not use this file except in compliance with</p>
+<p class="p2">the License.<span class="Apple-converted-space">  </span>You may obtain a copy of the License at</p>
+<p class="p3"><br></p>
+<p class="p2">http://www.apache.org/licenses/LICENSE-2.0</p>
+<p class="p3"><br></p>
+<p class="p2">Unless required by applicable law or agreed to in writing, software</p>
+<p class="p2">distributed under the License is distributed on an "AS IS" BASIS,</p>
+<p class="p2">WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.</p>
+<p class="p2">See the License for the specific language governing permissions and</p>
+<p class="p2">limitations under the License.</p>
+<p class="p3"><br></p>
+<p class="p2">--&gt;</p>
+<p class="p1">&lt;s:Skin xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark"<span class="Apple-converted-space"> </span></p>
+<p class="p1"><span class="Apple-converted-space">        </span>alpha.disabled="0.5" minWidth="131" minHeight="127"&gt;</p>
+<p class="p4"><span class="Apple-converted-space">    </span></p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;fx:Metadata&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>[HostComponent("spark.components.Panel")]</p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;/fx:Metadata&gt;<span class="Apple-converted-space"> </span></p>
+<p class="p4"><span class="Apple-converted-space">    </span></p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;s:states&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:State name="normal" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:State name="disabled" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:State name="normalWithControlBar" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:State name="disabledWithControlBar" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;/s:states&gt;</p>
+<p class="p4"><span class="Apple-converted-space">    </span></p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;!-- drop shadow --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;s:Rect left="0" top="0" right="0" bottom="0"&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:filters&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:DropShadowFilter blurX="15" blurY="15" alpha="0.18" distance="11" angle="90" knockout="true" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;/s:filters&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:SolidColor color="0" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;/s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;/s:Rect&gt;</p>
+<p class="p4"><span class="Apple-converted-space">    </span></p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;!-- layer 1: border --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;s:Rect left="0" right="0" top="0" bottom="0"&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:stroke&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:SolidColorStroke color="0" alpha="0.50" weight="1" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;/s:stroke&gt;</p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;/s:Rect&gt;</p>
+<p class="p4"><span class="Apple-converted-space">    </span></p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;!-- layer 2: background fill --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;s:Rect left="0" right="0" bottom="0" height="15"&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:LinearGradient rotation="90"&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;s:GradientEntry color="0xE2E2E2" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;s:GradientEntry color="0x000000" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;/s:LinearGradient&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;/s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;/s:Rect&gt;</p>
+<p class="p4"><span class="Apple-converted-space">    </span></p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;!-- layer 3: contents --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;s:Group left="1" right="1" top="1" bottom="1" &gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:layout&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:VerticalLayout gap="0" horizontalAlign="justify" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;/s:layout&gt;</p>
+<p class="p4"><span class="Apple-converted-space">        </span></p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:Group id="topGroup" &gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;!-- layer 0: title bar fill --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;!-- Note: We have custom skinned the title bar to be solid black for Tour de Flex --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:Rect id="tbFill" left="0" right="0" top="0" bottom="1" &gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                    </span>&lt;s:SolidColor color="0x000000" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;/s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;/s:Rect&gt;</p>
+<p class="p4"><span class="Apple-converted-space">            </span></p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;!-- layer 1: title bar highlight --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:Rect id="tbHilite" left="0" right="0" top="0" bottom="0" &gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;s:stroke&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                    </span>&lt;s:LinearGradientStroke rotation="90" weight="1"&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                        </span>&lt;s:GradientEntry color="0xEAEAEA" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                        </span>&lt;s:GradientEntry color="0xD9D9D9" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                    </span>&lt;/s:LinearGradientStroke&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;/s:stroke&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;/s:Rect&gt;</p>
+<p class="p4"><span class="Apple-converted-space">            </span></p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;!-- layer 2: title bar divider --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:Rect id="tbDiv" left="0" right="0" height="1" bottom="0"&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                    </span>&lt;s:SolidColor color="0xC0C0C0" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;/s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;/s:Rect&gt;</p>
+<p class="p4"><span class="Apple-converted-space">            </span></p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;!-- layer 3: text --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:Label id="titleDisplay" maxDisplayedLines="1"</p>
+<p class="p1"><span class="Apple-converted-space">                     </span>left="9" right="3" top="1" minHeight="30"</p>
+<p class="p1"><span class="Apple-converted-space">                     </span>verticalAlign="middle" fontWeight="bold" color="#E2E2E2"&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;/s:Label&gt;</p>
+<p class="p4"><span class="Apple-converted-space">            </span></p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;/s:Group&gt;</p>
+<p class="p4"><span class="Apple-converted-space">        </span></p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:Group id="contentGroup" width="100%" height="100%" minWidth="0" minHeight="0"&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;/s:Group&gt;</p>
+<p class="p4"><span class="Apple-converted-space">        </span></p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:Group id="bottomGroup" minWidth="0" minHeight="0"</p>
+<p class="p1"><span class="Apple-converted-space">                 </span>includeIn="normalWithControlBar, disabledWithControlBar" &gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;!-- layer 0: control bar background --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:Rect left="0" right="0" bottom="0" top="1" &gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                    </span>&lt;s:SolidColor color="0xE2EdF7" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;/s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;/s:Rect&gt;</p>
+<p class="p4"><span class="Apple-converted-space">            </span></p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;!-- layer 1: control bar divider line --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:Rect left="0" right="0" top="0" height="1" &gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                    </span>&lt;s:SolidColor color="0xD1E0F2" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;/s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;/s:Rect&gt;</p>
+<p class="p4"><span class="Apple-converted-space">            </span></p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;!-- layer 2: control bar --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:Group id="controlBarGroup" left="0" right="0" top="1" bottom="1" minWidth="0" minHeight="0"&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;s:layout&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                    </span>&lt;s:HorizontalLayout paddingLeft="10" paddingRight="10" paddingTop="7" paddingBottom="7" gap="10" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;/s:layout&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;/s:Group&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;/s:Group&gt;</p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;/s:Group&gt;</p>
+<p class="p1">&lt;/s:Skin&gt;</p>
+</body>
+</html>


[19/51] [partial] Merged TourDeFlex release from develop

Posted by jm...@apache.org.
http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR20/NetworkInfo/srcview/SourceStyles.css
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR20/NetworkInfo/srcview/SourceStyles.css b/TourDeFlex/TourDeFlex/src/objects/AIR20/NetworkInfo/srcview/SourceStyles.css
new file mode 100644
index 0000000..9d5210f
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR20/NetworkInfo/srcview/SourceStyles.css
@@ -0,0 +1,155 @@
+/*
+ * 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.
+ */
+body {
+	font-family: Courier New, Courier, monospace;
+	font-size: medium;
+}
+
+.ActionScriptASDoc {
+	color: #3f5fbf;
+}
+
+.ActionScriptBracket/Brace {
+}
+
+.ActionScriptComment {
+	color: #009900;
+	font-style: italic;
+}
+
+.ActionScriptDefault_Text {
+}
+
+.ActionScriptMetadata {
+	color: #0033ff;
+	font-weight: bold;
+}
+
+.ActionScriptOperator {
+}
+
+.ActionScriptReserved {
+	color: #0033ff;
+	font-weight: bold;
+}
+
+.ActionScriptString {
+	color: #990000;
+	font-weight: bold;
+}
+
+.ActionScriptclass {
+	color: #9900cc;
+	font-weight: bold;
+}
+
+.ActionScriptfunction {
+	color: #339966;
+	font-weight: bold;
+}
+
+.ActionScriptinterface {
+	color: #9900cc;
+	font-weight: bold;
+}
+
+.ActionScriptpackage {
+	color: #9900cc;
+	font-weight: bold;
+}
+
+.ActionScripttrace {
+	color: #cc6666;
+	font-weight: bold;
+}
+
+.ActionScriptvar {
+	color: #6699cc;
+	font-weight: bold;
+}
+
+.MXMLASDoc {
+	color: #3f5fbf;
+}
+
+.MXMLComment {
+	color: #800000;
+}
+
+.MXMLComponent_Tag {
+	color: #0000ff;
+}
+
+.MXMLDefault_Text {
+}
+
+.MXMLProcessing_Instruction {
+}
+
+.MXMLSpecial_Tag {
+	color: #006633;
+}
+
+.MXMLString {
+	color: #990000;
+}
+
+.CSS@font-face {
+	color: #990000;
+	font-weight: bold;
+}
+
+.CSS@import {
+	color: #006666;
+	font-weight: bold;
+}
+
+.CSS@media {
+	color: #663333;
+	font-weight: bold;
+}
+
+.CSS@namespace {
+	color: #923196;
+}
+
+.CSSComment {
+	color: #999999;
+}
+
+.CSSDefault_Text {
+}
+
+.CSSDelimiters {
+}
+
+.CSSProperty_Name {
+	color: #330099;
+}
+
+.CSSProperty_Value {
+	color: #3333cc;
+}
+
+.CSSSelector {
+	color: #ff00ff;
+}
+
+.CSSString {
+	color: #990000;
+}
+

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR20/NetworkInfo/srcview/SourceTree.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR20/NetworkInfo/srcview/SourceTree.html b/TourDeFlex/TourDeFlex/src/objects/AIR20/NetworkInfo/srcview/SourceTree.html
new file mode 100644
index 0000000..80281a9
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR20/NetworkInfo/srcview/SourceTree.html
@@ -0,0 +1,129 @@
+<!--
+  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.
+-->
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<!-- saved from url=(0014)about:internet -->
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">	
+    <!-- 
+    Smart developers always View Source. 
+    
+    This application was built using Adobe Flex, an open source framework
+    for building rich Internet applications that get delivered via the
+    Flash Player or to desktops via Adobe AIR. 
+    
+    Learn more about Flex at http://flex.org 
+    // -->
+    <head>
+        <title></title>         
+        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+		<!-- Include CSS to eliminate any default margins/padding and set the height of the html element and 
+		     the body element to 100%, because Firefox, or any Gecko based browser, interprets percentage as 
+			 the percentage of the height of its parent container, which has to be set explicitly.  Initially, 
+			 don't display flashContent div so it won't show if JavaScript disabled.
+		-->
+        <style type="text/css" media="screen"> 
+			html, body	{ height:100%; }
+			body { margin:0; padding:0; overflow:auto; text-align:center; 
+			       background-color: #ffffff; }   
+			#flashContent { display:none; }
+        </style>
+		
+		<!-- Enable Browser History by replacing useBrowserHistory tokens with two hyphens -->
+        <!-- BEGIN Browser History required section >
+        <link rel="stylesheet" type="text/css" href="history/history.css" />
+        <script type="text/javascript" src="history/history.js"></script>
+        <! END Browser History required section -->  
+		    
+        <script type="text/javascript" src="swfobject.js"></script>
+        <script type="text/javascript">
+  	        function loadIntoMain(url) {
+				parent.mainFrame.location.href = url;
+			}
+			
+			function openUrlWindow(url) {
+				window.top.location = url;
+			}
+			
+            <!-- For version detection, set to min. required Flash Player version, or 0 (or 0.0.0), for no version detection. --> 
+            var swfVersionStr = "10.0.0";
+            <!-- To use express install, set to playerProductInstall.swf, otherwise the empty string. -->
+            var xiSwfUrlStr = "playerProductInstall.swf";
+            var flashvars = {};
+            var params = {};
+            params.quality = "high";
+            params.bgcolor = "#ffffff";
+            params.allowscriptaccess = "sameDomain";
+            params.allowfullscreen = "true";
+            var attributes = {};
+            attributes.id = "SourceTree";
+            attributes.name = "SourceTree";
+            attributes.align = "middle";
+            swfobject.embedSWF(
+                "SourceTree.swf", "flashContent", 
+                "100%", "100%", 
+                swfVersionStr, xiSwfUrlStr, 
+                flashvars, params, attributes);
+			<!-- JavaScript enabled so display the flashContent div in case it is not replaced with a swf object. -->
+			swfobject.createCSS("#flashContent", "display:block;text-align:left;");
+        </script>
+    </head>
+    <body>
+        <!-- SWFObject's dynamic embed method replaces this alternative HTML content with Flash content when enough 
+			 JavaScript and Flash plug-in support is available. The div is initially hidden so that it doesn't show
+			 when JavaScript is disabled.
+		-->
+        <div id="flashContent">
+        	<p>
+	        	To view this page ensure that Adobe Flash Player version 
+				10.0.0 or greater is installed. 
+			</p>
+			<script type="text/javascript"> 
+				var pageHost = ((document.location.protocol == "https:") ? "https://" :	"http://"); 
+				document.write("<a href='http://www.adobe.com/go/getflashplayer'><img src='" 
+								+ pageHost + "www.adobe.com/images/shared/download_buttons/get_flash_player.gif' alt='Get Adobe Flash player' /></a>" ); 
+			</script> 
+        </div>
+	   	
+       	<noscript>
+            <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="100%" height="100%" id="SourceTree">
+                <param name="movie" value="SourceTree.swf" />
+                <param name="quality" value="high" />
+                <param name="bgcolor" value="#ffffff" />
+                <param name="allowScriptAccess" value="sameDomain" />
+                <param name="allowFullScreen" value="true" />
+                <!--[if !IE]>-->
+                <object type="application/x-shockwave-flash" data="SourceTree.swf" width="100%" height="100%">
+                    <param name="quality" value="high" />
+                    <param name="bgcolor" value="#ffffff" />
+                    <param name="allowScriptAccess" value="sameDomain" />
+                    <param name="allowFullScreen" value="true" />
+                <!--<![endif]-->
+                <!--[if gte IE 6]>-->
+                	<p> 
+                		Either scripts and active content are not permitted to run or Adobe Flash Player version
+                		10.0.0 or greater is not installed.
+                	</p>
+                <!--<![endif]-->
+                    <a href="http://www.adobe.com/go/getflashplayer">
+                        <img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash Player" />
+                    </a>
+                <!--[if !IE]>-->
+                </object>
+                <!--<![endif]-->
+            </object>
+	    </noscript>		
+   </body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR20/NetworkInfo/srcview/index.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR20/NetworkInfo/srcview/index.html b/TourDeFlex/TourDeFlex/src/objects/AIR20/NetworkInfo/srcview/index.html
new file mode 100644
index 0000000..2caa9d3
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR20/NetworkInfo/srcview/index.html
@@ -0,0 +1,32 @@
+<!--
+  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.
+-->
+<!-- saved from url=(0014)about:internet -->
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+<title>Source of Sample-AIR2-NetworkInfo</title>
+</head>
+<frameset cols="235,*" border="2" framespacing="1">
+    <frame src="SourceTree.html" name="leftFrame" scrolling="NO">
+    <frame src="source/sample.mxml.html" name="mainFrame">
+</frameset>
+<noframes>
+	<body>		
+	</body>
+</noframes>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR20/NetworkInfo/srcview/source/sample-app.xml.txt
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR20/NetworkInfo/srcview/source/sample-app.xml.txt b/TourDeFlex/TourDeFlex/src/objects/AIR20/NetworkInfo/srcview/source/sample-app.xml.txt
new file mode 100644
index 0000000..58d0d2e
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR20/NetworkInfo/srcview/source/sample-app.xml.txt
@@ -0,0 +1,153 @@
+<?xml version="1.0" encoding="utf-8" standalone="no"?>
+<!--
+
+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.
+
+-->
+<application xmlns="http://ns.adobe.com/air/application/2.0">
+
+<!-- Adobe AIR Application Descriptor File Template.
+
+	Specifies parameters for identifying, installing, and launching AIR applications.
+
+	xmlns - The Adobe AIR namespace: http://ns.adobe.com/air/application/2.0beta
+			The last segment of the namespace specifies the version 
+			of the AIR runtime required for this application to run.
+			
+	minimumPatchLevel - The minimum patch level of the AIR runtime required to run 
+			the application. Optional.
+-->
+
+	<!-- The application identifier string, unique to this application. Required. -->
+	<id>NetworkInfoSample</id>
+
+	<!-- Used as the filename for the application. Required. -->
+	<filename>Network Info Sample</filename>
+
+	<!-- The name that is displayed in the AIR application installer. 
+	     May have multiple values for each language. See samples or xsd schema file. Optional. -->
+	<name>Network Info Sample</name>
+
+	<!-- An application version designator (such as "v1", "2.5", or "Alpha 1"). Required. -->
+	<version>v1</version>
+
+	<!-- Description, displayed in the AIR application installer.
+	     May have multiple values for each language. See samples or xsd schema file. Optional. -->
+	<!-- <description></description> -->
+
+	<!-- Copyright information. Optional -->
+	<!-- <copyright></copyright> -->
+
+	<!-- Settings for the application's initial window. Required. -->
+	<initialWindow>
+		<!-- The main SWF or HTML file of the application. Required. -->
+		<!-- Note: In Flash Builder, the SWF reference is set automatically. -->
+		<content>[This value will be overwritten by Flash Builder in the output app.xml]</content>
+		
+		<!-- The title of the main window. Optional. -->
+		<!-- <title></title> -->
+
+		<!-- The type of system chrome to use (either "standard" or "none"). Optional. Default standard. -->
+		<!-- <systemChrome></systemChrome> -->
+
+		<!-- Whether the window is transparent. Only applicable when systemChrome is none. Optional. Default false. -->
+		<!-- <transparent></transparent> -->
+
+		<!-- Whether the window is initially visible. Optional. Default false. -->
+		<!-- <visible></visible> -->
+
+		<!-- Whether the user can minimize the window. Optional. Default true. -->
+		<!-- <minimizable></minimizable> -->
+
+		<!-- Whether the user can maximize the window. Optional. Default true. -->
+		<!-- <maximizable></maximizable> -->
+
+		<!-- Whether the user can resize the window. Optional. Default true. -->
+		<!-- <resizable></resizable> -->
+
+		<!-- The window's initial width in pixels. Optional. -->
+		<!-- <width></width> -->
+
+		<!-- The window's initial height in pixels. Optional. -->
+		<!-- <height></height> -->
+
+		<!-- The window's initial x position. Optional. -->
+		<!-- <x></x> -->
+
+		<!-- The window's initial y position. Optional. -->
+		<!-- <y></y> -->
+
+		<!-- The window's minimum size, specified as a width/height pair in pixels, such as "400 200". Optional. -->
+		<!-- <minSize></minSize> -->
+
+		<!-- The window's initial maximum size, specified as a width/height pair in pixels, such as "1600 1200". Optional. -->
+		<!-- <maxSize></maxSize> -->
+	</initialWindow>
+
+	<!-- The subpath of the standard default installation location to use. Optional. -->
+	<!-- <installFolder></installFolder> -->
+
+	<!-- The subpath of the Programs menu to use. (Ignored on operating systems without a Programs menu.) Optional. -->
+	<!-- <programMenuFolder></programMenuFolder> -->
+
+	<!-- The icon the system uses for the application. For at least one resolution,
+		 specify the path to a PNG file included in the AIR package. Optional. -->
+	<!-- <icon>
+		<image16x16></image16x16>
+		<image32x32></image32x32>
+		<image48x48></image48x48>
+		<image128x128></image128x128>
+	</icon> -->
+
+	<!-- Whether the application handles the update when a user double-clicks an update version
+	of the AIR file (true), or the default AIR application installer handles the update (false).
+	Optional. Default false. -->
+	<!-- <customUpdateUI></customUpdateUI> -->
+	
+	<!-- Whether the application can be launched when the user clicks a link in a web browser.
+	Optional. Default false. -->
+	<!-- <allowBrowserInvocation></allowBrowserInvocation> -->
+
+	<!-- Listing of file types for which the application can register. Optional. -->
+	<!-- <fileTypes> -->
+
+		<!-- Defines one file type. Optional. -->
+		<!-- <fileType> -->
+
+			<!-- The name that the system displays for the registered file type. Required. -->
+			<!-- <name></name> -->
+
+			<!-- The extension to register. Required. -->
+			<!-- <extension></extension> -->
+			
+			<!-- The description of the file type. Optional. -->
+			<!-- <description></description> -->
+			
+			<!-- The MIME content type. -->
+			<!-- <contentType></contentType> -->
+			
+			<!-- The icon to display for the file type. Optional. -->
+			<!-- <icon>
+				<image16x16></image16x16>
+				<image32x32></image32x32>
+				<image48x48></image48x48>
+				<image128x128></image128x128>
+			</icon> -->
+			
+		<!-- </fileType> -->
+	<!-- </fileTypes> -->
+
+</application>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR20/NetworkInfo/srcview/source/sample.mxml.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR20/NetworkInfo/srcview/source/sample.mxml.html b/TourDeFlex/TourDeFlex/src/objects/AIR20/NetworkInfo/srcview/source/sample.mxml.html
new file mode 100644
index 0000000..31bcce6
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR20/NetworkInfo/srcview/source/sample.mxml.html
@@ -0,0 +1,85 @@
+<!--
+  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.
+-->
+<!-- saved from url=(0014)about:internet -->
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+<title>sample.mxml</title>
+<link rel="stylesheet" type="text/css" href="../SourceStyles.css"/>
+</head>
+
+<body><pre><span class="MXMLComponent_Tag">&lt;s:WindowedApplication</span><span class="MXMLDefault_Text"> xmlns:fx="</span><span class="MXMLString">http://ns.adobe.com/mxml/2009</span><span class="MXMLDefault_Text">" 
+                       xmlns:s="</span><span class="MXMLString">library://ns.adobe.com/flex/spark</span><span class="MXMLDefault_Text">" 
+                       xmlns:mx="</span><span class="MXMLString">library://ns.adobe.com/flex/mx</span><span class="MXMLDefault_Text">" 
+                       styleName="</span><span class="MXMLString">plain</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" height="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+    
+    <span class="MXMLSpecial_Tag">&lt;fx:Script&gt;</span>
+        &lt;![CDATA[
+            <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">flash</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">events</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">ErrorEvent</span>;
+            <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">flash</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">events</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">MouseEvent</span>;
+            <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">flash</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">net</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">NetworkInfo</span>;
+            <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">flash</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">net</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">NetworkInterface</span>;
+            <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">flash</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">events</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">UncaughtErrorEvent</span>;
+            
+            <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">mx</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">collections</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">ArrayCollection</span>;
+            
+            <span class="ActionScriptBracket/Brace">[</span><span class="ActionScriptMetadata">Bindable</span><span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptReserved">private</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">ac</span>:<span class="ActionScriptDefault_Text">ArrayCollection</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">ArrayCollection</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
+            
+            <span class="ActionScriptReserved">protected</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">button1_clickHandler</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">event</span>:<span class="ActionScriptDefault_Text">MouseEvent</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
+            <span class="ActionScriptBracket/Brace">{</span>
+                <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">ni</span>:<span class="ActionScriptDefault_Text">NetworkInfo</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">NetworkInfo</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">networkInfo</span>;
+                <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">interfaceVector</span>:<span class="ActionScriptDefault_Text">Vector</span><span class="ActionScriptBracket/Brace">.&lt;</span><span class="ActionScriptDefault_Text">NetworkInterface</span><span class="ActionScriptBracket/Brace">&gt;</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">ni</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">findInterfaces</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
+                
+                <span class="ActionScriptReserved">for each</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">item</span>:<span class="ActionScriptDefault_Text">NetworkInterface</span> <span class="ActionScriptReserved">in</span> <span class="ActionScriptDefault_Text">interfaceVector</span><span class="ActionScriptBracket/Brace">)</span>
+                <span class="ActionScriptBracket/Brace">{</span>
+                    <span class="ActionScriptDefault_Text">ac</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">addItem</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">item</span><span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptBracket/Brace">}</span>
+            <span class="ActionScriptBracket/Brace">}</span>
+            
+            <span class="ActionScriptReserved">protected</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">addressFunction</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">item</span>:<span class="ActionScriptDefault_Text">Object</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">column</span>:<span class="ActionScriptDefault_Text">DataGridColumn</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptDefault_Text">String</span>
+            <span class="ActionScriptBracket/Brace">{</span>
+                <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">NetworkInterface</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">item</span><span class="ActionScriptBracket/Brace">)</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">addresses</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">length</span> <span class="ActionScriptOperator">&gt;</span> 0<span class="ActionScriptBracket/Brace">)</span>
+                <span class="ActionScriptBracket/Brace">{</span>
+                    <span class="ActionScriptReserved">return</span> <span class="ActionScriptDefault_Text">NetworkInterface</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">item</span><span class="ActionScriptBracket/Brace">)</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">addresses</span><span class="ActionScriptBracket/Brace">[</span>0<span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">address</span>;    
+                <span class="ActionScriptBracket/Brace">}</span>
+                <span class="ActionScriptReserved">else</span> <span class="ActionScriptReserved">return</span> <span class="ActionScriptString">""</span>;
+            <span class="ActionScriptBracket/Brace">}</span>
+        <span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptOperator">&gt;</span>
+    <span class="MXMLSpecial_Tag">&lt;/fx:Script&gt;</span>
+
+    <span class="MXMLComponent_Tag">&lt;s:Panel</span><span class="MXMLDefault_Text"> width="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" height="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" title="</span><span class="MXMLString">NetworkInfo Sample</span><span class="MXMLDefault_Text">" skinClass="</span><span class="MXMLString">skins.TDFPanelSkin</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;s:VGroup</span><span class="MXMLDefault_Text"> width="</span><span class="MXMLString">98%</span><span class="MXMLDefault_Text">" height="</span><span class="MXMLString">98%</span><span class="MXMLDefault_Text">" top="</span><span class="MXMLString">5</span><span class="MXMLDefault_Text">" left="</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;s:Button</span><span class="MXMLDefault_Text"> label="</span><span class="MXMLString">Find Network Interfaces</span><span class="MXMLDefault_Text">" click="</span><span class="ActionScriptDefault_Text">button1_clickHandler</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">event</span><span class="ActionScriptBracket/Brace">)</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>    
+            <span class="MXMLComponent_Tag">&lt;mx:DataGrid</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">dataGrid</span><span class="MXMLDefault_Text">" dataProvider="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">ac</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">650</span><span class="MXMLDefault_Text">" height="</span><span class="MXMLString">120</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+                <span class="MXMLComponent_Tag">&lt;mx:columns&gt;</span>
+                    <span class="MXMLComponent_Tag">&lt;mx:DataGridColumn</span><span class="MXMLDefault_Text"> dataField="</span><span class="MXMLString">name</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+                    <span class="MXMLComponent_Tag">&lt;mx:DataGridColumn</span><span class="MXMLDefault_Text"> dataField="</span><span class="MXMLString">hardwareAddress</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">140</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+                    <span class="MXMLComponent_Tag">&lt;mx:DataGridColumn</span><span class="MXMLDefault_Text"> dataField="</span><span class="MXMLString">active</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">70</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+                    <span class="MXMLComponent_Tag">&lt;mx:DataGridColumn</span><span class="MXMLDefault_Text"> dataField="</span><span class="MXMLString">addresses</span><span class="MXMLDefault_Text">" labelFunction="</span><span class="MXMLString">addressFunction</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">150</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+                    <span class="MXMLComponent_Tag">&lt;mx:DataGridColumn</span><span class="MXMLDefault_Text"> dataField="</span><span class="MXMLString">mtu</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+                <span class="MXMLComponent_Tag">&lt;/mx:columns&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;/mx:DataGrid&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;s:Label</span><span class="MXMLDefault_Text"> width="</span><span class="MXMLString">650</span><span class="MXMLDefault_Text">" verticalAlign="</span><span class="MXMLString">justify</span><span class="MXMLDefault_Text">" color="</span><span class="MXMLString">#323232</span><span class="MXMLDefault_Text">" 
+                     text="</span><span class="MXMLString">The NetworkInfo class provides information about the network interfaces on a computer. Most computers 
+    have one or more interfaces, such as a wired and a wireless network interface. Additional interfaces such as VPN, loopback, or virtual interfaces may also be present. Click
+    the Find Network Interfaces button to display your current interfaces.</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;/s:VGroup&gt;</span>
+    <span class="MXMLComponent_Tag">&lt;/s:Panel&gt;</span>
+    
+<span class="MXMLComponent_Tag">&lt;/s:WindowedApplication&gt;</span></pre></body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR20/NetworkInfo/srcview/source/skins/TDFPanelSkin.mxml.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR20/NetworkInfo/srcview/source/skins/TDFPanelSkin.mxml.html b/TourDeFlex/TourDeFlex/src/objects/AIR20/NetworkInfo/srcview/source/skins/TDFPanelSkin.mxml.html
new file mode 100644
index 0000000..847dc77
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR20/NetworkInfo/srcview/source/skins/TDFPanelSkin.mxml.html
@@ -0,0 +1,158 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+<head>
+  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+  <meta http-equiv="Content-Style-Type" content="text/css">
+  <title>TDFPanelSkin.mxml</title>
+  <meta name="Generator" content="Cocoa HTML Writer">
+  <meta name="CocoaVersion" content="1187.4">
+  <style type="text/css">
+    p.p1 {margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Courier}
+    p.p2 {margin: 0.0px 0.0px 0.0px 0.0px; font: 11.0px Monaco; color: #941100}
+    p.p3 {margin: 0.0px 0.0px 0.0px 0.0px; font: 11.0px Monaco; min-height: 15.0px}
+    p.p4 {margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Courier; min-height: 14.0px}
+  </style>
+</head>
+<body>
+<p class="p1">&lt;?xml version="1.0" encoding="utf-8"?&gt;</p>
+<p class="p2">&lt;!--</p>
+<p class="p3"><br></p>
+<p class="p2">Licensed to the Apache Software Foundation (ASF) under one or more</p>
+<p class="p2">contributor license agreements.<span class="Apple-converted-space">  </span>See the NOTICE file distributed with</p>
+<p class="p2">this work for additional information regarding copyright ownership.</p>
+<p class="p2">The ASF licenses this file to You under the Apache License, Version 2.0</p>
+<p class="p2">(the "License"); you may not use this file except in compliance with</p>
+<p class="p2">the License.<span class="Apple-converted-space">  </span>You may obtain a copy of the License at</p>
+<p class="p3"><br></p>
+<p class="p2">http://www.apache.org/licenses/LICENSE-2.0</p>
+<p class="p3"><br></p>
+<p class="p2">Unless required by applicable law or agreed to in writing, software</p>
+<p class="p2">distributed under the License is distributed on an "AS IS" BASIS,</p>
+<p class="p2">WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.</p>
+<p class="p2">See the License for the specific language governing permissions and</p>
+<p class="p2">limitations under the License.</p>
+<p class="p3"><br></p>
+<p class="p2">--&gt;</p>
+<p class="p4"><br></p>
+<p class="p1">&lt;!--</p>
+<p class="p4"><br></p>
+<p class="p1">ADOBE SYSTEMS INCORPORATED</p>
+<p class="p1">Copyright 2008 Adobe Systems Incorporated</p>
+<p class="p1">All Rights Reserved.</p>
+<p class="p4"><br></p>
+<p class="p1">NOTICE: Adobe permits you to use, modify, and distribute this file</p>
+<p class="p1">in accordance with the terms of the license agreement accompanying it.</p>
+<p class="p4"><br></p>
+<p class="p1">--&gt;</p>
+<p class="p4"><br></p>
+<p class="p1">&lt;s:Skin xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark"<span class="Apple-converted-space"> </span></p>
+<p class="p1"><span class="Apple-converted-space">        </span>alpha.disabled="0.5" minWidth="131" minHeight="127"&gt;</p>
+<p class="p4"><span class="Apple-converted-space">    </span></p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;fx:Metadata&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>[HostComponent("spark.components.Panel")]</p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;/fx:Metadata&gt;<span class="Apple-converted-space"> </span></p>
+<p class="p4"><span class="Apple-converted-space">    </span></p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;s:states&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:State name="normal" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:State name="disabled" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:State name="normalWithControlBar" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:State name="disabledWithControlBar" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;/s:states&gt;</p>
+<p class="p4"><span class="Apple-converted-space">    </span></p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;!-- drop shadow --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;s:Rect left="0" top="0" right="0" bottom="0"&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:filters&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:DropShadowFilter blurX="15" blurY="15" alpha="0.18" distance="11" angle="90" knockout="true" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;/s:filters&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:SolidColor color="0" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;/s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;/s:Rect&gt;</p>
+<p class="p4"><span class="Apple-converted-space">    </span></p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;!-- layer 1: border --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;s:Rect left="0" right="0" top="0" bottom="0"&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:stroke&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:SolidColorStroke color="0" alpha="0.50" weight="1" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;/s:stroke&gt;</p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;/s:Rect&gt;</p>
+<p class="p4"><span class="Apple-converted-space">    </span></p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;!-- layer 2: background fill --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;s:Rect left="0" right="0" bottom="0" height="15"&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:LinearGradient rotation="90"&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;s:GradientEntry color="0xE2E2E2" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;s:GradientEntry color="0x000000" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;/s:LinearGradient&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;/s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;/s:Rect&gt;</p>
+<p class="p4"><span class="Apple-converted-space">    </span></p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;!-- layer 3: contents --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;s:Group left="1" right="1" top="1" bottom="1" &gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:layout&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:VerticalLayout gap="0" horizontalAlign="justify" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;/s:layout&gt;</p>
+<p class="p4"><span class="Apple-converted-space">        </span></p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:Group id="topGroup" &gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;!-- layer 0: title bar fill --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;!-- Note: We have custom skinned the title bar to be solid black for Tour de Flex --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:Rect id="tbFill" left="0" right="0" top="0" bottom="1" &gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                    </span>&lt;s:SolidColor color="0x000000" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;/s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;/s:Rect&gt;</p>
+<p class="p4"><span class="Apple-converted-space">            </span></p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;!-- layer 1: title bar highlight --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:Rect id="tbHilite" left="0" right="0" top="0" bottom="0" &gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;s:stroke&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                    </span>&lt;s:LinearGradientStroke rotation="90" weight="1"&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                        </span>&lt;s:GradientEntry color="0xEAEAEA" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                        </span>&lt;s:GradientEntry color="0xD9D9D9" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                    </span>&lt;/s:LinearGradientStroke&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;/s:stroke&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;/s:Rect&gt;</p>
+<p class="p4"><span class="Apple-converted-space">            </span></p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;!-- layer 2: title bar divider --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:Rect id="tbDiv" left="0" right="0" height="1" bottom="0"&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                    </span>&lt;s:SolidColor color="0xC0C0C0" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;/s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;/s:Rect&gt;</p>
+<p class="p4"><span class="Apple-converted-space">            </span></p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;!-- layer 3: text --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:Label id="titleDisplay" maxDisplayedLines="1"</p>
+<p class="p1"><span class="Apple-converted-space">                     </span>left="9" right="3" top="1" minHeight="30"</p>
+<p class="p1"><span class="Apple-converted-space">                     </span>verticalAlign="middle" fontWeight="bold" color="#E2E2E2"&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;/s:Label&gt;</p>
+<p class="p4"><span class="Apple-converted-space">            </span></p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;/s:Group&gt;</p>
+<p class="p4"><span class="Apple-converted-space">        </span></p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:Group id="contentGroup" width="100%" height="100%" minWidth="0" minHeight="0"&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;/s:Group&gt;</p>
+<p class="p4"><span class="Apple-converted-space">        </span></p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:Group id="bottomGroup" minWidth="0" minHeight="0"</p>
+<p class="p1"><span class="Apple-converted-space">                 </span>includeIn="normalWithControlBar, disabledWithControlBar" &gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;!-- layer 0: control bar background --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:Rect left="0" right="0" bottom="0" top="1" &gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                    </span>&lt;s:SolidColor color="0xE2EdF7" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;/s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;/s:Rect&gt;</p>
+<p class="p4"><span class="Apple-converted-space">            </span></p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;!-- layer 1: control bar divider line --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:Rect left="0" right="0" top="0" height="1" &gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                    </span>&lt;s:SolidColor color="0xD1E0F2" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;/s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;/s:Rect&gt;</p>
+<p class="p4"><span class="Apple-converted-space">            </span></p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;!-- layer 2: control bar --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:Group id="controlBarGroup" left="0" right="0" top="1" bottom="1" minWidth="0" minHeight="0"&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;s:layout&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                    </span>&lt;s:HorizontalLayout paddingLeft="10" paddingRight="10" paddingTop="7" paddingBottom="7" gap="10" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;/s:layout&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;/s:Group&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;/s:Group&gt;</p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;/s:Group&gt;</p>
+<p class="p1">&lt;/s:Skin&gt;</p>
+</body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR20/OpenWithDefaultApp/TDFPanelSkin.mxml.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR20/OpenWithDefaultApp/TDFPanelSkin.mxml.html b/TourDeFlex/TourDeFlex/src/objects/AIR20/OpenWithDefaultApp/TDFPanelSkin.mxml.html
new file mode 100644
index 0000000..df79d11
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR20/OpenWithDefaultApp/TDFPanelSkin.mxml.html
@@ -0,0 +1,147 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+<head>
+  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+  <meta http-equiv="Content-Style-Type" content="text/css">
+  <title>TDFPanelSkin.mxml</title>
+  <meta name="Generator" content="Cocoa HTML Writer">
+  <meta name="CocoaVersion" content="1187.4">
+  <style type="text/css">
+    p.p1 {margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Courier}
+    p.p2 {margin: 0.0px 0.0px 0.0px 0.0px; font: 11.0px Monaco; color: #941100}
+    p.p3 {margin: 0.0px 0.0px 0.0px 0.0px; font: 11.0px Monaco; min-height: 15.0px}
+    p.p4 {margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Courier; min-height: 14.0px}
+  </style>
+</head>
+<body>
+<p class="p1">&lt;?xml version="1.0" encoding="utf-8"?&gt;</p>
+<p class="p2">&lt;!--</p>
+<p class="p3"><br></p>
+<p class="p2">Licensed to the Apache Software Foundation (ASF) under one or more</p>
+<p class="p2">contributor license agreements.<span class="Apple-converted-space">  </span>See the NOTICE file distributed with</p>
+<p class="p2">this work for additional information regarding copyright ownership.</p>
+<p class="p2">The ASF licenses this file to You under the Apache License, Version 2.0</p>
+<p class="p2">(the "License"); you may not use this file except in compliance with</p>
+<p class="p2">the License.<span class="Apple-converted-space">  </span>You may obtain a copy of the License at</p>
+<p class="p3"><br></p>
+<p class="p2">http://www.apache.org/licenses/LICENSE-2.0</p>
+<p class="p3"><br></p>
+<p class="p2">Unless required by applicable law or agreed to in writing, software</p>
+<p class="p2">distributed under the License is distributed on an "AS IS" BASIS,</p>
+<p class="p2">WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.</p>
+<p class="p2">See the License for the specific language governing permissions and</p>
+<p class="p2">limitations under the License.</p>
+<p class="p3"><br></p>
+<p class="p2">--&gt;</p>
+<p class="p4"><br></p>
+<p class="p1">&lt;s:Skin xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark"<span class="Apple-converted-space"> </span></p>
+<p class="p1"><span class="Apple-converted-space">        </span>alpha.disabled="0.5" minWidth="131" minHeight="127"&gt;</p>
+<p class="p4"><span class="Apple-converted-space">    </span></p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;fx:Metadata&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>[HostComponent("spark.components.Panel")]</p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;/fx:Metadata&gt;<span class="Apple-converted-space"> </span></p>
+<p class="p4"><span class="Apple-converted-space">    </span></p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;s:states&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:State name="normal" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:State name="disabled" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:State name="normalWithControlBar" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:State name="disabledWithControlBar" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;/s:states&gt;</p>
+<p class="p4"><span class="Apple-converted-space">    </span></p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;!-- drop shadow --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;s:Rect left="0" top="0" right="0" bottom="0"&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:filters&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:DropShadowFilter blurX="15" blurY="15" alpha="0.18" distance="11" angle="90" knockout="true" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;/s:filters&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:SolidColor color="0" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;/s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;/s:Rect&gt;</p>
+<p class="p4"><span class="Apple-converted-space">    </span></p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;!-- layer 1: border --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;s:Rect left="0" right="0" top="0" bottom="0"&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:stroke&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:SolidColorStroke color="0" alpha="0.50" weight="1" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;/s:stroke&gt;</p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;/s:Rect&gt;</p>
+<p class="p4"><span class="Apple-converted-space">    </span></p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;!-- layer 2: background fill --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;s:Rect left="0" right="0" bottom="0" height="15"&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:LinearGradient rotation="90"&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;s:GradientEntry color="0xE2E2E2" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;s:GradientEntry color="0x000000" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;/s:LinearGradient&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;/s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;/s:Rect&gt;</p>
+<p class="p4"><span class="Apple-converted-space">    </span></p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;!-- layer 3: contents --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;s:Group left="1" right="1" top="1" bottom="1" &gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:layout&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:VerticalLayout gap="0" horizontalAlign="justify" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;/s:layout&gt;</p>
+<p class="p4"><span class="Apple-converted-space">        </span></p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:Group id="topGroup" &gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;!-- layer 0: title bar fill --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;!-- Note: We have custom skinned the title bar to be solid black for Tour de Flex --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:Rect id="tbFill" left="0" right="0" top="0" bottom="1" &gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                    </span>&lt;s:SolidColor color="0x000000" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;/s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;/s:Rect&gt;</p>
+<p class="p4"><span class="Apple-converted-space">            </span></p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;!-- layer 1: title bar highlight --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:Rect id="tbHilite" left="0" right="0" top="0" bottom="0" &gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;s:stroke&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                    </span>&lt;s:LinearGradientStroke rotation="90" weight="1"&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                        </span>&lt;s:GradientEntry color="0xEAEAEA" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                        </span>&lt;s:GradientEntry color="0xD9D9D9" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                    </span>&lt;/s:LinearGradientStroke&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;/s:stroke&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;/s:Rect&gt;</p>
+<p class="p4"><span class="Apple-converted-space">            </span></p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;!-- layer 2: title bar divider --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:Rect id="tbDiv" left="0" right="0" height="1" bottom="0"&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                    </span>&lt;s:SolidColor color="0xC0C0C0" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;/s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;/s:Rect&gt;</p>
+<p class="p4"><span class="Apple-converted-space">            </span></p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;!-- layer 3: text --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:Label id="titleDisplay" maxDisplayedLines="1"</p>
+<p class="p1"><span class="Apple-converted-space">                     </span>left="9" right="3" top="1" minHeight="30"</p>
+<p class="p1"><span class="Apple-converted-space">                     </span>verticalAlign="middle" fontWeight="bold" color="#E2E2E2"&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;/s:Label&gt;</p>
+<p class="p4"><span class="Apple-converted-space">            </span></p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;/s:Group&gt;</p>
+<p class="p4"><span class="Apple-converted-space">        </span></p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:Group id="contentGroup" width="100%" height="100%" minWidth="0" minHeight="0"&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;/s:Group&gt;</p>
+<p class="p4"><span class="Apple-converted-space">        </span></p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:Group id="bottomGroup" minWidth="0" minHeight="0"</p>
+<p class="p1"><span class="Apple-converted-space">                 </span>includeIn="normalWithControlBar, disabledWithControlBar" &gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;!-- layer 0: control bar background --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:Rect left="0" right="0" bottom="0" top="1" &gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                    </span>&lt;s:SolidColor color="0xE2EdF7" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;/s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;/s:Rect&gt;</p>
+<p class="p4"><span class="Apple-converted-space">            </span></p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;!-- layer 1: control bar divider line --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:Rect left="0" right="0" top="0" height="1" &gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                    </span>&lt;s:SolidColor color="0xD1E0F2" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;/s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;/s:Rect&gt;</p>
+<p class="p4"><span class="Apple-converted-space">            </span></p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;!-- layer 2: control bar --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:Group id="controlBarGroup" left="0" right="0" top="1" bottom="1" minWidth="0" minHeight="0"&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;s:layout&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                    </span>&lt;s:HorizontalLayout paddingLeft="10" paddingRight="10" paddingTop="7" paddingBottom="7" gap="10" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;/s:layout&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;/s:Group&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;/s:Group&gt;</p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;/s:Group&gt;</p>
+<p class="p1">&lt;/s:Skin&gt;</p>
+</body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR20/OpenWithDefaultApp/sample1.mxml.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR20/OpenWithDefaultApp/sample1.mxml.html b/TourDeFlex/TourDeFlex/src/objects/AIR20/OpenWithDefaultApp/sample1.mxml.html
new file mode 100644
index 0000000..9241f98
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR20/OpenWithDefaultApp/sample1.mxml.html
@@ -0,0 +1,59 @@
+<!--
+  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.
+-->
+<!-- saved from url=(0014)about:internet -->
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+<title>sample1.mxml</title>
+<link rel="stylesheet" type="text/css" href="../SourceStyles.css"/>
+</head>
+
+<body><pre><span class="MXMLProcessing_Instruction">&lt;?xml version="1.0" encoding="utf-8"?&gt;</span>
+<span class="MXMLComponent_Tag">&lt;s:WindowedApplication</span><span class="MXMLDefault_Text">     xmlns:fx="</span><span class="MXMLString">http://ns.adobe.com/mxml/2009</span><span class="MXMLDefault_Text">" 
+            xmlns:s="</span><span class="MXMLString">library://ns.adobe.com/flex/spark</span><span class="MXMLDefault_Text">" 
+            xmlns:mx="</span><span class="MXMLString">library://ns.adobe.com/flex/mx</span><span class="MXMLDefault_Text">" styleName="</span><span class="MXMLString">plain</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" height="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+    <span class="MXMLSpecial_Tag">&lt;fx:Script&gt;</span>
+        &lt;![CDATA[
+            <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">flash</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">events</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">MouseEvent</span>;
+            
+            <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">mx</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">controls</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">FileSystemDataGrid</span>;
+            
+            <span class="ActionScriptReserved">protected</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">datagridHandler</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">event</span>:<span class="ActionScriptDefault_Text">MouseEvent</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
+            <span class="ActionScriptBracket/Brace">{</span>
+                <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">fsg</span>:<span class="ActionScriptDefault_Text">FileSystemDataGrid</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">event</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">currentTarget</span> <span class="ActionScriptReserved">as</span> <span class="ActionScriptDefault_Text">FileSystemDataGrid</span>;
+                <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">fsg</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">selectedItem</span> <span class="ActionScriptOperator">!=</span> <span class="ActionScriptReserved">null</span><span class="ActionScriptBracket/Brace">)</span>
+                    <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">fsg</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">selectedItem</span> <span class="ActionScriptReserved">as</span> <span class="ActionScriptDefault_Text">File</span><span class="ActionScriptBracket/Brace">)</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">openWithDefaultApplication</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
+            <span class="ActionScriptBracket/Brace">}</span>
+        <span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptOperator">&gt;</span>
+    <span class="MXMLSpecial_Tag">&lt;/fx:Script&gt;</span>
+    
+    <span class="MXMLComponent_Tag">&lt;s:Panel</span><span class="MXMLDefault_Text"> width="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" height="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" title="</span><span class="MXMLString">Open With Default Application Sample</span><span class="MXMLDefault_Text">" skinClass="</span><span class="MXMLString">skins.TDFPanelSkin</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;s:VGroup</span><span class="MXMLDefault_Text"> top="</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">" left="</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;s:Label</span><span class="MXMLDefault_Text"> width="</span><span class="MXMLString">660</span><span class="MXMLDefault_Text">" verticalAlign="</span><span class="MXMLString">justify</span><span class="MXMLDefault_Text">" color="</span><span class="MXMLString">#323232</span><span class="MXMLDefault_Text">" 
+                     text="</span><span class="MXMLString">The Open With Default Application support allows you to open any file with it's associated default application. Locate a file
+item in the file system grid and double-click it to see it in action:</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;mx:Button</span><span class="MXMLDefault_Text"> icon="</span><span class="MXMLString">@Embed(source='up.png')</span><span class="MXMLDefault_Text">" click="</span><span class="ActionScriptDefault_Text">fileGrid</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">navigateUp</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;<span class="MXMLDefault_Text">"
+                       enabled="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">fileGrid</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">canNavigateUp</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;mx:FileSystemDataGrid</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">fileGrid</span><span class="MXMLDefault_Text">" directory="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">File</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">desktopDirectory</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">660</span><span class="MXMLDefault_Text">" height="</span><span class="MXMLString">150</span><span class="MXMLDefault_Text">" 
+                                   doubleClickEnabled="</span><span class="MXMLString">true</span><span class="MXMLDefault_Text">" doubleClick="</span><span class="ActionScriptDefault_Text">datagridHandler</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">event</span><span class="ActionScriptBracket/Brace">)</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;/mx:FileSystemDataGrid&gt;</span>    
+        <span class="MXMLComponent_Tag">&lt;/s:VGroup&gt;</span>
+    <span class="MXMLComponent_Tag">&lt;/s:Panel&gt;</span>
+
+<span class="MXMLComponent_Tag">&lt;/s:WindowedApplication&gt;</span></pre></body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR20/OpenWithDefaultApp/sample2.mxml.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR20/OpenWithDefaultApp/sample2.mxml.html b/TourDeFlex/TourDeFlex/src/objects/AIR20/OpenWithDefaultApp/sample2.mxml.html
new file mode 100644
index 0000000..ab989c3
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR20/OpenWithDefaultApp/sample2.mxml.html
@@ -0,0 +1,58 @@
+<!--
+  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.
+-->
+<!-- saved from url=(0014)about:internet -->
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+<title>sample2.mxml</title>
+<link rel="stylesheet" type="text/css" href="../SourceStyles.css"/>
+</head>
+
+<body><pre><span class="MXMLProcessing_Instruction">&lt;?xml version="1.0" encoding="utf-8"?&gt;</span>
+<span class="MXMLComponent_Tag">&lt;s:WindowedApplication</span><span class="MXMLDefault_Text"> xmlns:fx="</span><span class="MXMLString">http://ns.adobe.com/mxml/2009</span><span class="MXMLDefault_Text">" 
+                       xmlns:s="</span><span class="MXMLString">library://ns.adobe.com/flex/spark</span><span class="MXMLDefault_Text">" 
+                       xmlns:mx="</span><span class="MXMLString">library://ns.adobe.com/flex/mx</span><span class="MXMLDefault_Text">" styleName="</span><span class="MXMLString">plain</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" height="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+    <span class="MXMLSpecial_Tag">&lt;fx:Declarations&gt;</span>
+        <span class="MXMLComment">&lt;!--</span><span class="MXMLComment"> Place non-visual elements (e.g., services, value objects) here </span><span class="MXMLComment">--&gt;</span>
+    <span class="MXMLSpecial_Tag">&lt;/fx:Declarations&gt;</span>
+    <span class="MXMLSpecial_Tag">&lt;fx:Script&gt;</span>
+        &lt;![CDATA[
+            <span class="ActionScriptReserved">protected</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">fileToOpen</span>:<span class="ActionScriptDefault_Text">File</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">File</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">documentsDirectory</span>; 
+            
+            <span class="ActionScriptReserved">private</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">onLoadFileClick</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
+            <span class="ActionScriptBracket/Brace">{</span>
+                <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">file</span>:<span class="ActionScriptDefault_Text">File</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">File</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">createTempDirectory</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">resolvePath</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">"tourdeflex-air2-sample.txt"</span><span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">fileStream</span>:<span class="ActionScriptDefault_Text">FileStream</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">FileStream</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptDefault_Text">fileStream</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">open</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">file</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">FileMode</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">WRITE</span><span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptDefault_Text">fileStream</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">writeUTFBytes</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">txtArea</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span><span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptDefault_Text">fileStream</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">close</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptDefault_Text">file</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">openWithDefaultApplication</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
+            <span class="ActionScriptBracket/Brace">}</span>
+        <span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptOperator">&gt;</span>
+    <span class="MXMLSpecial_Tag">&lt;/fx:Script&gt;</span>
+    <span class="MXMLComponent_Tag">&lt;s:Panel</span><span class="MXMLDefault_Text"> width="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" height="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" title="</span><span class="MXMLString">Open With Default Application Sample</span><span class="MXMLDefault_Text">" skinClass="</span><span class="MXMLString">skins.TDFPanelSkin</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;s:VGroup</span><span class="MXMLDefault_Text"> paddingTop="</span><span class="MXMLString">8</span><span class="MXMLDefault_Text">" paddingBottom="</span><span class="MXMLString">8</span><span class="MXMLDefault_Text">" paddingLeft="</span><span class="MXMLString">8</span><span class="MXMLDefault_Text">" paddingRight="</span><span class="MXMLString">8</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;s:Label</span><span class="MXMLDefault_Text"> horizontalCenter="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">" top="</span><span class="MXMLString">15</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">400</span><span class="MXMLDefault_Text">" verticalAlign="</span><span class="MXMLString">justify</span><span class="MXMLDefault_Text">" color="</span><span class="MXMLString">#323232</span><span class="MXMLDefault_Text">" 
+                     text="</span><span class="MXMLString">This sample demonstrates how you can write some text into a file and then open it immediately with the default text application.</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;s:Label</span><span class="MXMLDefault_Text"> horizontalCenter="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">" text="</span><span class="MXMLString">Enter text and click button:</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;s:TextArea</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">txtArea</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">80%</span><span class="MXMLDefault_Text">" height="</span><span class="MXMLString">40%</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;s:Button</span><span class="MXMLDefault_Text"> label="</span><span class="MXMLString">Load File</span><span class="MXMLDefault_Text">" click="</span><span class="ActionScriptDefault_Text">onLoadFileClick</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>    
+        <span class="MXMLComponent_Tag">&lt;/s:VGroup&gt;</span>
+    <span class="MXMLComponent_Tag">&lt;/s:Panel&gt;</span>
+<span class="MXMLComponent_Tag">&lt;/s:WindowedApplication&gt;</span></pre></body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR20/OpenWithDefaultApp/srcview/Sample-AIR2-OpenWithDefaultApplication/src/sample1-app.xml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR20/OpenWithDefaultApp/srcview/Sample-AIR2-OpenWithDefaultApplication/src/sample1-app.xml b/TourDeFlex/TourDeFlex/src/objects/AIR20/OpenWithDefaultApp/srcview/Sample-AIR2-OpenWithDefaultApplication/src/sample1-app.xml
new file mode 100755
index 0000000..e47ce20
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR20/OpenWithDefaultApp/srcview/Sample-AIR2-OpenWithDefaultApplication/src/sample1-app.xml
@@ -0,0 +1,153 @@
+<?xml version="1.0" encoding="utf-8" standalone="no"?>
+<!--
+
+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.
+
+-->
+<application xmlns="http://ns.adobe.com/air/application/2.0">
+
+<!-- Adobe AIR Application Descriptor File Template.
+
+	Specifies parameters for identifying, installing, and launching AIR applications.
+
+	xmlns - The Adobe AIR namespace: http://ns.adobe.com/air/application/2.0beta
+			The last segment of the namespace specifies the version 
+			of the AIR runtime required for this application to run.
+			
+	minimumPatchLevel - The minimum patch level of the AIR runtime required to run 
+			the application. Optional.
+-->
+
+	<!-- The application identifier string, unique to this application. Required. -->
+	<id>sample1</id>
+
+	<!-- Used as the filename for the application. Required. -->
+	<filename>sample1</filename>
+
+	<!-- The name that is displayed in the AIR application installer. 
+	     May have multiple values for each language. See samples or xsd schema file. Optional. -->
+	<name>sample1</name>
+
+	<!-- An application version designator (such as "v1", "2.5", or "Alpha 1"). Required. -->
+	<version>v1</version>
+
+	<!-- Description, displayed in the AIR application installer.
+	     May have multiple values for each language. See samples or xsd schema file. Optional. -->
+	<!-- <description></description> -->
+
+	<!-- Copyright information. Optional -->
+	<!-- <copyright></copyright> -->
+
+	<!-- Settings for the application's initial window. Required. -->
+	<initialWindow>
+		<!-- The main SWF or HTML file of the application. Required. -->
+		<!-- Note: In Flash Builder, the SWF reference is set automatically. -->
+		<content>[This value will be overwritten by Flash Builder in the output app.xml]</content>
+		
+		<!-- The title of the main window. Optional. -->
+		<!-- <title></title> -->
+
+		<!-- The type of system chrome to use (either "standard" or "none"). Optional. Default standard. -->
+		<!-- <systemChrome></systemChrome> -->
+
+		<!-- Whether the window is transparent. Only applicable when systemChrome is none. Optional. Default false. -->
+		<!-- <transparent></transparent> -->
+
+		<!-- Whether the window is initially visible. Optional. Default false. -->
+		<!-- <visible></visible> -->
+
+		<!-- Whether the user can minimize the window. Optional. Default true. -->
+		<!-- <minimizable></minimizable> -->
+
+		<!-- Whether the user can maximize the window. Optional. Default true. -->
+		<!-- <maximizable></maximizable> -->
+
+		<!-- Whether the user can resize the window. Optional. Default true. -->
+		<!-- <resizable></resizable> -->
+
+		<!-- The window's initial width. Optional. -->
+		<!-- <width></width> -->
+
+		<!-- The window's initial height. Optional. -->
+		<!-- <height></height> -->
+
+		<!-- The window's initial x position. Optional. -->
+		<!-- <x></x> -->
+
+		<!-- The window's initial y position. Optional. -->
+		<!-- <y></y> -->
+
+		<!-- The window's minimum size, specified as a width/height pair, such as "400 200". Optional. -->
+		<!-- <minSize></minSize> -->
+
+		<!-- The window's initial maximum size, specified as a width/height pair, such as "1600 1200". Optional. -->
+		<!-- <maxSize></maxSize> -->
+	</initialWindow>
+
+	<!-- The subpath of the standard default installation location to use. Optional. -->
+	<!-- <installFolder></installFolder> -->
+
+	<!-- The subpath of the Programs menu to use. (Ignored on operating systems without a Programs menu.) Optional. -->
+	<!-- <programMenuFolder></programMenuFolder> -->
+
+	<!-- The icon the system uses for the application. For at least one resolution,
+		 specify the path to a PNG file included in the AIR package. Optional. -->
+	<!-- <icon>
+		<image16x16></image16x16>
+		<image32x32></image32x32>
+		<image48x48></image48x48>
+		<image128x128></image128x128>
+	</icon> -->
+
+	<!-- Whether the application handles the update when a user double-clicks an update version
+	of the AIR file (true), or the default AIR application installer handles the update (false).
+	Optional. Default false. -->
+	<!-- <customUpdateUI></customUpdateUI> -->
+	
+	<!-- Whether the application can be launched when the user clicks a link in a web browser.
+	Optional. Default false. -->
+	<!-- <allowBrowserInvocation></allowBrowserInvocation> -->
+
+	<!-- Listing of file types for which the application can register. Optional. -->
+	<!-- <fileTypes> -->
+
+		<!-- Defines one file type. Optional. -->
+		<!-- <fileType> -->
+
+			<!-- The name that the system displays for the registered file type. Required. -->
+			<!-- <name></name> -->
+
+			<!-- The extension to register. Required. -->
+			<!-- <extension></extension> -->
+			
+			<!-- The description of the file type. Optional. -->
+			<!-- <description></description> -->
+			
+			<!-- The MIME content type. -->
+			<!-- <contentType></contentType> -->
+			
+			<!-- The icon to display for the file type. Optional. -->
+			<!-- <icon>
+				<image16x16></image16x16>
+				<image32x32></image32x32>
+				<image48x48></image48x48>
+				<image128x128></image128x128>
+			</icon> -->
+			
+		<!-- </fileType> -->
+	<!-- </fileTypes> -->
+
+</application>


[51/51] [partial] git commit: [flex-utilities] [refs/heads/master] - Merged TourDeFlex release from develop

Posted by jm...@apache.org.
Merged TourDeFlex release from develop


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

Branch: refs/heads/master
Commit: e1f9d1df0e8f81e1f69494818fd10655bfb0069d
Parents: 8bab45d
Author: Justin Mclean <jm...@apache.org>
Authored: Sat Aug 23 13:24:10 2014 +1000
Committer: Justin Mclean <jm...@apache.org>
Committed: Sat Aug 23 13:24:10 2014 +1000

----------------------------------------------------------------------
 TourDeFlex/LICENSE                              |  219 +
 TourDeFlex/NOTICE                               |   13 +
 TourDeFlex/TourDeFlex/build.xml                 |   65 +
 TourDeFlex/TourDeFlex/src/Config.as             |  157 +
 TourDeFlex/TourDeFlex/src/Preferences.as        |   68 +
 TourDeFlex/TourDeFlex/src/TourDeFlex-app.xml    |  157 +
 TourDeFlex/TourDeFlex/src/TourDeFlex.mxml       |  881 +++
 .../src/classes/ApplicationUpdaterManager.as    |   55 +
 TourDeFlex/TourDeFlex/src/classes/Document.as   |   35 +
 .../TourDeFlex/src/classes/LocalQuickStart.as   |  159 +
 TourDeFlex/TourDeFlex/src/classes/ObjectData.as |  336 +
 .../src/classes/ObjectListSortTypes.as          |   38 +
 .../src/classes/ObjectTreeDataDescriptor.as     |  191 +
 .../src/classes/ObjectTreeItemRenderer.as       |   94 +
 .../TourDeFlex/src/components/AboutWindow.mxml  |   57 +
 .../src/components/ApplicationFooter.mxml       |   62 +
 .../src/components/ApplicationHeader.mxml       |   81 +
 .../src/components/CommentsWindow.mxml          |   50 +
 .../TourDeFlex/src/components/DocumentTabs.mxml |  126 +
 .../src/components/DownloadWindow.mxml          |  123 +
 .../src/components/IllustrationTab.mxml         |   81 +
 .../src/components/IllustrationTabs.mxml        |   86 +
 .../TourDeFlex/src/components/ObjectList.mxml   |   88 +
 .../src/components/ObjectListItemRenderer.mxml  |   86 +
 .../src/components/PluginDownloadWindow.mxml    |  125 +
 .../src/components/QuickStartWindow.mxml        |   82 +
 .../TourDeFlex/src/components/SearchWindow.mxml |  197 +
 .../TourDeFlex/src/components/SplashWindow.mxml |   86 +
 .../src/components/TDFTabNavigator.as           |   43 +
 .../src/components/TextBoxSearch.mxml           |   79 +
 .../TourDeFlex/src/components/WipeWindow.mxml   |   45 +
 TourDeFlex/TourDeFlex/src/data/about.html       |   57 +
 TourDeFlex/TourDeFlex/src/data/images/bkg.jpg   |  Bin 0 -> 395 bytes
 TourDeFlex/TourDeFlex/src/data/images/logo.png  |  Bin 0 -> 2968 bytes
 .../src/data/images/qs_banner_plain_big2.jpg    |  Bin 0 -> 49764 bytes
 .../TourDeFlex/src/data/images/quickstart.gif   |  Bin 0 -> 37957 bytes
 .../TourDeFlex/src/data/objects-desktop-cn.xml  | 5816 +++++++++++++++++
 .../src/data/objects-desktop-update.xml         |   37 +
 .../TourDeFlex/src/data/objects-desktop.xml     |   18 +
 .../TourDeFlex/src/data/objects-desktop2.xml    | 5970 ++++++++++++++++++
 .../src/data/objects-desktop_ja-update.xml      |   37 +
 .../TourDeFlex/src/data/objects-desktop_ja.xml  | 5816 +++++++++++++++++
 TourDeFlex/TourDeFlex/src/data/objects-web.xml  | 5815 +++++++++++++++++
 .../TourDeFlex/src/data/objects-web_ja.xml      | 5835 +++++++++++++++++
 TourDeFlex/TourDeFlex/src/data/offline.html     |   33 +
 TourDeFlex/TourDeFlex/src/data/prepxml.sh       |   19 +
 TourDeFlex/TourDeFlex/src/data/quickstart.html  |  129 +
 TourDeFlex/TourDeFlex/src/data/settings.xml     |   49 +
 TourDeFlex/TourDeFlex/src/data/settings_ja.xml  |   50 +
 TourDeFlex/TourDeFlex/src/data/splash.html      |   45 +
 TourDeFlex/TourDeFlex/src/data/style.css        |   88 +
 .../TourDeFlex/src/images/button_clear.png      |  Bin 0 -> 122 bytes
 .../src/images/button_close_downSkin.png        |  Bin 0 -> 559 bytes
 .../src/images/button_close_overSkin.png        |  Bin 0 -> 484 bytes
 .../src/images/button_close_upSkin.png          |  Bin 0 -> 439 bytes
 .../src/images/button_commentDisabled_icon.png  |  Bin 0 -> 346 bytes
 .../src/images/button_comment_icon.png          |  Bin 0 -> 337 bytes
 .../src/images/button_downloadDisabled_icon.png |  Bin 0 -> 443 bytes
 .../src/images/button_download_icon.png         |  Bin 0 -> 419 bytes
 .../src/images/button_search_icon.png           |  Bin 0 -> 422 bytes
 .../TourDeFlex/src/images/corner_resizer.png    |  Bin 0 -> 189 bytes
 TourDeFlex/TourDeFlex/src/images/expand.png     |  Bin 0 -> 445 bytes
 .../TourDeFlex/src/images/expand_disabled.png   |  Bin 0 -> 444 bytes
 .../TourDeFlex/src/images/header_gradient.png   |  Bin 0 -> 252 bytes
 .../TourDeFlex/src/images/icons/tdfx_128.png    |  Bin 0 -> 8686 bytes
 .../TourDeFlex/src/images/toggle_list.png       |  Bin 0 -> 161 bytes
 .../TourDeFlex/src/images/toggle_tree.png       |  Bin 0 -> 221 bytes
 .../TourDeFlex/src/images/tree_noIcon.png       |  Bin 0 -> 322 bytes
 TourDeFlex/TourDeFlex/src/images/web.png        |  Bin 0 -> 691 bytes
 .../TourDeFlex/src/images/web_disabled.png      |  Bin 0 -> 688 bytes
 .../FileSystemComboBox.mxml.html                |   53 +
 .../FileSystemComboBox/FileSystemComboBox.png   |  Bin 0 -> 415 bytes
 .../srcview/source/FileSystemComboBox.mxml.html |   53 +
 .../FileSystemDataGrid.mxml.html                |   47 +
 .../FileSystemDataGrid/FileSystemDataGrid.png   |  Bin 0 -> 413 bytes
 .../FileSystemHistoryButton.mxml.html           |   44 +
 .../FileSystemHistoryButton.png                 |  Bin 0 -> 506 bytes
 .../FileSystemList/FileSystemList.mxml.html     |   47 +
 .../FileSystemList/FileSystemList.png           |  Bin 0 -> 404 bytes
 .../FileSystemTree/FileSystemTree.mxml.html     |   47 +
 .../FileSystemTree/FileSystemTree.png           |  Bin 0 -> 412 bytes
 .../src/objects/AIR/Components/HTML/HTML.png    |  Bin 0 -> 522 bytes
 .../objects/AIR/Components/HTML/html1.mxml.html |   49 +
 .../objects/AIR/Components/HTML/html2.mxml.html |   42 +
 .../objects/AIR/Components/HTML/html3.mxml.html |   41 +
 .../src/objects/AIR/Components/SourceStyles.css |  146 +
 .../AIR/HOWTO/AutoUpdate/AutoUpdate.mxml.html   |   82 +
 .../AIR/HOWTO/AutoUpdate/dialogscreenshot1.html |   22 +
 .../AIR/HOWTO/AutoUpdate/dialogscreenshot1.png  |  Bin 0 -> 67946 bytes
 .../objects/AIR/HOWTO/AutoUpdate/readme.html    |   35 +
 .../AIR/HOWTO/AutoUpdate/update.xml.html        |   27 +
 .../objects/AIR/HOWTO/CopyPaste/main.mxml.html  |  121 +
 .../AIR/HOWTO/DragAndDrop/DragIn.mxml.html      |   77 +
 .../AIR/HOWTO/DragAndDrop/DragOut.mxml.html     |   66 +
 .../objects/AIR/HOWTO/DragAndDrop/readme.html   |   22 +
 .../AIREncryptingDataSample.mxml.html           |  106 +
 .../objects/AIR/HOWTO/FileSystem/main.mxml.html |   68 +
 .../AIR/HOWTO/InstallBadge/installbadge.png     |  Bin 0 -> 152731 bytes
 .../AIR/HOWTO/InstallBadge/installbadge1.html   |   22 +
 .../AIR/HOWTO/InstallBadge/installbadge2.html   |   43 +
 .../objects/AIR/HOWTO/InstallBadge/readme.html  |   33 +
 .../HOWTO/MonitorNetwork/socketsample.mxml.html |   73 +
 .../HOWTO/MonitorNetwork/urlsample.mxml.html    |   65 +
 .../AIR/HOWTO/NativeMenus/NativeMenus.mxml.html |  158 +
 .../objects/AIR/HOWTO/NativeMenus/readme.html   |   24 +
 .../AIR/HOWTO/NativeMenus/screenshots.html      |   22 +
 .../AIR/HOWTO/NativeMenus/screenshots.png       |  Bin 0 -> 45438 bytes
 .../AIR/HOWTO/NativeWindows/main.mxml.html      |   89 +
 .../objects/AIR/HOWTO/NativeWindows/readme.html |   23 +
 .../AIR/HOWTO/PDFContent/PDFContent.mxml.html   |   69 +
 .../AIR/HOWTO/PDFContent/air_flex_datasheet.pdf |  Bin 0 -> 358965 bytes
 .../objects/AIR/HOWTO/PDFContent/readme.html    |   21 +
 .../ReadingApplicationSettings.mxml.html        |   53 +
 .../ReadingApplicationSettings/readme.html      |   23 +
 .../objects/AIR/HOWTO/SQLite/Employee.as.html   |   38 +
 .../src/objects/AIR/HOWTO/SQLite/readme.html    |   22 +
 .../objects/AIR/HOWTO/SQLite/sample.mxml.html   |  157 +
 .../AIR/HOWTO/Screens/DemoWindow.mxml.html      |   41 +
 .../AIR/HOWTO/Screens/ScreenDemo.mxml.html      |   80 +
 .../src/objects/AIR/HOWTO/Screens/readme.html   |   24 +
 .../src/objects/AIR/HOWTO/SourceStyles.css      |  146 +
 .../TransparentVideo/MovieWindow.mxml.html      |   37 +
 .../AIR/HOWTO/TransparentVideo/main.mxml.html   |   58 +
 .../HOWTO/UserPresence/userpresence.mxml.html   |   57 +
 .../objects/AIR20/Accelerometer/main.mxml.html  |   58 +
 .../objects/AIR20/DNS/TDFPanelSkin.mxml.html    |  147 +
 .../src/objects/AIR20/DNS/sample.mxml.html      |  134 +
 .../srcview/Sample-AIR2-DNS/src/sample-app.xml  |  156 +
 .../DNS/srcview/Sample-AIR2-DNS/src/sample.mxml |  126 +
 .../Sample-AIR2-DNS/src/skins/TDFPanelSkin.mxml |  130 +
 .../objects/AIR20/DNS/srcview/SourceIndex.xml   |   37 +
 .../objects/AIR20/DNS/srcview/SourceStyles.css  |  155 +
 .../objects/AIR20/DNS/srcview/SourceTree.html   |  129 +
 .../src/objects/AIR20/DNS/srcview/index.html    |   32 +
 .../AIR20/DNS/srcview/source/sample-app.xml.txt |  156 +
 .../AIR20/DNS/srcview/source/sample.mxml.html   |  134 +
 .../srcview/source/skins/TDFPanelSkin.mxml.html |  147 +
 .../TDFPanelSkin.mxml.html                      |  147 +
 .../DownloadSecurityDialog/sample.mxml.html     |   76 +
 .../src/sample-app.xml                          |  156 +
 .../src/sample.mxml                             |   68 +
 .../src/skins/TDFPanelSkin.mxml                 |  130 +
 .../src/up.png                                  |  Bin 0 -> 3408 bytes
 .../srcview/SourceIndex.xml                     |   38 +
 .../srcview/SourceStyles.css                    |  155 +
 .../srcview/SourceTree.html                     |  129 +
 .../DownloadSecurityDialog/srcview/index.html   |   32 +
 .../srcview/source/sample-app.xml.txt           |  156 +
 .../srcview/source/sample.mxml.html             |   76 +
 .../srcview/source/skins/TDFPanelSkin.mxml.html |  147 +
 .../srcview/source/up.png                       |  Bin 0 -> 3408 bytes
 .../srcview/source/up.png.html                  |   28 +
 .../EventOnShutdown/TDFPanelSkin.mxml.html      |  148 +
 .../AIR20/EventOnShutdown/sample.mxml.html      |   73 +
 .../src/sample-app.xml                          |  156 +
 .../Sample-AIR2-EventOnShutdown/src/sample.mxml |   65 +
 .../src/skins/TDFPanelSkin.mxml                 |  130 +
 .../EventOnShutdown/srcview/SourceIndex.xml     |   37 +
 .../EventOnShutdown/srcview/SourceStyles.css    |  155 +
 .../EventOnShutdown/srcview/SourceTree.html     |  129 +
 .../AIR20/EventOnShutdown/srcview/index.html    |   32 +
 .../srcview/source/sample-app.xml.txt           |  156 +
 .../srcview/source/sample.mxml.html             |   73 +
 .../srcview/source/skins/TDFPanelSkin.mxml.html |  147 +
 .../objects/AIR20/FilePromise/sample1.mxml.html |  108 +
 .../src/adobe_air_logo.png                      |  Bin 0 -> 15920 bytes
 .../Sample-AIR2-FilePromise/src/sample1-app.xml |  156 +
 .../Sample-AIR2-FilePromise/src/sample1.mxml    |  100 +
 .../AIR20/FilePromise/srcview/SourceIndex.xml   |   35 +
 .../AIR20/FilePromise/srcview/SourceStyles.css  |  155 +
 .../AIR20/FilePromise/srcview/SourceTree.html   |  129 +
 .../AIR20/FilePromise/srcview/index.html        |   32 +
 .../srcview/source/adobe_air_logo.png.html      |   28 +
 .../srcview/source/sample1-app.xml.txt          |  156 +
 .../srcview/source/sample1.mxml.html            |  108 +
 .../AIR20/Gestures/TDFPanelSkin.mxml.html       |  146 +
 .../src/objects/AIR20/Gestures/sample.mxml.html |  103 +
 .../src/sample-app.xml                          |  153 +
 .../Sample-AIR2-GestureSupport/src/sample.mxml  |   95 +
 .../src/skins/TDFPanelSkin.mxml                 |  130 +
 .../AIR20/Gestures/srcview/SourceIndex.xml      |   39 +
 .../AIR20/Gestures/srcview/SourceStyles.css     |  155 +
 .../AIR20/Gestures/srcview/SourceTree.html      |  129 +
 .../objects/AIR20/Gestures/srcview/index.html   |   32 +
 .../Gestures/srcview/source/butterfly2.jpg.html |   28 +
 .../Gestures/srcview/source/sample-app.xml.txt  |  153 +
 .../Gestures/srcview/source/sample.mxml.html    |  103 +
 .../srcview/source/skins/TDFPanelSkin.mxml.html |  146 +
 .../TDFPanelSkin.mxml.html                      |  147 +
 .../GlobalExceptionHandler/sample1.mxml.html    |   72 +
 .../GlobalExceptionHandler/sample2.mxml.html    |   88 +
 .../src/sample1-app.xml                         |  153 +
 .../src/sample1.mxml                            |   64 +
 .../src/sample2-app.xml                         |  153 +
 .../src/sample2.mxml                            |   80 +
 .../src/skins/TDFPanelSkin.mxml                 |  130 +
 .../srcview/SourceIndex.xml                     |   39 +
 .../srcview/SourceStyles.css                    |  155 +
 .../srcview/SourceTree.html                     |  129 +
 .../GlobalExceptionHandler/srcview/index.html   |   32 +
 .../srcview/source/sample1-app.xml.txt          |  153 +
 .../srcview/source/sample1.mxml.html            |   72 +
 .../srcview/source/sample2-app.xml.txt          |  153 +
 .../srcview/source/sample2.mxml.html            |   88 +
 .../srcview/source/skins/TDFPanelSkin.mxml.html |  147 +
 .../CurrencyFormatterSample.mxml.html           |  116 +
 .../Globalization/DateFormatterSample.mxml.html |  112 +
 .../NumberFormatterSample.mxml.html             |  113 +
 .../AIR20/Globalization/TDFPanelSkin.mxml.html  |  148 +
 .../src/CurrencyFormatterSample-app.xml         |  156 +
 .../src/CurrencyFormatterSample.mxml            |  109 +
 .../src/DateFormatterSample-app.xml             |  156 +
 .../src/DateFormatterSample.mxml                |  105 +
 .../src/NumberFormatterSample-app.xml           |  156 +
 .../src/NumberFormatterSample.mxml              |  106 +
 .../src/skins/TDFPanelSkin.mxml                 |  130 +
 .../Sample-AIR2-Globalization/src/test-app.xml  |  156 +
 .../AIR20/Globalization/srcview/SourceIndex.xml |   44 +
 .../Globalization/srcview/SourceStyles.css      |  155 +
 .../AIR20/Globalization/srcview/SourceTree.html |  129 +
 .../AIR20/Globalization/srcview/index.html      |   32 +
 .../source/CurrencyFormatterSample-app.xml.txt  |  156 +
 .../source/CurrencyFormatterSample.mxml.html    |  116 +
 .../source/DateFormatterSample-app.xml.txt      |  156 +
 .../source/DateFormatterSample.mxml.html        |  112 +
 .../source/NumberFormatterSample-app.xml.txt    |  156 +
 .../source/NumberFormatterSample.mxml.html      |  113 +
 .../srcview/source/skins/TDFPanelSkin.mxml.html |  147 +
 .../srcview/source/test-app.xml.txt             |  156 +
 .../TDFPanelSkin.mxml.html                      |  147 +
 .../MassStorageDeviceDetection/sample.mxml.html |  108 +
 .../src/sample-app.xml                          |  153 +
 .../src/sample.mxml                             |  102 +
 .../src/skins/TDFPanelSkin.mxml                 |  130 +
 .../src/up.png                                  |  Bin 0 -> 3408 bytes
 .../srcview/SourceIndex.xml                     |   38 +
 .../srcview/SourceStyles.css                    |  155 +
 .../srcview/SourceTree.html                     |  129 +
 .../srcview/index.html                          |   32 +
 .../srcview/source/sample-app.xml.txt           |  153 +
 .../srcview/source/sample.mxml.html             |  108 +
 .../srcview/source/skins/TDFPanelSkin.mxml.html |  147 +
 .../srcview/source/up.png                       |  Bin 0 -> 3408 bytes
 .../srcview/source/up.png.html                  |   28 +
 .../com/adobe/audio/format/WAVWriter.as.html    |   16 +
 .../AIR20/Microphone/source/sample-app.xml.txt  |  153 +
 .../AIR20/Microphone/source/sample.mxml.html    |  202 +
 .../source/skins/TDFPanelSkin.mxml.html         |  147 +
 .../src/com/adobe/audio/format/WAVWriter.as     |  257 +
 .../Sample-AIR2-Microphone/src/sample-app.xml   |  153 +
 .../Sample-AIR2-Microphone/src/sample.mxml      |  198 +
 .../src/skins/TDFPanelSkin.mxml                 |  130 +
 .../AIR20/Microphone/srcview/SourceIndex.xml    |   40 +
 .../AIR20/Microphone/srcview/SourceStyles.css   |  155 +
 .../AIR20/Microphone/srcview/SourceTree.html    |  129 +
 .../objects/AIR20/Microphone/srcview/index.html |   32 +
 .../com/adobe/audio/format/WAVWriter.as.html    |   16 +
 .../srcview/source/sample-app.xml.txt           |  153 +
 .../Microphone/srcview/source/sample.mxml.html  |  202 +
 .../srcview/source/skins/TDFPanelSkin.mxml.html |  147 +
 .../AIR20/NativeProcess/TDFPanelSkin.mxml.html  |  147 +
 .../AIR20/NativeProcess/sample.mxml.html        |  126 +
 .../src/com/adobe/audio/format/WAVWriter.as     |  257 +
 .../Sample-AIR2-Microphone/src/sample-app.xml   |  153 +
 .../Sample-AIR2-Microphone/src/sample.mxml      |  198 +
 .../src/skins/TDFPanelSkin.mxml                 |  130 +
 .../AIR20/NativeProcess/srcview/SourceIndex.xml |   40 +
 .../NativeProcess/srcview/SourceStyles.css      |  155 +
 .../AIR20/NativeProcess/srcview/SourceTree.html |  129 +
 .../AIR20/NativeProcess/srcview/index.html      |   32 +
 .../com/adobe/audio/format/WAVWriter.as.html    |   16 +
 .../srcview/source/sample-app.xml.txt           |  153 +
 .../srcview/source/sample.mxml.html             |  126 +
 .../srcview/source/skins/TDFPanelSkin.mxml.html |  147 +
 .../AIR20/NetworkInfo/TDFPanelSkin.mxml.html    |  147 +
 .../objects/AIR20/NetworkInfo/sample.mxml.html  |   85 +
 .../Sample-AIR2-NetworkInfo/src/sample-app.xml  |  153 +
 .../Sample-AIR2-NetworkInfo/src/sample.mxml     |   78 +
 .../src/skins/TDFPanelSkin.mxml                 |  130 +
 .../AIR20/NetworkInfo/srcview/SourceIndex.xml   |   37 +
 .../AIR20/NetworkInfo/srcview/SourceStyles.css  |  155 +
 .../AIR20/NetworkInfo/srcview/SourceTree.html   |  129 +
 .../AIR20/NetworkInfo/srcview/index.html        |   32 +
 .../srcview/source/sample-app.xml.txt           |  153 +
 .../NetworkInfo/srcview/source/sample.mxml.html |   85 +
 .../srcview/source/skins/TDFPanelSkin.mxml.html |  158 +
 .../OpenWithDefaultApp/TDFPanelSkin.mxml.html   |  147 +
 .../AIR20/OpenWithDefaultApp/sample1.mxml.html  |   59 +
 .../AIR20/OpenWithDefaultApp/sample2.mxml.html  |   58 +
 .../src/sample1-app.xml                         |  153 +
 .../src/sample1.mxml                            |   51 +
 .../src/sample2-app.xml                         |  153 +
 .../src/sample2.mxml                            |   50 +
 .../src/skins/TDFPanelSkin.mxml                 |  130 +
 .../src/up.png                                  |  Bin 0 -> 3408 bytes
 .../OpenWithDefaultApp/srcview/SourceIndex.xml  |   40 +
 .../OpenWithDefaultApp/srcview/SourceStyles.css |  155 +
 .../OpenWithDefaultApp/srcview/SourceTree.html  |  129 +
 .../AIR20/OpenWithDefaultApp/srcview/index.html |   32 +
 .../srcview/source/sample1-app.xml.txt          |  153 +
 .../srcview/source/sample1.mxml.html            |   59 +
 .../srcview/source/sample2-app.xml.txt          |  153 +
 .../srcview/source/sample2.mxml.html            |   58 +
 .../srcview/source/skins/TDFPanelSkin.mxml.html |  146 +
 .../OpenWithDefaultApp/srcview/source/up.png    |  Bin 0 -> 3408 bytes
 .../srcview/source/up.png.html                  |   28 +
 .../AIR20/SocketServer/SocketClient.as.html     |  140 +
 .../SocketServer/SocketClientSample.mxml.html   |   95 +
 .../SocketServer/SocketServerSample.mxml.html   |  116 +
 .../src/SocketClient.as                         |  131 +
 .../src/SocketClientSample-app.xml              |  156 +
 .../src/SocketClientSample.mxml                 |   90 +
 .../src/SocketServerSample-app.xml              |  153 +
 .../src/SocketServerSample.mxml                 |  111 +
 .../AIR20/SocketServer/srcview/SourceIndex.xml  |   37 +
 .../AIR20/SocketServer/srcview/SourceStyles.css |  155 +
 .../AIR20/SocketServer/srcview/SourceTree.html  |  129 +
 .../AIR20/SocketServer/srcview/index.html       |   32 +
 .../srcview/source/SocketClient.as.html         |  140 +
 .../source/SocketClientSample-app.xml.txt       |  156 +
 .../srcview/source/SocketClientSample.mxml.html |   98 +
 .../source/SocketServerSample-app.xml.txt       |  153 +
 .../srcview/source/SocketServerSample.mxml.html |  119 +
 .../TourDeFlex/src/objects/DataAccess/chat.png  |  Bin 0 -> 622 bytes
 .../src/objects/DataAccess/genericdata.png      |  Bin 0 -> 607 bytes
 .../src/objects/DataAccess/remoting.png         |  Bin 0 -> 711 bytes
 .../src/objects/DataAccess/webservices.png      |  Bin 0 -> 652 bytes
 .../src/objects/HOWTO/SourceStyles.css          |  146 +
 .../TourDeFlex/src/objects/SourceStyles.css     |  146 +
 TourDeFlex/TourDeFlex/src/plugin/Component.as   |   72 +
 .../src/plugin/TDFPluginTransferObject.as       |   66 +
 TourDeFlex/TourDeFlex/src/styles.css            |  420 ++
 TourDeFlex/TourDeFlex3/README                   |   57 +
 TourDeFlex/TourDeFlex3/RELEASE_NOTES            |   24 +
 TourDeFlex/TourDeFlex3/build.xml                |  453 ++
 .../html-template/history/history.css           |   22 +
 .../html-template/history/history.js            |  694 ++
 .../html-template/history/historyFrame.html     |   45 +
 .../html-template/index.template.html           |  124 +
 TourDeFlex/TourDeFlex3/src/AC_OETags.js         |  282 +
 TourDeFlex/TourDeFlex3/src/SourceTab.mxml       |   59 +
 .../src/apache/ApacheFlex4_10_0.mxml            |   54 +
 .../src/apache/ApacheFlex4_11_0.mxml            |   54 +
 .../src/apache/ApacheFlex4_12_1.mxml            |   56 +
 .../src/apache/ApacheFlex4_13_0.mxml            |   52 +
 .../TourDeFlex3/src/apache/ApacheFlex4_8_0.mxml |   50 +
 .../TourDeFlex3/src/apache/ApacheFlex4_9_0.mxml |   56 +
 .../src/apache/assets/ApacheFlexLogo.png        |  Bin 0 -> 71228 bytes
 TourDeFlex/TourDeFlex3/src/explorer.html        |   65 +
 TourDeFlex/TourDeFlex3/src/explorer.mxml        |   77 +
 TourDeFlex/TourDeFlex3/src/explorer.xml         |  443 ++
 TourDeFlex/TourDeFlex3/src/loaderPanel.mxml     |   35 +
 .../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 +
 .../src/spark/charts/AreaChartExample.mxml      |   70 +
 .../src/spark/charts/BarChartExample.mxml       |   68 +
 .../src/spark/charts/BubbleChartExample.mxml    |   73 +
 .../spark/charts/CandleStickChartExample.mxml   |   79 +
 .../src/spark/charts/ColumnChartExample.mxml    |   70 +
 .../src/spark/charts/HLOCChartExample.mxml      |   78 +
 .../src/spark/charts/LineChartExample.mxml      |   72 +
 .../src/spark/charts/PieChartExample.mxml       |   77 +
 .../src/spark/charts/PlotChartExample.mxml      |   66 +
 .../spark/charts/SeriesInterpolateExample.mxml  |  114 +
 .../src/spark/charts/SeriesSlideExample.mxml    |  116 +
 .../src/spark/charts/SeriesZoomExample.mxml     |  115 +
 .../spark/charts/TDFGradientBackgroundSkin.mxml |   49 +
 .../src/spark/components/SearchBox.as           |  176 +
 .../src/spark/components/SearchBoxEvent.as      |   35 +
 .../src/spark/components/SearchExample.mxml     |   91 +
 .../components/TDFGradientBackgroundSkin.mxml   |   49 +
 .../src/spark/components/VideoPlayer.mxml       |   96 +
 .../spark/components/VideoPlayerExample.mxml    |   49 +
 .../src/spark/components/VideoPlayerModule.mxml |   46 +
 .../components/VideoPlayerModuleLoader.mxml     |   34 +
 .../spark/components/assets/FlexInstaller.mp4   |  Bin 0 -> 511625 bytes
 .../components/assets/control_pause_blue.png    |  Bin 0 -> 721 bytes
 .../components/assets/control_play_blue.png     |  Bin 0 -> 717 bytes
 .../components/assets/control_stop_blue.png     |  Bin 0 -> 695 bytes
 .../src/spark/components/assets/icon_close.png  |  Bin 0 -> 59707 bytes
 .../src/spark/containers/BorderExample.mxml     |   71 +
 .../TourDeFlex3/src/spark/containers/Contact.as |   34 +
 .../src/spark/containers/GroupExample.mxml      |   75 +
 .../src/spark/containers/PanelExample.mxml      |   79 +
 .../src/spark/containers/SampleHGroup.mxml      |   98 +
 .../src/spark/containers/SampleVGroup.mxml      |   97 +
 .../SampleVerticalHorizontalAlign.mxml          |   83 +
 .../SkinableDataContainerExample.mxml           |   62 +
 .../spark/containers/TabNavigator1Example.mxml  |  116 +
 .../spark/containers/TabNavigator2Example.mxml  |  110 +
 .../src/spark/containers/TileGroupExample.mxml  |  101 +
 .../spark/containers/assets/arrow_icon_sm.png   |  Bin 0 -> 527 bytes
 .../src/spark/containers/personIcon.png         |  Bin 0 -> 3859 bytes
 .../skins/CustomTabBarButtonSkin.mxml           |  264 +
 .../containers/skins/CustomTabBarSkin.mxml      |   97 +
 .../spark/containers/skins/TDFPanelSkin.mxml    |  171 +
 .../src/spark/controls/AccordionExample.mxml    |   66 +
 .../spark/controls/AdvancedDatagridExample.mxml |   92 +
 .../src/spark/controls/ButtonBarExample.mxml    |  106 +
 .../src/spark/controls/ButtonExample.mxml       |   65 +
 .../src/spark/controls/CheckboxExample.mxml     |   78 +
 .../src/spark/controls/ColorPickerExample.mxml  |   49 +
 .../src/spark/controls/ComboBoxExample.mxml     |   66 +
 .../src/spark/controls/CustomDataGridSkin.mxml  |  375 ++
 .../controls/DataGridCustomRendererExample.mxml |   62 +
 .../DataGridCustomRendererPrepareExample.mxml   |   68 +
 .../controls/DataGridCustomSkinExample.mxml     |   39 +
 .../src/spark/controls/DataGridExample.mxml     |   95 +
 .../src/spark/controls/DataGridExample2.mxml    |   47 +
 .../controls/DataGridSimpleColumnsExample.mxml  |   49 +
 .../controls/DataGridSimpleNoWrapExample.mxml   |   37 +
 .../spark/controls/DataGridSizingExample.mxml   |   47 +
 .../src/spark/controls/DataGroupExample.mxml    |  134 +
 .../src/spark/controls/DateChooserExample.mxml  |   80 +
 .../src/spark/controls/DateFieldExample.mxml    |   94 +
 .../src/spark/controls/DropdownExample.mxml     |   90 +
 .../src/spark/controls/FormExample.mxml         |   92 +
 .../src/spark/controls/ImageExample.mxml        |   70 +
 .../TourDeFlex3/src/spark/controls/Item.as      |   62 +
 .../src/spark/controls/LinkBarExample.mxml      |   89 +
 .../src/spark/controls/LinkButtonExample.mxml   |   50 +
 .../spark/controls/ListDataPagingExample.mxml   |   80 +
 .../src/spark/controls/ListExample.mxml         |  102 +
 .../src/spark/controls/MenuExample.mxml         |   90 +
 .../src/spark/controls/MyListItemRenderer.mxml  |   39 +
 .../src/spark/controls/MyTextFlow.xml           |   23 +
 .../spark/controls/NumericStepperExample.mxml   |   92 +
 .../src/spark/controls/OLAPDataGridExample.mxml |  230 +
 .../src/spark/controls/OSMFExample.mxml         |   27 +
 .../TourDeFlex3/src/spark/controls/PagedList.as |  510 ++
 .../src/spark/controls/PopUpAnchor1Example.mxml |   81 +
 .../src/spark/controls/PopUpAnchor2Example.mxml |   80 +
 .../src/spark/controls/PopupButtonExample.mxml  |   82 +
 .../src/spark/controls/ProgressBarExample.mxml  |   71 +
 .../src/spark/controls/RadioButtonExample.mxml  |   95 +
 .../spark/controls/RichEditableTextExample.mxml |  100 +
 .../src/spark/controls/SWFLoaderExample.mxml    |   56 +
 .../spark/controls/SampleHelpFormExample.mxml   |   44 +
 .../controls/SampleSequenceFormExample.mxml     |   37 +
 .../spark/controls/SampleSimpleFormExample.mxml |   38 +
 .../controls/SampleStackedFormExample.mxml      |   38 +
 .../src/spark/controls/ScrollBarExample.mxml    |   85 +
 .../src/spark/controls/Scroller1Example.mxml    |   75 +
 .../src/spark/controls/Scroller2Example.mxml    |   83 +
 .../controls/SimpleTitleWindowExample.mxml      |   62 +
 .../src/spark/controls/SliderExample.mxml       |   67 +
 .../src/spark/controls/SpinnerExample.mxml      |   50 +
 .../controls/TDFGradientBackgroundSkin.mxml     |   49 +
 .../src/spark/controls/TabNavigatorExample.mxml |   66 +
 .../src/spark/controls/TextAreaExample.mxml     |   90 +
 .../src/spark/controls/TextInputExample.mxml    |  100 +
 .../src/spark/controls/TextLayout1Example.mxml  |  165 +
 .../src/spark/controls/TextLayout2Example.mxml  |  135 +
 .../src/spark/controls/TextLayout3Example.mxml  |   90 +
 .../src/spark/controls/TextLayout4Example.mxml  |   77 +
 .../src/spark/controls/TitleWindowExample.mxml  |   80 +
 .../spark/controls/ToggleButton2Example.mxml    |  146 +
 .../spark/controls/ToggleButtonBarExample.mxml  |   71 +
 .../src/spark/controls/ToggleButtonExample.mxml |  111 +
 .../src/spark/controls/ToolTipExample.mxml      |   59 +
 .../src/spark/controls/TreeExample.mxml         |   81 +
 .../src/spark/controls/VideoDisplayExample.mxml |   64 +
 .../src/spark/controls/VideoPlayerExample.mxml  |   77 +
 .../src/spark/controls/ViewStackExample.mxml    |  112 +
 .../spark/controls/assets/ApacheFlexLogo.png    |  Bin 0 -> 71228 bytes
 .../src/spark/controls/assets/FlexInstaller.mp4 |  Bin 0 -> 511625 bytes
 .../src/spark/controls/assets/arrow_icon.png    |  Bin 0 -> 817 bytes
 .../src/spark/controls/assets/arrow_icon_sm.png |  Bin 0 -> 527 bytes
 .../controls/assets/control_pause_blue.png      |  Bin 0 -> 721 bytes
 .../spark/controls/assets/control_play_blue.png |  Bin 0 -> 717 bytes
 .../spark/controls/assets/control_stop_blue.png |  Bin 0 -> 695 bytes
 .../src/spark/controls/assets/icon_close.png    |  Bin 0 -> 59707 bytes
 .../src/spark/controls/iconclose.gif            |  Bin 0 -> 340 bytes
 .../TourDeFlex3/src/spark/controls/iconinfo.gif |  Bin 0 -> 227 bytes
 .../src/spark/controls/images/arrow_icon_sm.png |  Bin 0 -> 527 bytes
 .../spark/controls/skins/CloseButtonSkin.mxml   |  184 +
 .../src/spark/controls/skins/MyPanelSkin.mxml   |  101 +
 .../src/spark/controls/skins/TDFPanelSkin.mxml  |  171 +
 .../spark/css/CSSDescendantSelectorExample.mxml |   74 +
 .../src/spark/css/CSSIDSelectorExample.mxml     |   68 +
 .../spark/css/CSSTypeClassSelectorExample.mxml  |   72 +
 .../src/spark/css/skins/TDFPanelSkin.mxml       |  171 +
 .../spark/effects/AnimatePropertiesExample.mxml |   88 +
 .../spark/effects/AnimateTransformExample.mxml  |  116 +
 .../src/spark/effects/CrossFadeExample.mxml     |   68 +
 .../src/spark/effects/FadeExample.mxml          |   60 +
 .../src/spark/effects/Move3DExample.mxml        |   99 +
 .../src/spark/effects/Rotate3DExample.mxml      |  114 +
 .../src/spark/effects/Scale3DExample.mxml       |  118 +
 .../src/spark/effects/WipeExample.mxml          |   72 +
 .../src/spark/effects/assets/ApacheFlexIcon.png |  Bin 0 -> 7983 bytes
 .../src/spark/effects/assets/ApacheFlexLogo.png |  Bin 0 -> 71228 bytes
 .../src/spark/effects/assets/back.png           |  Bin 0 -> 121035 bytes
 .../src/spark/effects/assets/images/2.jpg       |  Bin 0 -> 549 bytes
 .../src/spark/effects/assets/images/3.jpg       |  Bin 0 -> 418 bytes
 .../src/spark/effects/assets/images/4.jpg       |  Bin 0 -> 911 bytes
 .../src/spark/effects/assets/images/5.jpg       |  Bin 0 -> 1617 bytes
 .../src/spark/effects/assets/images/6.jpg       |  Bin 0 -> 1061 bytes
 .../src/spark/effects/assets/images/7.jpg       |  Bin 0 -> 1754 bytes
 .../src/spark/effects/assets/images/8.jpg       |  Bin 0 -> 1716 bytes
 .../src/spark/effects/assets/images/9.jpg       |  Bin 0 -> 1552 bytes
 .../src/spark/effects/skins/TDFPanelSkin.mxml   |  170 +
 .../src/spark/events/EventExample1.mxml         |   52 +
 .../src/spark/events/EventExample2.mxml         |   56 +
 .../src/spark/events/EventExample3.mxml         |   57 +
 .../src/spark/events/EventExample4.mxml         |   63 +
 .../src/spark/events/EventExample5.mxml         |   57 +
 .../src/spark/events/EventExample6.mxml         |   58 +
 .../src/spark/events/FiveSecondTrigger.as       |   44 +
 .../TourDeFlex3/src/spark/events/MyEvent.as     |   33 +
 .../spark/events/TDFGradientBackgroundSkin.mxml |   49 +
 .../formatters/CurrencyFormatterExample.mxml    |   86 +
 .../spark/formatters/DateFormatterExample.mxml  |   82 +
 .../formatters/NumberFormatterExample.mxml      |   82 +
 .../spark/formatters/PhoneFormatterExample.mxml |   82 +
 .../formatters/SwitchFormatterExample.mxml      |   84 +
 .../formatters/TDFGradientBackgroundSkin.mxml   |   49 +
 .../formatters/ZipCodeFormatterExample.mxml     |   83 +
 .../src/spark/fxg/BitmapImageExample.mxml       |   72 +
 .../src/spark/fxg/DropShadowGraphicExample.mxml |   66 +
 .../src/spark/fxg/EclipseExample.mxml           |   46 +
 .../src/spark/fxg/EllipseTransformExample.mxml  |   66 +
 .../TourDeFlex3/src/spark/fxg/LineExample.mxml  |   96 +
 .../fxg/LinearGradientsSpreadMethodExample.mxml |   63 +
 .../src/spark/fxg/OrangeCrayonStar.fxg          |   47 +
 .../TourDeFlex3/src/spark/fxg/RectExample.mxml  |   87 +
 .../src/spark/fxg/RichTextExample.mxml          |   58 +
 .../src/spark/fxg/StaticFXGExample.mxml         |   51 +
 .../src/spark/fxg/assets/ApacheFlexIcon.png     |  Bin 0 -> 7983 bytes
 .../src/spark/fxg/assets/ApacheFlexLogo.png     |  Bin 0 -> 71228 bytes
 .../src/spark/fxg/skins/TDFPanelSkin.mxml       |  170 +
 .../src/spark/i18n/SparkCollator2Example.mxml   |  100 +
 .../src/spark/i18n/SparkCollatorExample.mxml    |  165 +
 .../i18n/SparkCurrencyFormatter2Example.mxml    |   71 +
 .../i18n/SparkCurrencyFormatterExample.mxml     |  112 +
 .../i18n/SparkCurrencyValidator2Example.mxml    |   71 +
 .../i18n/SparkCurrencyValidatorExample.mxml     |  125 +
 .../i18n/SparkDateTimeFormatter2Example.mxml    |   73 +
 .../i18n/SparkDateTimeFormatterExample.mxml     |  101 +
 .../src/spark/i18n/SparkFormatterExample.mxml   |   58 +
 .../i18n/SparkNumberFormatter2Example.mxml      |   69 +
 .../spark/i18n/SparkNumberFormatterExample.mxml |   97 +
 .../i18n/SparkNumberValidator2Example.mxml      |   70 +
 .../spark/i18n/SparkNumberValidatorExample.mxml |  104 +
 .../i18n/SparkSortandSortField2Example.mxml     |   82 +
 .../i18n/SparkSortandSortFieldExample.mxml      |  122 +
 .../src/spark/i18n/SparkStringToolsExample.mxml |  124 +
 .../TourDeFlex3/src/spark/itemRenderers/Item.as |   62 +
 .../itemRenderers/ItemRenderer1Example.mxml     |   60 +
 .../itemRenderers/ItemRenderer2Example.mxml     |   69 +
 .../itemRenderers/ListItemRendererExample.mxml  |  102 +
 .../spark/itemRenderers/MyListItemRenderer.mxml |   39 +
 .../src/spark/itemRenderers/assets/1.jpg        |  Bin 0 -> 549 bytes
 .../src/spark/itemRenderers/assets/2.jpg        |  Bin 0 -> 549 bytes
 .../src/spark/itemRenderers/assets/3.jpg        |  Bin 0 -> 418 bytes
 .../src/spark/itemRenderers/assets/4.jpg        |  Bin 0 -> 911 bytes
 .../src/spark/itemRenderers/assets/5.jpg        |  Bin 0 -> 1617 bytes
 .../src/spark/itemRenderers/assets/6.jpg        |  Bin 0 -> 1061 bytes
 .../src/spark/itemRenderers/assets/7.jpg        |  Bin 0 -> 1754 bytes
 .../src/spark/itemRenderers/assets/8.jpg        |  Bin 0 -> 1716 bytes
 .../src/spark/itemRenderers/assets/9.jpg        |  Bin 0 -> 1552 bytes
 .../itemRenderers/assets/ApacheFlexIcon.png     |  Bin 0 -> 7983 bytes
 .../src/spark/itemRenderers/data/list.xml       |   96 +
 .../itemRenderers/renderers/ImageRenderer1.mxml |   56 +
 .../itemRenderers/renderers/ImageRenderer2.mxml |   54 +
 .../spark/itemRenderers/skins/TDFPanelSkin.mxml |  170 +
 .../layouts/CustomLayoutAnimatedExample.mxml    |  112 +
 .../layouts/CustomLayoutFlickrWheelExample.mxml |   83 +
 .../spark/layouts/CustomLayoutFlowExample.mxml  |   85 +
 .../layouts/CustomLayoutHBaselineExample.mxml   |  118 +
 .../src/spark/layouts/FlickrThumbnail.mxml      |   80 +
 .../src/spark/layouts/FlowLayout1.as            |  195 +
 .../src/spark/layouts/HBaselineLayout.as        |  199 +
 .../spark/layouts/NumberInterpolatorWrapping.as |  110 +
 .../src/spark/layouts/WheelLayout.as            |  516 ++
 .../src/spark/layouts/assets/ApacheFlexIcon.png |  Bin 0 -> 7983 bytes
 .../src/spark/layouts/assets/xdslider.png       |  Bin 0 -> 359 bytes
 .../src/spark/layouts/data/catalog.xml          |  179 +
 .../spark/layouts/layouts/FilteredTileLayout.as |  260 +
 .../spark/layouts/renderers/PhoneRenderer.mxml  |   60 +
 .../src/spark/layouts/skins/TDFPanelSkin.mxml   |  171 +
 .../TourDeFlex3/src/spark/modules/Module1.mxml  |   24 +
 .../TourDeFlex3/src/spark/modules/Module2.mxml  |   24 +
 .../src/spark/modules/ModuleExample.mxml        |   79 +
 .../modules/TDFGradientBackgroundSkin.mxml      |   49 +
 .../other/BidirectionalBinding1Example.mxml     |   45 +
 .../other/BidirectionalBinding2Example.mxml     |  111 +
 .../TourDeFlex3/src/spark/other/Contact.as      |   37 +
 .../spark/other/ControllingViewportExample.mxml |   44 +
 .../src/spark/other/Cursor1Example.mxml         |   57 +
 .../src/spark/other/Cursor2Example.mxml         |   73 +
 .../src/spark/other/DragAndDrop1Example.mxml    |   61 +
 .../src/spark/other/DragAndDrop2Example.mxml    |   79 +
 .../src/spark/other/FilterExample.mxml          |   95 +
 .../src/spark/other/RepeaterExample.mxml        |   65 +
 .../src/spark/other/ScrollBarsExample.mxml      |   97 +
 .../spark/other/TDFGradientBackgroundSkin.mxml  |   49 +
 .../src/spark/other/assets/ApacheFlexIcon.png   |  Bin 0 -> 7983 bytes
 .../src/spark/other/assets/ApacheFlexLogo.png   |  Bin 0 -> 71228 bytes
 .../other/skins/CustomTabBarButtonSkin.mxml     |  262 +
 .../src/spark/other/skins/CustomTabBarSkin.mxml |   97 +
 .../src/spark/other/skins/TDFPanelSkin.mxml     |  130 +
 .../spark/skinning/ButtonWithIconExample.mxml   |   49 +
 .../skinning/SkinningApplication1Example.mxml   |   44 +
 .../skinning/SkinningApplication2Example.mxml   |   43 +
 .../skinning/SkinningApplication3Example.mxml   |   48 +
 .../skinning/SkinningContainerExample.mxml      |   49 +
 .../src/spark/skinning/assets/arrow_icon_sm.png |  Bin 0 -> 527 bytes
 .../src/spark/skinning/assets/icon_add.png      |  Bin 0 -> 737 bytes
 .../src/spark/skinning/assets/icon_check.png    |  Bin 0 -> 481 bytes
 .../src/spark/skinning/assets/icon_close16.png  |  Bin 0 -> 59709 bytes
 .../src/spark/skinning/assets/icon_plus.png     |  Bin 0 -> 58539 bytes
 .../src/spark/skinning/assets/icon_remove.png   |  Bin 0 -> 693 bytes
 .../src/spark/skinning/assets/wood-bg.png       |  Bin 0 -> 628195 bytes
 .../src/spark/skinning/skins/AddButtonSkin.mxml |  183 +
 .../skinning/skins/BackgroundImageAppSkin.mxml  |   41 +
 .../spark/skinning/skins/CloseButtonSkin.mxml   |  184 +
 .../skinning/skins/CustomControlBarAppSkin.mxml |  106 +
 .../skins/CustomSkinnableContainerSkin.mxml     |   55 +
 .../spark/skinning/skins/FancyButtonSkin.mxml   |  271 +
 .../skins/GradientBackgroundAppSkin.mxml        |   53 +
 .../skinning/skins/IconTextButtonSkin.mxml      |  195 +
 .../src/spark/skinning/skins/MyPanelSkin.mxml   |  101 +
 .../src/spark/skinning/skins/TDFPanelSkin.mxml  |  171 +
 .../states/AnimateShaderTransitionEffect.mxml   |   58 +
 .../src/spark/states/assets/back.png            |  Bin 0 -> 121035 bytes
 .../src/spark/tlf/TextLayoutEditorCanvas.mxml   |  439 ++
 .../src/spark/tlf/TextLayoutEditorSample.mxml   |   29 +
 .../tlf/assets/%scroll_arrow_down_over.png      |  Bin 0 -> 109642 bytes
 .../spark/tlf/assets/%scroll_arrow_up_over.png  |  Bin 0 -> 109644 bytes
 .../spark/tlf/assets/combo_drop_down_arrow.png  |  Bin 0 -> 505 bytes
 .../src/spark/tlf/assets/header_close_icon.png  |  Bin 0 -> 3084 bytes
 .../src/spark/tlf/assets/header_open_icon.png   |  Bin 0 -> 3095 bytes
 .../src/spark/tlf/assets/scroll_arrow_down.png  |  Bin 0 -> 332 bytes
 .../spark/tlf/assets/scroll_arrow_down_over.png |  Bin 0 -> 47147 bytes
 .../src/spark/tlf/assets/scroll_arrow_up.png    |  Bin 0 -> 311 bytes
 .../spark/tlf/assets/scroll_arrow_up_over.png   |  Bin 0 -> 47155 bytes
 .../spark/tlf/flashx/textLayout/UiClasses.as    |   54 +
 .../tlf/flashx/textLayout/ui/MultiPanel.as      |  206 +
 .../textLayout/ui/MultiPanelHeaderSkin.as       |   58 +
 .../flashx/textLayout/ui/PanelWithEdgeBars.as   |  266 +
 .../flashx/textLayout/ui/VellumGUIStyles.css    |  254 +
 .../ui/assets/%scroll_arrow_down_over.png       |  Bin 0 -> 109642 bytes
 .../ui/assets/%scroll_arrow_up_over.png         |  Bin 0 -> 109644 bytes
 .../ui/assets/combo_drop_down_arrow.png         |  Bin 0 -> 505 bytes
 .../textLayout/ui/assets/header_close_icon.png  |  Bin 0 -> 3084 bytes
 .../textLayout/ui/assets/header_open_icon.png   |  Bin 0 -> 3095 bytes
 .../textLayout/ui/assets/scroll_arrow_down.png  |  Bin 0 -> 332 bytes
 .../ui/assets/scroll_arrow_down_over.png        |  Bin 0 -> 47147 bytes
 .../textLayout/ui/assets/scroll_arrow_up.png    |  Bin 0 -> 311 bytes
 .../ui/assets/scroll_arrow_up_over.png          |  Bin 0 -> 47155 bytes
 .../ui/inspectors/AdvancedTextPropertyEditor.as |  190 +
 .../ui/inspectors/AntiAliasPropertyEditor.as    |   51 +
 .../ui/inspectors/CharacterPropertyEditor.as    |  179 +
 .../ui/inspectors/DynamicTextPropertyEditor.as  |   74 +
 .../ui/inspectors/LinkPropertyEditor.as         |   50 +
 .../ui/inspectors/ParagraphPropertyEditor.as    |  226 +
 .../ui/inspectors/SelectionUpdateEvent.as       |   41 +
 .../ui/inspectors/TabPropertyEditor.as          |   64 +
 .../inspectors/TextContainerPropertyEditor.as   |  151 +
 .../ui/inspectors/TextFlowPropertyEditor.as     |   71 +
 .../ui/inspectors/TextInspectorController.as    |  614 ++
 .../ui/inspectors/assets/align_center_icon.png  |  Bin 0 -> 2834 bytes
 .../ui/inspectors/assets/align_end_icon.png     |  Bin 0 -> 2866 bytes
 .../ui/inspectors/assets/align_justify_icon.png |  Bin 0 -> 2812 bytes
 .../assets/align_last_center_icon.png           |  Bin 0 -> 2826 bytes
 .../inspectors/assets/align_last_left_icon.png  |  Bin 0 -> 2812 bytes
 .../inspectors/assets/align_last_right_icon.png |  Bin 0 -> 2815 bytes
 .../ui/inspectors/assets/align_left_icon.png    |  Bin 0 -> 2827 bytes
 .../ui/inspectors/assets/align_right_icon.png   |  Bin 0 -> 2828 bytes
 .../ui/inspectors/assets/align_start_icon.png   |  Bin 0 -> 2915 bytes
 .../ui/inspectors/assets/bold_icon.png          |  Bin 0 -> 2887 bytes
 .../assets/cont_align_bottom_icon.png           |  Bin 0 -> 287 bytes
 .../assets/cont_align_justify_icon.png          |  Bin 0 -> 299 bytes
 .../assets/cont_align_middle_icon.png           |  Bin 0 -> 313 bytes
 .../inspectors/assets/cont_align_top_icon.png   |  Bin 0 -> 310 bytes
 .../ui/inspectors/assets/italic_icon.png        |  Bin 0 -> 2909 bytes
 .../ui/inspectors/assets/strikethrough_icon.png |  Bin 0 -> 2899 bytes
 .../ui/inspectors/assets/subscript_icon.png     |  Bin 0 -> 2886 bytes
 .../ui/inspectors/assets/superscript_icon.png   |  Bin 0 -> 2892 bytes
 .../ui/inspectors/assets/tcy_icon.png           |  Bin 0 -> 2973 bytes
 .../ui/inspectors/assets/underline_icon.png     |  Bin 0 -> 2892 bytes
 .../ui/rulers/ParagraphPropertyMarker.as        |   98 +
 .../ui/rulers/ParagraphPropertyMarkerSkin.as    |  103 +
 .../tlf/flashx/textLayout/ui/rulers/RulerBar.as |  672 ++
 .../textLayout/ui/rulers/RulerDragTracker.as    |   88 +
 .../flashx/textLayout/ui/rulers/RulerMarker.as  |  124 +
 .../flashx/textLayout/ui/rulers/TabMarker.as    |   86 +
 .../textLayout/ui/rulers/TabMarkerSkin.as       |   94 +
 .../textLayout/ui/styles/PopupMenuSkin.as       |   70 +
 .../ui/styles/ScrollbarDownArrowUpSkin.as       |   45 +
 .../ui/styles/ScrollbarThumbOverSkin.as         |   89 +
 .../ui/styles/ScrollbarThumbUpSkin.as           |   89 +
 .../textLayout/ui/styles/ScrollbarTrackSkin.as  |   68 +
 .../ui/styles/ScrollbarUpArrowUpSkin.as         |   45 +
 .../tlf/textEditBar/FeatureSetChangeEvent.as    |   42 +
 .../src/spark/tlf/textEditBar/FileEvent.as      |   43 +
 .../src/spark/tlf/textEditBar/FileIOHelper.as   |  268 +
 .../src/spark/tlf/textEditBar/FileServices.mxml |   96 +
 .../src/spark/tlf/textEditBar/GraphicBar.mxml   |  153 +
 .../spark/tlf/textEditBar/GraphicChangeEvent.as |   61 +
 .../src/spark/tlf/textEditBar/LinkBar.mxml      |  158 +
 .../spark/tlf/textEditBar/LinkChangeEvent.as    |   51 +
 .../tlf/textEditBar/SingleContainerView.mxml    |   80 +
 .../src/spark/tlf/textEditBar/SpriteWithIME.as  |  102 +
 .../src/spark/tlf/textEditBar/StatusPopup.mxml  |   39 +
 .../spark/tlf/textEditBar/StyleChangeEvent.as   |   46 +
 .../spark/tlf/textEditBar/assets/%icon_tcy.png  |  Bin 0 -> 110058 bytes
 .../textEditBar/assets/BreakOpportunityType.png |  Bin 0 -> 26281 bytes
 .../tlf/textEditBar/assets/EmbedDeleteIcon.png  |  Bin 0 -> 47172 bytes
 .../assets/EmbedDeleteIconDisabled.png          |  Bin 0 -> 48199 bytes
 .../assets/P_TextAlignBottom_Sm_N.png           |  Bin 0 -> 287 bytes
 .../assets/P_TextAlignJustify_Sm_N.png          |  Bin 0 -> 299 bytes
 .../assets/P_TextAlignMiddle_Sm_N.png           |  Bin 0 -> 313 bytes
 .../textEditBar/assets/P_TextAlignTop_Sm_N.png  |  Bin 0 -> 310 bytes
 .../assets/P_TextBaselineShift_Md_N.png         |  Bin 0 -> 713 bytes
 .../assets/P_TextBottomOffset_Md_N.png          |  Bin 0 -> 527 bytes
 .../assets/P_TextFirstLineIndent_Md_N.png       |  Bin 0 -> 627 bytes
 .../assets/P_TextLeftIndent_Md_N.png            |  Bin 0 -> 697 bytes
 .../assets/P_TextLeftOffset_Md_N.png            |  Bin 0 -> 519 bytes
 .../assets/P_TextRightIndent_Md_N.png           |  Bin 0 -> 739 bytes
 .../assets/P_TextRightOffset_Md_N.png           |  Bin 0 -> 513 bytes
 .../textEditBar/assets/P_TextSmallCaps_Md_N.png |  Bin 0 -> 647 bytes
 .../assets/P_TextSpaceAfter_Md_N.png            |  Bin 0 -> 578 bytes
 .../assets/P_TextSpaceBefore_Md_N.png           |  Bin 0 -> 572 bytes
 .../textEditBar/assets/P_TextTopOffset_Md_N.png |  Bin 0 -> 530 bytes
 .../assets/TextAutoLeadingPercent.png           |  Bin 0 -> 27667 bytes
 .../spark/tlf/textEditBar/assets/digitCase.png  |  Bin 0 -> 2964 bytes
 .../spark/tlf/textEditBar/assets/digitWidth.png |  Bin 0 -> 3123 bytes
 .../tlf/textEditBar/assets/elementBaseline.png  |  Bin 0 -> 26703 bytes
 .../assets/icon_align_all_but_last.png          |  Bin 0 -> 26692 bytes
 .../textEditBar/assets/icon_align_center.png    |  Bin 0 -> 27220 bytes
 .../tlf/textEditBar/assets/icon_align_end.PNG   |  Bin 0 -> 215 bytes
 .../textEditBar/assets/icon_align_justify.png   |  Bin 0 -> 27095 bytes
 .../tlf/textEditBar/assets/icon_align_left.png  |  Bin 0 -> 27210 bytes
 .../tlf/textEditBar/assets/icon_align_right.png |  Bin 0 -> 27210 bytes
 .../tlf/textEditBar/assets/icon_align_start.PNG |  Bin 0 -> 184 bytes
 .../tlf/textEditBar/assets/icon_bullet.png      |  Bin 0 -> 27234 bytes
 .../tlf/textEditBar/assets/icon_style_bold.png  |  Bin 0 -> 27205 bytes
 .../textEditBar/assets/icon_style_italic.png    |  Bin 0 -> 27229 bytes
 .../assets/icon_style_strikethrough.png         |  Bin 0 -> 26697 bytes
 .../textEditBar/assets/icon_style_underline.png |  Bin 0 -> 27197 bytes
 .../spark/tlf/textEditBar/assets/icon_tcy.png   |  Bin 0 -> 59524 bytes
 .../spark/tlf/textEditBar/assets/ligatures.png  |  Bin 0 -> 3045 bytes
 .../tlf/textEditBar/assets/lineBaseline.png     |  Bin 0 -> 26737 bytes
 .../validators/CreditCardValidatorExample.mxml  |   86 +
 .../validators/CurrencyValidatorExample.mxml    |   61 +
 .../spark/validators/DateValidatorExample.mxml  |   69 +
 .../spark/validators/EmailValidatorExample.mxml |   64 +
 .../spark/validators/FormValidatorExample.mxml  |   91 +
 .../validators/NumberValidatorExample.mxml      |   83 +
 .../validators/RegExpValidatorExample.mxml      |  100 +
 .../SocialSecurityValidatorExample.mxml         |   63 +
 .../validators/StringValidatorExample.mxml      |   66 +
 .../validators/TDFGradientBackgroundSkin.mxml   |   49 +
 .../validators/ZipCodeValidatorExample.mxml     |   63 +
 TourDeFlex/TourDeFlex3/src/viewsource.mxml      |   57 +
 .../AIR-for-Android/RunTracker-app.xml          |  181 +
 .../assets/arrow_bluelink_down.png              |  Bin 0 -> 180 bytes
 .../assets/arrow_bluelink_up.png                |  Bin 0 -> 181 bytes
 .../AIR-for-Android/srcview/SourceIndex.xml     |   63 +
 .../AIR-for-Android/srcview/SourceStyles.css    |  155 +
 .../AIR-for-Android/srcview/SourceTree.html     |  129 +
 .../AIR-for-Android/srcview/index.html          |   32 +
 .../srcview/source/RunTracker-app.xml.txt       |  181 +
 .../srcview/source/RunTracker.mxml.html         |  268 +
 .../source/assets/arrow_bluelink_down.png       |  Bin 0 -> 180 bytes
 .../source/assets/arrow_bluelink_down.png.html  |   28 +
 .../srcview/source/assets/arrow_bluelink_up.png |  Bin 0 -> 181 bytes
 .../source/assets/arrow_bluelink_up.png.html    |   28 +
 .../srcview/source/assets/arrow_down_float.png  |  Bin 0 -> 1147 bytes
 .../source/assets/arrow_down_float.png.html     |   28 +
 .../srcview/source/assets/arrow_up_float.png    |  Bin 0 -> 1134 bytes
 .../source/assets/arrow_up_float.png.html       |   28 +
 .../srcview/source/assets/runner.jpg.html       |   28 +
 .../srcview/source/assets/runner3.jpg.html      |   28 +
 .../srcview/source/assets/runner72.png.html     |   28 +
 .../runtracker/events/DeleteLocalEvent.as.html  |   43 +
 .../events/RemoteSaveFailEvent.as.html          |   42 +
 .../events/RunListResultEvent.as.html           |   43 +
 .../runtracker/events/SaveLocalEvent.as.html    |   44 +
 .../runtracker/service/DBService.as.html        |  229 +
 .../runtracker/skins/DecrementSkin.mxml.html    |  111 +
 .../runtracker/skins/IncrementSkin.mxml.html    |  112 +
 .../skins/MyNumericStepperSkin.mxml.html        |   99 +
 .../skins/NumericStepperTextInputSkin.mxml.html |  101 +
 .../com/devgirl/runtracker/vo/RunVO.as.html     |   44 +
 .../srcview/src/RunTracker-app.xml              |  181 +
 .../AIR-for-Android/srcview/src/RunTracker.mxml |  260 +
 .../srcview/src/assets/arrow_bluelink_down.png  |  Bin 0 -> 180 bytes
 .../srcview/src/assets/arrow_bluelink_up.png    |  Bin 0 -> 181 bytes
 .../srcview/src/assets/arrow_down_float.png     |  Bin 0 -> 1147 bytes
 .../srcview/src/assets/arrow_up_float.png       |  Bin 0 -> 1134 bytes
 .../runtracker/events/DeleteLocalEvent.as       |   35 +
 .../runtracker/events/RemoteSaveFailEvent.as    |   34 +
 .../runtracker/events/RunListResultEvent.as     |   35 +
 .../devgirl/runtracker/events/SaveLocalEvent.as |   36 +
 .../com/devgirl/runtracker/service/DBService.as |  222 +
 .../devgirl/runtracker/skins/DecrementSkin.mxml |  104 +
 .../devgirl/runtracker/skins/IncrementSkin.mxml |  105 +
 .../runtracker/skins/MyNumericStepperSkin.mxml  |   92 +
 .../skins/NumericStepperTextInputSkin.mxml      |   93 +
 .../src/com/devgirl/runtracker/vo/RunVO.as      |   37 +
 TourDeFlex/TourDeFlex_content/badge/index.html  |   83 +
 .../TourDeFlex_content/badge/indexblack.html    |   82 +
 .../TourDeFlex_content/badge/indexblack_cn.html |   89 +
 .../AnimateShaderTransitionEffect/sample.html   |  121 +
 .../srcview/SourceIndex.xml                     |   48 +
 .../srcview/SourceStyles.css                    |  155 +
 .../srcview/SourceTree.html                     |  129 +
 .../srcview/index.html                          |   32 +
 .../srcview/source/assets/back.png              |  Bin 0 -> 121035 bytes
 .../srcview/source/assets/back.png.html         |   28 +
 .../srcview/source/assets/c1.png.html           |   28 +
 .../srcview/source/sample.mxml.html             |   66 +
 .../srcview/src/sample.mxml                     |   58 +
 .../flex4.0/CSSDescendantSelector/sample.html   |  121 +
 .../srcview/SourceIndex.xml                     |   46 +
 .../srcview/SourceStyles.css                    |  155 +
 .../srcview/SourceTree.html                     |  129 +
 .../CSSDescendantSelector/srcview/index.html    |   32 +
 .../srcview/source/sample.mxml.html             |   82 +
 .../srcview/source/skins/TDFPanelSkin.mxml.html |  178 +
 .../srcview/src/sample.mxml                     |   74 +
 .../srcview/src/skins/TDFPanelSkin.mxml         |  171 +
 .../flex4.0/CSSTypeClassSelector/sample.html    |  121 +
 .../srcview/SourceIndex.xml                     |   46 +
 .../srcview/SourceStyles.css                    |  155 +
 .../srcview/SourceTree.html                     |  129 +
 .../CSSTypeClassSelector/srcview/index.html     |   32 +
 .../srcview/source/sample.mxml.html             |   80 +
 .../srcview/source/skins/TDFPanelSkin.mxml.html |  177 +
 .../srcview/src/sample.mxml                     |   72 +
 .../srcview/src/skins/TDFPanelSkin.mxml         |  171 +
 .../flex4.0/ComboBox/sample.html                |  121 +
 .../flex4.0/ComboBox/srcview/SourceIndex.xml    |   46 +
 .../flex4.0/ComboBox/srcview/SourceStyles.css   |  155 +
 .../flex4.0/ComboBox/srcview/SourceTree.html    |  129 +
 .../flex4.0/ComboBox/srcview/index.html         |   32 +
 .../ComboBox/srcview/source/sample.mxml.html    |   73 +
 .../srcview/source/skins/TDFPanelSkin.mxml.html |  178 +
 .../flex4.0/ComboBox/srcview/src/sample.mxml    |   66 +
 .../srcview/src/skins/TDFPanelSkin.mxml         |  171 +
 .../data/list.out.xml                           |   18 +
 .../CustomItemRendererWithEffects/data/list.xml |   96 +
 .../CustomItemRendererWithEffects/sample1.html  |  121 +
 .../CustomItemRendererWithEffects/sample2.html  |  121 +
 .../srcview/SourceIndex.xml                     |   73 +
 .../srcview/SourceStyles.css                    |  155 +
 .../srcview/SourceTree.html                     |  129 +
 .../srcview/index.html                          |   32 +
 .../srcview/source/assets/beesly.jpg.html       |   28 +
 .../srcview/source/assets/bernard.jpg.html      |   28 +
 .../srcview/source/assets/bratton.jpg.html      |   28 +
 .../srcview/source/assets/flenderson.jpg.html   |   28 +
 .../srcview/source/assets/halpert.jpg.html      |   28 +
 .../srcview/source/assets/howard.jpg.html       |   28 +
 .../srcview/source/assets/hudson.jpg.html       |   28 +
 .../srcview/source/assets/kapoor.jpg.html       |   28 +
 .../srcview/source/assets/lapin.jpg.html        |   28 +
 .../srcview/source/assets/malone.jpg.html       |   28 +
 .../srcview/source/assets/martin.jpg.html       |   28 +
 .../srcview/source/assets/martinez.jpg.html     |   28 +
 .../srcview/source/assets/palmer.jpg.html       |   28 +
 .../srcview/source/assets/schrute.jpg.html      |   28 +
 .../srcview/source/assets/scott.jpg.html        |   28 +
 .../srcview/source/data/list.out.xml.txt        |   18 +
 .../srcview/source/data/list.xml.txt            |   96 +
 .../source/renderers/ImageRenderer1.mxml.html   |   64 +
 .../source/renderers/ImageRenderer2.mxml.html   |   62 +
 .../srcview/source/sample1.mxml.html            |   68 +
 .../srcview/source/sample2.mxml.html            |   82 +
 .../srcview/source/skins/TDFPanelSkin.mxml.html |  177 +
 .../srcview/src/data/list.out.xml               |   18 +
 .../srcview/src/data/list.xml                   |   96 +
 .../srcview/src/renderers/ImageRenderer1.mxml   |   56 +
 .../srcview/src/renderers/ImageRenderer2.mxml   |   54 +
 .../srcview/src/sample1.mxml                    |   61 +
 .../srcview/src/sample2.mxml                    |   75 +
 .../srcview/src/skins/TDFPanelSkin.mxml         |  170 +
 .../CustomLayout-Animated/assets/xdslider.png   |  Bin 0 -> 359 bytes
 .../CustomLayout-Animated/data/catalog.xml      |  193 +
 .../flex4.0/CustomLayout-Animated/sample.html   |  121 +
 .../srcview/SourceIndex.xml                     |   69 +
 .../srcview/SourceStyles.css                    |  155 +
 .../srcview/SourceTree.html                     |  129 +
 .../CustomLayout-Animated/srcview/index.html    |   32 +
 .../source/assets/pic/Nokia_3100_blue.gif.html  |   28 +
 .../source/assets/pic/Nokia_3100_pink.gif.html  |   28 +
 .../source/assets/pic/Nokia_3120.gif.html       |   28 +
 .../source/assets/pic/Nokia_3220.gif.html       |   28 +
 .../source/assets/pic/Nokia_3230_black.gif.html |   28 +
 .../assets/pic/Nokia_3230_bronze.gif.html       |   28 +
 .../source/assets/pic/Nokia_3595.gif.html       |   28 +
 .../source/assets/pic/Nokia_3650.gif.html       |   28 +
 .../source/assets/pic/Nokia_6010.gif.html       |   28 +
 .../source/assets/pic/Nokia_6360.gif.html       |   28 +
 .../source/assets/pic/Nokia_6620.gif.html       |   28 +
 .../source/assets/pic/Nokia_6630.gif.html       |   28 +
 .../source/assets/pic/Nokia_6670.gif.html       |   28 +
 .../source/assets/pic/Nokia_6680.gif.html       |   28 +
 .../source/assets/pic/Nokia_6820.gif.html       |   28 +
 .../source/assets/pic/Nokia_7610_black.gif.html |   28 +
 .../source/assets/pic/Nokia_7610_white.gif.html |   28 +
 .../source/assets/pic/Nokia_9300_close.gif.html |   28 +
 .../source/assets/pic/Nokia_9300_open.gif.html  |   28 +
 .../source/assets/pic/Nokia_9500_close.gif.html |   28 +
 .../source/assets/pic/Nokia_9500_open.gif.html  |   28 +
 .../source/assets/pic/Nokia_N90.gif.html        |   28 +
 .../srcview/source/assets/xdslider.png          |  Bin 0 -> 359 bytes
 .../srcview/source/assets/xdslider.png.html     |   28 +
 .../srcview/source/data/catalog.xml.txt         |  193 +
 .../source/layouts/FilteredTileLayout.as.html   |  268 +
 .../source/renderers/PhoneRenderer.mxml.html    |   69 +
 .../srcview/source/sample.mxml.html             |  108 +
 .../srcview/src/assets/xdslider.png             |  Bin 0 -> 359 bytes
 .../srcview/src/data/catalog.xml                |  193 +
 .../srcview/src/layouts/FilteredTileLayout.as   |  260 +
 .../srcview/src/renderers/PhoneRenderer.mxml    |   61 +
 .../srcview/src/sample.mxml                     |  106 +
 .../CustomLayout-FlickrWheel/sample.html        |  121 +
 .../srcview/SourceIndex.xml                     |   46 +
 .../srcview/SourceStyles.css                    |  155 +
 .../srcview/SourceTree.html                     |  129 +
 .../CustomLayout-FlickrWheel/srcview/index.html |   32 +
 .../srcview/source/FlickrThumbnail.mxml.html    |   87 +
 .../source/NumberInterpolatorWrapping.as.html   |  118 +
 .../srcview/source/WheelLayout.as.html          |  525 ++
 .../srcview/source/sample.mxml.html             |   90 +
 .../srcview/src/FlickrThumbnail.mxml            |   80 +
 .../srcview/src/NumberInterpolatorWrapping.as   |  110 +
 .../srcview/src/WheelLayout.as                  |  516 ++
 .../srcview/src/sample.mxml                     |   83 +
 .../flex4.0/CustomLayout-FlowLayout/readme.txt  |    4 +
 .../flex4.0/CustomLayout-FlowLayout/sample.html |  121 +
 .../srcview/SourceIndex.xml                     |   48 +
 .../srcview/SourceStyles.css                    |  155 +
 .../srcview/SourceTree.html                     |  129 +
 .../CustomLayout-FlowLayout/srcview/index.html  |   32 +
 .../srcview/source/FlowLayout1.as.html          |  203 +
 .../srcview/source/readme.txt                   |    4 +
 .../srcview/source/sample.mxml.html             |   92 +
 .../srcview/source/skins/TDFPanelSkin.mxml.html |  178 +
 .../srcview/src/FlowLayout1.as                  |  195 +
 .../srcview/src/readme.txt                      |    4 +
 .../srcview/src/sample.mxml                     |   85 +
 .../srcview/src/skins/TDFPanelSkin.mxml         |  171 +
 .../CustomLayout-HLayoutBaseline/sample.html    |  121 +
 .../srcview/SourceIndex.xml                     |   47 +
 .../srcview/SourceStyles.css                    |  155 +
 .../srcview/SourceTree.html                     |  129 +
 .../srcview/index.html                          |   32 +
 .../srcview/source/HBaselineLayout.as.html      |  207 +
 .../srcview/source/sample.mxml.html             |  126 +
 .../srcview/source/skins/TDFPanelSkin.mxml.html |  137 +
 .../srcview/src/HBaselineLayout.as              |  199 +
 .../srcview/src/sample.mxml                     |  118 +
 .../srcview/src/skins/TDFPanelSkin.mxml         |  130 +
 .../flex4.0/DataGroup/sample.html               |  121 +
 .../flex4.0/DataGroup/srcview/SourceIndex.xml   |   46 +
 .../flex4.0/DataGroup/srcview/SourceStyles.css  |  155 +
 .../flex4.0/DataGroup/srcview/SourceTree.html   |  129 +
 .../flex4.0/DataGroup/srcview/index.html        |   32 +
 .../DataGroup/srcview/source/sample.mxml.html   |  142 +
 .../srcview/source/skins/TDFPanelSkin.mxml.html |  178 +
 .../flex4.0/DataGroup/srcview/src/sample.mxml   |  134 +
 .../srcview/src/skins/TDFPanelSkin.mxml         |  171 +
 .../FXG/BitmapImage/BitmapImageExample.html     |  121 +
 .../FXG/BitmapImage/srcview/SourceIndex.xml     |   49 +
 .../FXG/BitmapImage/srcview/SourceStyles.css    |  155 +
 .../FXG/BitmapImage/srcview/SourceTree.html     |  129 +
 .../flex4.0/FXG/BitmapImage/srcview/index.html  |   32 +
 .../srcview/source/BitmapImageExample.mxml.html |   80 +
 .../srcview/source/assets/AirIcon12x12.gif.html |   28 +
 .../srcview/source/skins/TDFPanelSkin.mxml.html |  177 +
 .../srcview/src/BitmapImageExample.mxml         |   72 +
 .../srcview/src/skins/TDFPanelSkin.mxml         |  170 +
 .../flex4.0/FXG/Ellipse/sample.html             |  121 +
 .../flex4.0/FXG/Ellipse/srcview/SourceIndex.xml |   46 +
 .../FXG/Ellipse/srcview/SourceStyles.css        |  155 +
 .../flex4.0/FXG/Ellipse/srcview/SourceTree.html |  129 +
 .../flex4.0/FXG/Ellipse/srcview/index.html      |   32 +
 .../FXG/Ellipse/srcview/source/sample.mxml.html |   54 +
 .../srcview/source/skins/TDFPanelSkin.mxml.html |  177 +
 .../flex4.0/FXG/Ellipse/srcview/src/sample.mxml |   46 +
 .../Ellipse/srcview/src/skins/TDFPanelSkin.mxml |  170 +
 .../flex4.0/FXG/Line/sample.html                |  121 +
 .../flex4.0/FXG/Line/srcview/SourceIndex.xml    |   46 +
 .../flex4.0/FXG/Line/srcview/SourceStyles.css   |  155 +
 .../flex4.0/FXG/Line/srcview/SourceTree.html    |  129 +
 .../flex4.0/FXG/Line/srcview/index.html         |   32 +
 .../FXG/Line/srcview/source/sample.mxml.html    |  104 +
 .../srcview/source/skins/TDFPanelSkin.mxml.html |  178 +
 .../flex4.0/FXG/Line/srcview/src/sample.mxml    |   96 +
 .../Line/srcview/src/skins/TDFPanelSkin.mxml    |  170 +
 .../flex4.0/FXG/Rect/sample.html                |  121 +
 .../flex4.0/FXG/Rect/srcview/SourceIndex.xml    |   46 +
 .../flex4.0/FXG/Rect/srcview/SourceStyles.css   |  155 +
 .../flex4.0/FXG/Rect/srcview/SourceTree.html    |  129 +
 .../flex4.0/FXG/Rect/srcview/index.html         |   32 +
 .../FXG/Rect/srcview/source/sample.mxml.html    |   95 +
 .../srcview/source/skins/TDFPanelSkin.mxml.html |  177 +
 .../flex4.0/FXG/Rect/srcview/src/sample.mxml    |   87 +
 .../Rect/srcview/src/skins/TDFPanelSkin.mxml    |  170 +
 .../flex4.0/FXG/RichText/sample.html            |  121 +
 .../FXG/RichText/srcview/SourceIndex.xml        |   46 +
 .../FXG/RichText/srcview/SourceStyles.css       |  155 +
 .../FXG/RichText/srcview/SourceTree.html        |  129 +
 .../flex4.0/FXG/RichText/srcview/index.html     |   32 +
 .../RichText/srcview/source/sample.mxml.html    |   66 +
 .../srcview/source/skins/TDFPanelSkin.mxml.html |  177 +
 .../FXG/RichText/srcview/src/sample.mxml        |   58 +
 .../srcview/src/skins/TDFPanelSkin.mxml         |  170 +
 .../Group-HGroup-VGroup/SampleHGroup.html       |  120 +
 .../Group-HGroup-VGroup/SampleVGroup.html       |  120 +
 .../flex4.0/Group-HGroup-VGroup/sample.html     |  120 +
 .../Group-HGroup-VGroup/srcview/SourceIndex.xml |   47 +
 .../srcview/SourceStyles.css                    |  155 +
 .../Group-HGroup-VGroup/srcview/SourceTree.html |  129 +
 .../Group-HGroup-VGroup/srcview/index.html      |   32 +
 .../srcview/source/SampleHGroup.mxml.html       |  106 +
 .../srcview/source/SampleVGroup.mxml.html       |  105 +
 .../srcview/source/skins/TDFPanelSkin.mxml.html |  178 +
 .../srcview/src/SampleHGroup.mxml               |   98 +
 .../srcview/src/SampleVGroup.mxml               |   97 +
 .../srcview/src/skins/TDFPanelSkin.mxml         |  171 +
 .../sample.html                                 |  121 +
 .../srcview/SourceIndex.xml                     |   43 +
 .../srcview/SourceStyles.css                    |  155 +
 .../srcview/SourceTree.html                     |  129 +
 .../srcview/index.html                          |   32 +
 .../srcview/source/sample.mxml.html             |   91 +
 .../srcview/src/sample.mxml                     |   83 +
 .../TourDeFlex_content/flex4.0/Menu/sample.html |  121 +
 .../flex4.0/Menu/srcview/SourceIndex.xml        |   46 +
 .../flex4.0/Menu/srcview/SourceStyles.css       |  155 +
 .../flex4.0/Menu/srcview/SourceTree.html        |  129 +
 .../flex4.0/Menu/srcview/index.html             |   32 +
 .../Menu/srcview/source/sample.mxml.html        |   98 +
 .../srcview/source/skins/TDFPanelSkin.mxml.html |  137 +
 .../flex4.0/Menu/srcview/src/sample.mxml        |   90 +
 .../Menu/srcview/src/skins/TDFPanelSkin.mxml    |  130 +
 .../flex4.0/Move3D/sample.html                  |  121 +
 .../flex4.0/Move3D/srcview/SourceIndex.xml      |   49 +
 .../flex4.0/Move3D/srcview/SourceStyles.css     |  155 +
 .../flex4.0/Move3D/srcview/SourceTree.html      |  129 +
 .../flex4.0/Move3D/srcview/index.html           |   32 +
 .../srcview/source/assets/backpack.jpg.html     |   28 +
 .../Move3D/srcview/source/sample.mxml.html      |  107 +
 .../srcview/source/skins/TDFPanelSkin.mxml.html |  177 +
 .../flex4.0/Move3D/srcview/src/sample.mxml      |   99 +
 .../Move3D/srcview/src/skins/TDFPanelSkin.mxml  |  170 +
 .../flex4.0/RichEditableText/sample.html        |  121 +
 .../RichEditableText/srcview/SourceIndex.xml    |   46 +
 .../RichEditableText/srcview/SourceStyles.css   |  155 +
 .../RichEditableText/srcview/SourceTree.html    |  129 +
 .../flex4.0/RichEditableText/srcview/index.html |   32 +
 .../srcview/source/sample.mxml.html             |  107 +
 .../srcview/source/skins/TDFPanelSkin.mxml.html |  137 +
 .../RichEditableText/srcview/src/sample.mxml    |  100 +
 .../srcview/src/skins/TDFPanelSkin.mxml         |  130 +
 .../flex4.0/Sample-Adobe-Accordion/sample1.html |   45 +
 .../srcview/SourceIndex.xml                     |   37 +
 .../srcview/SourceStyles.css                    |  155 +
 .../srcview/SourceTree.html                     |  129 +
 .../Sample-Adobe-Accordion/srcview/index.html   |   32 +
 .../source/TDFGradientBackgroundSkin.mxml.html  |   57 +
 .../srcview/source/final-sample/Accordion.png   |  Bin 0 -> 313 bytes
 .../source/final-sample/Accordion.png.html      |   28 +
 .../srcview/source/final-sample/sample1.html    |   45 +
 .../source/final-sample/sample1.mxml.html       |   62 +
 .../srcview/source/sample1.mxml.html            |   75 +
 .../srcview/src/TDFGradientBackgroundSkin.mxml  |   49 +
 .../srcview/src/sample1.mxml                    |   67 +
 .../Sample-Adobe-AdvancedDataGrid/sample1.html  |   45 +
 .../srcview/SourceIndex.xml                     |   37 +
 .../srcview/SourceStyles.css                    |  155 +
 .../srcview/SourceTree.html                     |  129 +
 .../srcview/index.html                          |   32 +
 .../source/TDFGradientBackgroundSkin.mxml.html  |   57 +
 .../source/final-sample/AdvancedDataGrid.png    |  Bin 0 -> 286 bytes
 .../final-sample/AdvancedDataGrid.png.html      |   28 +
 .../srcview/source/final-sample/sample1.html    |   45 +
 .../source/final-sample/sample1.mxml.html       |   92 +
 .../srcview/source/sample1.mxml.html            |  100 +
 .../srcview/src/TDFGradientBackgroundSkin.mxml  |   49 +
 .../srcview/src/sample1.mxml                    |   93 +
 .../flex4.0/Sample-Adobe-AreaChart/sample1.html |   45 +
 .../srcview/SourceIndex.xml                     |   37 +
 .../srcview/SourceStyles.css                    |  155 +
 .../srcview/SourceTree.html                     |  129 +
 .../Sample-Adobe-AreaChart/srcview/index.html   |   32 +
 .../source/TDFGradientBackgroundSkin.mxml.html  |   57 +
 .../srcview/source/final-sample/AreaChart.png   |  Bin 0 -> 28450 bytes
 .../source/final-sample/AreaChart.png.html      |   28 +
 .../srcview/source/final-sample/sample1.html    |   45 +
 .../source/final-sample/sample1.mxml.html       |   66 +
 .../srcview/source/sample1.mxml.html            |   78 +
 .../srcview/src/TDFGradientBackgroundSkin.mxml  |   49 +
 .../srcview/src/sample1.mxml                    |   71 +
 .../flex4.0/Sample-Adobe-BarChart/sample1.html  |   45 +
 .../srcview/SourceIndex.xml                     |   37 +
 .../srcview/SourceStyles.css                    |  155 +
 .../srcview/SourceTree.html                     |  129 +
 .../Sample-Adobe-BarChart/srcview/index.html    |   32 +
 .../source/TDFGradientBackgroundSkin.mxml.html  |   57 +
 .../srcview/source/final-sample/BarChart.png    |  Bin 0 -> 27977 bytes
 .../source/final-sample/BarChart.png.html       |   28 +
 .../srcview/source/final-sample/sample1.html    |   45 +
 .../source/final-sample/sample1.mxml.html       |   64 +
 .../srcview/source/sample1.mxml.html            |   76 +
 .../srcview/src/TDFGradientBackgroundSkin.mxml  |   49 +
 .../srcview/src/sample1.mxml                    |   69 +
 .../Sample-Adobe-BubbleChart/sample1.html       |   45 +
 .../srcview/SourceIndex.xml                     |   37 +
 .../srcview/SourceStyles.css                    |  155 +
 .../srcview/SourceTree.html                     |  129 +
 .../Sample-Adobe-BubbleChart/srcview/index.html |   32 +
 .../source/TDFGradientBackgroundSkin.mxml.html  |   57 +
 .../srcview/source/final-sample/BubbleChart.png |  Bin 0 -> 28333 bytes
 .../source/final-sample/BubbleChart.png.html    |   28 +
 .../srcview/source/final-sample/sample1.html    |   45 +
 .../source/final-sample/sample1.mxml.html       |   65 +
 .../srcview/source/sample1.mxml.html            |   81 +
 .../srcview/src/TDFGradientBackgroundSkin.mxml  |   49 +
 .../srcview/src/sample1.mxml                    |   74 +
 .../Sample-Adobe-CandlestickChart/sample1.html  |   45 +
 .../srcview/SourceIndex.xml                     |   37 +
 .../srcview/SourceStyles.css                    |  155 +
 .../srcview/SourceTree.html                     |  129 +
 .../srcview/index.html                          |   32 +
 .../source/TDFGradientBackgroundSkin.mxml.html  |   57 +
 .../source/final-sample/CandlestickChart.png    |  Bin 0 -> 28043 bytes
 .../final-sample/CandlestickChart.png.html      |   28 +
 .../srcview/source/final-sample/sample1.html    |   45 +
 .../source/final-sample/sample1.mxml.html       |   73 +
 .../srcview/source/sample1.mxml.html            |   87 +
 .../srcview/src/TDFGradientBackgroundSkin.mxml  |   49 +
 .../srcview/src/sample1.mxml                    |   80 +
 .../Sample-Adobe-ColorPicker/sample1.html       |   45 +
 .../srcview/SourceIndex.xml                     |   37 +
 .../srcview/SourceStyles.css                    |  155 +
 .../srcview/SourceTree.html                     |  129 +
 .../Sample-Adobe-ColorPicker/srcview/index.html |   32 +
 .../source/TDFGradientBackgroundSkin.mxml.html  |   57 +
 .../srcview/source/final-sample/ColorPicker.png |  Bin 0 -> 576 bytes
 .../source/final-sample/ColorPicker.png.html    |   28 +
 .../srcview/source/final-sample/sample1.html    |   45 +
 .../source/final-sample/sample1.mxml.html       |   42 +
 .../srcview/source/sample1.mxml.html            |   57 +
 .../srcview/src/TDFGradientBackgroundSkin.mxml  |   49 +
 .../srcview/src/sample1.mxml                    |   49 +
 .../Sample-Adobe-ColumnChart/sample1.html       |   45 +
 .../srcview/SourceIndex.xml                     |   37 +
 .../srcview/SourceStyles.css                    |  155 +
 .../srcview/SourceTree.html                     |  129 +
 .../Sample-Adobe-ColumnChart/srcview/index.html |   32 +
 .../source/TDFGradientBackgroundSkin.mxml.html  |   57 +
 .../srcview/source/final-sample/ColumnChart.png |  Bin 0 -> 27888 bytes
 .../source/final-sample/ColumnChart.png.html    |   28 +
 .../srcview/source/final-sample/sample1.html    |   45 +
 .../source/final-sample/sample1.mxml.html       |   64 +
 .../srcview/source/sample1.mxml.html            |   78 +
 .../srcview/src/TDFGradientBackgroundSkin.mxml  |   49 +
 .../srcview/src/sample1.mxml                    |   71 +
 .../Sample-Adobe-Components/SearchDemo.html     |   16 +
 .../VideoPlayerModuleLoader.html                |   16 +
 .../flex4.0/Sample-Adobe-Components/main.html   |   16 +
 .../srcview/SourceIndex.xml                     |   51 +
 .../srcview/SourceStyles.css                    |  155 +
 .../srcview/SourceTree.html                     |  129 +
 .../Sample-Adobe-Components/srcview/index.html  |   32 +
 .../srcview/source/SearchBox.as.html            |  184 +
 .../srcview/source/SearchBoxEvent.as.html       |   43 +
 .../srcview/source/SearchDemo.mxml.html         |  100 +
 .../source/TDFGradientBackgroundSkin.mxml.html  |   57 +
 .../srcview/source/VideoPlayer.mxml.html        |   97 +
 .../srcview/source/VideoPlayerModule.mxml.html  |   41 +
 .../source/VideoPlayerModuleLoader.mxml.html    |   42 +
 .../source/assets/control_pause_blue.png        |  Bin 0 -> 721 bytes
 .../source/assets/control_pause_blue.png.html   |   28 +
 .../srcview/source/assets/control_play_blue.png |  Bin 0 -> 717 bytes
 .../source/assets/control_play_blue.png.html    |   28 +
 .../srcview/source/assets/control_stop_blue.png |  Bin 0 -> 695 bytes
 .../source/assets/control_stop_blue.png.html    |   28 +
 .../srcview/source/assets/icon_close.png        |  Bin 0 -> 59707 bytes
 .../srcview/source/assets/icon_close.png.html   |   28 +
 .../source/final-sample/SearchBox.as.html       |  184 +
 .../source/final-sample/SearchBoxEvent.as.html  |   43 +
 .../srcview/source/final-sample/SearchDemo.html |   16 +
 .../source/final-sample/SearchDemo.mxml.html    |   74 +
 .../source/final-sample/VideoPlayer.mxml.html   |   86 +
 .../srcview/source/final-sample/main.html       |   16 +
 .../srcview/source/final-sample/main.mxml.html  |   37 +
 .../srcview/source/main.mxml.html               |   58 +
 .../srcview/src/SearchBox.as                    |  176 +
 .../srcview/src/SearchBoxEvent.as               |   35 +
 .../srcview/src/SearchDemo.mxml                 |   92 +
 .../srcview/src/TDFGradientBackgroundSkin.mxml  |   49 +
 .../srcview/src/VideoPlayer.mxml                |   89 +
 .../srcview/src/VideoPlayerModule.mxml          |   33 +
 .../srcview/src/VideoPlayerModuleLoader.mxml    |   34 +
 .../srcview/src/assets/control_pause_blue.png   |  Bin 0 -> 721 bytes
 .../srcview/src/assets/control_play_blue.png    |  Bin 0 -> 717 bytes
 .../srcview/src/assets/control_stop_blue.png    |  Bin 0 -> 695 bytes
 .../srcview/src/assets/icon_close.png           |  Bin 0 -> 59707 bytes
 .../srcview/src/main.mxml                       |   50 +
 .../sample1.html                                |   45 +
 .../srcview/SourceIndex.xml                     |   37 +
 .../srcview/SourceStyles.css                    |  155 +
 .../srcview/SourceTree.html                     |  129 +
 .../srcview/index.html                          |   32 +
 .../source/TDFGradientBackgroundSkin.mxml.html  |   57 +
 .../srcview/source/final-sample/sample1.html    |   45 +
 .../source/final-sample/sample1.mxml.html       |   75 +
 .../source/final-sample/validatoricon.png       |  Bin 0 -> 780 bytes
 .../source/final-sample/validatoricon.png.html  |   28 +
 .../srcview/source/sample1.mxml.html            |   95 +
 .../srcview/src/TDFGradientBackgroundSkin.mxml  |   49 +
 .../srcview/src/sample1.mxml                    |   87 +
 .../Sample-Adobe-CurrencyFormatter/sample1.html |   45 +
 .../srcview/SourceIndex.xml                     |   37 +
 .../srcview/SourceStyles.css                    |  155 +
 .../srcview/SourceTree.html                     |  129 +
 .../srcview/index.html                          |   32 +
 .../source/TDFGradientBackgroundSkin.mxml.html  |   57 +
 .../source/final-sample/formattericon.png       |  Bin 0 -> 841 bytes
 .../source/final-sample/formattericon.png.html  |   28 +
 .../srcview/source/final-sample/sample1.html    |   45 +
 .../source/final-sample/sample1.mxml.html       |   77 +
 .../srcview/source/sample1.mxml.html            |   95 +
 .../srcview/src/TDFGradientBackgroundSkin.mxml  |   49 +
 .../srcview/src/sample1.mxml                    |   87 +
 .../Sample-Adobe-CurrencyValidator/sample1.html |   45 +
 .../srcview/SourceIndex.xml                     |   37 +
 .../srcview/SourceStyles.css                    |  155 +
 .../srcview/SourceTree.html                     |  129 +
 .../srcview/index.html                          |   32 +
 .../source/TDFGradientBackgroundSkin.mxml.html  |   57 +
 .../srcview/source/final-sample/sample1.html    |   45 +
 .../source/final-sample/sample1.mxml.html       |   53 +
 .../source/final-sample/validatoricon.png       |  Bin 0 -> 780 bytes
 .../source/final-sample/validatoricon.png.html  |   28 +
 .../srcview/source/sample1.mxml.html            |   70 +
 .../srcview/src/TDFGradientBackgroundSkin.mxml  |   49 +
 .../srcview/src/sample1.mxml                    |   62 +
 .../Sample-Adobe-CursorManagement/sample1.html  |   45 +
 .../Sample-Adobe-CursorManagement/sample2.html  |   45 +
 .../srcview/SourceIndex.xml                     |   39 +
 .../srcview/SourceStyles.css                    |  155 +
 .../srcview/SourceTree.html                     |  129 +
 .../srcview/index.html                          |   32 +
 .../source/TDFGradientBackgroundSkin.mxml.html  |   57 +
 .../srcview/source/aircursor.png.html           |   28 +
 .../source/final-sample/flexicon.png.html       |   28 +
 .../srcview/source/final-sample/sample1.html    |   45 +
 .../source/final-sample/sample1.mxml.html       |   43 +
 .../srcview/source/final-sample/sample2.html    |   45 +
 .../source/final-sample/sample2.mxml.html       |   61 +
 .../srcview/source/sample1.mxml.html            |   66 +
 .../srcview/source/sample2.mxml.html            |   82 +
 .../srcview/src/TDFGradientBackgroundSkin.mxml  |   49 +
 .../srcview/src/sample1.mxml                    |   58 +
 .../srcview/src/sample2.mxml                    |   74 +
 .../images/arrow_icon_sm.png                    |  Bin 0 -> 527 bytes
 .../flex4.0/Sample-Adobe-DataGrid/sample1.html  |  121 +
 .../srcview/SourceIndex.xml                     |   47 +
 .../srcview/SourceStyles.css                    |  155 +
 .../srcview/SourceTree.html                     |  129 +
 .../Sample-Adobe-DataGrid/srcview/index.html    |   32 +
 .../source/TDFGradientBackgroundSkin.mxml.html  |   57 +
 .../srcview/source/final-sample/DataGrid.png    |  Bin 0 -> 397 bytes
 .../source/final-sample/DataGrid.png.html       |   28 +
 .../srcview/source/final-sample/sample1.html    |   45 +
 .../source/final-sample/sample1.mxml.html       |   88 +
 .../srcview/source/images/arrow_icon_sm.png     |  Bin 0 -> 527 bytes
 .../source/images/arrow_icon_sm.png.html        |   28 +
 .../srcview/source/sample1.mxml.html            |  104 +
 .../srcview/src/TDFGradientBackgroundSkin.mxml  |   49 +
 .../srcview/src/images/arrow_icon_sm.png        |  Bin 0 -> 527 bytes
 .../srcview/src/sample1.mxml                    |   96 +
 .../Sample-Adobe-DateChooser/sample1.html       |   45 +
 .../srcview/SourceIndex.xml                     |   37 +
 .../srcview/SourceStyles.css                    |  155 +
 .../srcview/SourceTree.html                     |  129 +
 .../Sample-Adobe-DateChooser/srcview/index.html |   32 +
 .../source/TDFGradientBackgroundSkin.mxml.html  |   57 +
 .../srcview/source/final-sample/DateChooser.png |  Bin 0 -> 395 bytes
 .../source/final-sample/DateChooser.png.html    |   28 +
 .../srcview/source/final-sample/sample1.html    |   45 +
 .../source/final-sample/sample1.mxml.html       |   72 +
 .../srcview/source/sample1.mxml.html            |   88 +
 .../srcview/src/TDFGradientBackgroundSkin.mxml  |   49 +
 .../srcview/src/sample1.mxml                    |   80 +
 .../flex4.0/Sample-Adobe-DateField/sample1.html |   45 +
 .../srcview/SourceIndex.xml                     |   37 +
 .../srcview/SourceStyles.css                    |  155 +
 .../srcview/SourceTree.html                     |  129 +
 .../Sample-Adobe-DateField/srcview/index.html   |   32 +
 .../source/TDFGradientBackgroundSkin.mxml.html  |   57 +
 .../srcview/source/final-sample/DateField.png   |  Bin 0 -> 483 bytes
 .../source/final-sample/DateField.png.html      |   28 +
 .../srcview/source/final-sample/sample1.html    |   45 +
 .../source/final-sample/sample1.mxml.html       |   73 +
 .../srcview/source/sample1.mxml.html            |  102 +
 .../srcview/src/TDFGradientBackgroundSkin.mxml  |   49 +
 .../srcview/src/sample1.mxml                    |   94 +
 .../Sample-Adobe-DateFormatter/sample1.html     |   45 +
 .../srcview/SourceIndex.xml                     |   37 +
 .../srcview/SourceStyles.css                    |  155 +
 .../srcview/SourceTree.html                     |  129 +
 .../srcview/index.html                          |   32 +
 .../source/TDFGradientBackgroundSkin.mxml.html  |   57 +
 .../source/final-sample/formattericon.png       |  Bin 0 -> 841 bytes
 .../source/final-sample/formattericon.png.html  |   28 +
 .../srcview/source/final-sample/sample1.html    |   45 +
 .../source/final-sample/sample1.mxml.html       |   74 +
 .../srcview/source/sample1.mxml.html            |   91 +
 .../srcview/src/TDFGradientBackgroundSkin.mxml  |   49 +
 .../srcview/src/sample1.mxml                    |   83 +
 .../Sample-Adobe-DateValidator/sample1.html     |   45 +
 .../srcview/SourceIndex.xml                     |   37 +
 .../srcview/SourceStyles.css                    |  155 +
 .../srcview/SourceTree.html                     |  129 +
 .../srcview/index.html                          |   32 +
 .../source/TDFGradientBackgroundSkin.mxml.html  |   57 +
 .../srcview/source/final-sample/sample1.html    |   45 +
 .../source/final-sample/sample1.mxml.html       |   59 +
 .../source/final-sample/validatoricon.png       |  Bin 0 -> 780 bytes
 .../source/final-sample/validatoricon.png.html  |   28 +
 .../srcview/source/sample1.mxml.html            |   78 +
 .../srcview/src/TDFGradientBackgroundSkin.mxml  |   49 +
 .../srcview/src/sample1.mxml                    |   70 +
 .../Sample-Adobe-DragAndDrop/sample1.html       |   45 +
 .../Sample-Adobe-DragAndDrop/sample2.html       |   45 +
 .../srcview/SourceIndex.xml                     |   38 +
 .../srcview/SourceStyles.css                    |  155 +
 .../srcview/SourceTree.html                     |  129 +
 .../Sample-Adobe-DragAndDrop/srcview/index.html |   32 +
 .../source/TDFGradientBackgroundSkin.mxml.html  |   57 +
 .../srcview/source/final-sample/readme.html     |   20 +
 .../srcview/source/final-sample/sample1.html    |   45 +
 .../source/final-sample/sample1.mxml.html       |   47 +
 .../srcview/source/final-sample/sample2.html    |   45 +
 .../source/final-sample/sample2.mxml.html       |   69 +
 .../srcview/source/sample1.mxml.html            |   70 +
 .../srcview/source/sample2.mxml.html            |   88 +
 .../srcview/src/TDFGradientBackgroundSkin.mxml  |   49 +
 .../srcview/src/sample1.mxml                    |   62 +
 .../srcview/src/sample2.mxml                    |   80 +
 .../Sample-Adobe-EmailValidator/sample1.html    |   45 +
 .../srcview/SourceIndex.xml                     |   37 +
 .../srcview/SourceStyles.css                    |  155 +
 .../srcview/SourceTree.html                     |  129 +
 .../srcview/index.html                          |   32 +
 .../source/TDFGradientBackgroundSkin.mxml.html  |   57 +
 .../srcview/source/final-sample/sample1.html    |   45 +
 .../source/final-sample/sample1.mxml.html       |   53 +
 .../source/final-sample/validatoricon.png       |  Bin 0 -> 780 bytes
 .../source/final-sample/validatoricon.png.html  |   28 +
 .../srcview/source/sample1.mxml.html            |   73 +
 .../srcview/src/TDFGradientBackgroundSkin.mxml  |   49 +
 .../srcview/src/sample1.mxml                    |   65 +
 .../flex4.0/Sample-Adobe-Events/sample1.html    |   45 +
 .../flex4.0/Sample-Adobe-Events/sample2.html    |   45 +
 .../flex4.0/Sample-Adobe-Events/sample3.html    |   45 +
 .../flex4.0/Sample-Adobe-Events/sample4.html    |   45 +
 .../flex4.0/Sample-Adobe-Events/sample5.html    |   45 +
 .../flex4.0/Sample-Adobe-Events/sample6.html    |   45 +
 .../Sample-Adobe-Events/srcview/SourceIndex.xml |   44 +
 .../srcview/SourceStyles.css                    |  155 +
 .../Sample-Adobe-Events/srcview/SourceTree.html |  129 +
 .../Sample-Adobe-Events/srcview/index.html      |   32 +
 .../srcview/source/FiveSecondTrigger.as.html    |   52 +
 .../srcview/source/MyEvent.as.html              |   41 +
 .../source/TDFGradientBackgroundSkin.mxml.html  |   57 +
 .../final-sample/FiveSecondTrigger.as.html      |   52 +
 .../srcview/source/final-sample/MyEvent.as.html |   41 +
 .../srcview/source/final-sample/readme.html     |   21 +
 .../srcview/source/final-sample/sample1.html    |   45 +
 .../source/final-sample/sample1.mxml.html       |   35 +
 .../srcview/source/final-sample/sample2.html    |   45 +
 .../source/final-sample/sample2.mxml.html       |   40 +
 .../srcview/source/final-sample/sample3.html    |   45 +
 .../source/final-sample/sample3.mxml.html       |   43 +
 .../srcview/source/final-sample/sample4.html    |   45 +
 .../source/final-sample/sample4.mxml.html       |   47 +
 .../srcview/source/final-sample/sample5.html    |   45 +
 .../source/final-sample/sample5.mxml.html       |   42 +
 .../srcview/source/final-sample/sample6.html    |   45 +
 .../source/final-sample/sample6.mxml.html       |   41 +
 .../srcview/source/sample1.mxml.html            |   61 +
 .../srcview/source/sample2.mxml.html            |   65 +
 .../srcview/source/sample3.mxml.html            |   66 +
 .../srcview/source/sample4.mxml.html            |   72 +
 .../srcview/source/sample5.mxml.html            |   66 +
 .../srcview/source/sample6.mxml.html            |   67 +
 .../srcview/src/FiveSecondTrigger.as            |   44 +
 .../Sample-Adobe-Events/srcview/src/MyEvent.as  |   33 +
 .../srcview/src/TDFGradientBackgroundSkin.mxml  |   49 +
 .../srcview/src/sample1.mxml                    |   53 +
 .../srcview/src/sample2.mxml                    |   57 +
 .../srcview/src/sample3.mxml                    |   58 +
 .../srcview/src/sample4.mxml                    |   64 +
 .../srcview/src/sample5.mxml                    |   58 +
 .../srcview/src/sample6.mxml                    |   59 +
 .../flex4.0/Sample-Adobe-Filters/sample1.html   |  121 +
 .../srcview/SourceIndex.xml                     |   44 +
 .../srcview/SourceStyles.css                    |  155 +
 .../srcview/SourceTree.html                     |  129 +
 .../Sample-Adobe-Filters/srcview/index.html     |   32 +
 .../source/TDFGradientBackgroundSkin.mxml.html  |   57 +
 .../srcview/source/sample1.mxml.html            |  104 +
 .../srcview/src/TDFGradientBackgroundSkin.mxml  |   49 +
 .../srcview/src/sample1.mxml                    |   96 +
 .../flex4.0/Sample-Adobe-Form/sample1.html      |   45 +
 .../Sample-Adobe-Form/srcview/SourceIndex.xml   |   37 +
 .../Sample-Adobe-Form/srcview/SourceStyles.css  |  155 +
 .../Sample-Adobe-Form/srcview/SourceTree.html   |  129 +
 .../Sample-Adobe-Form/srcview/index.html        |   32 +
 .../source/TDFGradientBackgroundSkin.mxml.html  |   57 +
 .../srcview/source/final-sample/Form.png        |  Bin 0 -> 28456 bytes
 .../srcview/source/final-sample/Form.png.html   |   28 +
 .../srcview/source/final-sample/sample1.html    |   45 +
 .../source/final-sample/sample1.mxml.html       |   84 +
 .../srcview/source/sample1.mxml.html            |  101 +
 .../srcview/src/TDFGradientBackgroundSkin.mxml  |   49 +
 .../Sample-Adobe-Form/srcview/src/sample1.mxml  |   93 +
 .../flex4.0/Sample-Adobe-Formatter/sample1.html |   45 +
 .../srcview/SourceIndex.xml                     |   37 +
 .../srcview/SourceStyles.css                    |  155 +
 .../srcview/SourceTree.html                     |  129 +
 .../Sample-Adobe-Formatter/srcview/index.html   |   32 +
 .../source/TDFGradientBackgroundSkin.mxml.html  |   57 +
 .../source/final-sample/formattericon.png       |  Bin 0 -> 841 bytes
 .../source/final-sample/formattericon.png.html  |   28 +
 .../srcview/source/final-sample/sample1.html    |   45 +
 .../source/final-sample/sample1.mxml.html       |   74 +
 .../srcview/source/sample1.mxml.html            |   91 +
 .../srcview/src/TDFGradientBackgroundSkin.mxml  |   49 +
 .../srcview/src/sample1.mxml                    |   83 +
 .../flex4.0/Sample-Adobe-HLOCChart/sample1.html |   45 +
 .../srcview/SourceIndex.xml                     |   37 +
 .../srcview/SourceStyles.css                    |  155 +
 .../srcview/SourceTree.html                     |  129 +
 .../Sample-Adobe-HLOCChart/srcview/index.html   |   32 +
 .../source/TDFGradientBackgroundSkin.mxml.html  |   57 +
 .../srcview/source/final-sample/HLOCChart.png   |  Bin 0 -> 27635 bytes
 .../source/final-sample/HLOCChart.png.html      |   28 +
 .../srcview/source/final-sample/sample1.html    |   45 +
 .../source/final-sample/sample1.mxml.html       |   72 +
 .../srcview/source/sample1.mxml.html            |   86 +
 .../srcview/src/TDFGradientBackgroundSkin.mxml  |   49 +
 .../srcview/src/sample1.mxml                    |   79 +
 .../flex4.0/Sample-Adobe-Image/sample1.html     |   45 +
 .../Sample-Adobe-Image/srcview/SourceIndex.xml  |   44 +
 .../Sample-Adobe-Image/srcview/SourceStyles.css |  155 +
 .../Sample-Adobe-Image/srcview/SourceTree.html  |  129 +
 .../Sample-Adobe-Image/srcview/index.html       |   32 +
 .../source/TDFGradientBackgroundSkin.mxml.html  |   57 +
 .../srcview/source/final-sample/Image.png       |  Bin 0 -> 28453 bytes
 .../srcview/source/final-sample/Image.png.html  |   28 +
 .../source/final-sample/final-sample/Image.png  |  Bin 0 -> 28453 bytes
 .../final-sample/final-sample/sample1.html      |   45 +
 .../final-sample/final-sample/sample1.mxml.html |   45 +
 .../srcview/source/final-sample/sample1.html    |   45 +
 .../source/final-sample/sample1.mxml.html       |   55 +
 .../source/final-sample/src/sample1.mxml        |   47 +
 .../srcview/source/images/backpack.jpg.html     |   28 +
 .../srcview/source/images/boots.jpg.html        |   28 +
 .../srcview/source/images/compass.jpg.html      |   28 +
 .../srcview/source/images/goggles.jpg.html      |   28 +
 .../srcview/source/images/helmet.jpg.html       |   28 +
 .../srcview/source/sample1.mxml.html            |   78 +
 .../srcview/src/TDFGradientBackgroundSkin.mxml  |   49 +
 .../Sample-Adobe-Image/srcview/src/sample1.mxml |   70 +
 .../flex4.0/Sample-Adobe-LineChart/sample1.html |   45 +
 .../srcview/SourceIndex.xml                     |   37 +
 .../srcview/SourceStyles.css                    |  155 +
 .../srcview/SourceTree.html                     |  129 +
 .../Sample-Adobe-LineChart/srcview/index.html   |   32 +
 .../source/TDFGradientBackgroundSkin.mxml.html  |   57 +
 .../srcview/source/final-sample/LineChart.png   |  Bin 0 -> 28572 bytes
 .../source/final-sample/LineChart.png.html      |   28 +
 .../srcview/source/final-sample/sample1.html    |   45 +
 .../source/final-sample/sample1.mxml.html       |   66 +
 .../srcview/source/sample1.mxml.html            |   80 +
 .../srcview/src/TDFGradientBackgroundSkin.mxml  |   49 +
 .../srcview/src/sample1.mxml                    |   73 +
 .../flex4.0/Sample-Adobe-LinkBar/sample1.html   |   45 +
 .../srcview/SourceIndex.xml                     |   37 +
 .../srcview/SourceStyles.css                    |  155 +
 .../srcview/SourceTree.html                     |  129 +
 .../Sample-Adobe-LinkBar/srcview/index.html     |   32 +
 .../source/TDFGradientBackgroundSkin.mxml.html  |   57 +
 .../srcview/source/final-sample/LinkBar.png     |  Bin 0 -> 369 bytes
 .../source/final-sample/LinkBar.png.html        |   28 +
 .../srcview/source/final-sample/sample1.html    |   45 +
 .../source/final-sample/sample1.mxml.html       |   74 +
 .../srcview/source/sample1.mxml.html            |   98 +
 .../srcview/src/TDFGradientBackgroundSkin.mxml  |   49 +
 .../srcview/src/sample1.mxml                    |   90 +
 .../assets/arrow_icon.png                       |  Bin 0 -> 817 bytes
 .../assets/arrow_icon_sm.png                    |  Bin 0 -> 527 bytes
 .../Sample-Adobe-LinkButton/sample1.html        |   45 +
 .../srcview/SourceIndex.xml                     |   42 +
 .../srcview/SourceStyles.css                    |  155 +
 .../srcview/SourceTree.html                     |  129 +
 .../Sample-Adobe-LinkButton/srcview/index.html  |   32 +
 .../source/TDFGradientBackgroundSkin.mxml.html  |   57 +
 .../srcview/source/assets/arrow_icon.png        |  Bin 0 -> 817 bytes
 .../srcview/source/assets/arrow_icon.png.html   |   28 +
 .../srcview/source/assets/arrow_icon_blue.png   |  Bin 0 -> 599 bytes
 .../source/assets/arrow_icon_blue.png.html      |   28 +
 .../srcview/source/assets/arrow_icon_sm.png     |  Bin 0 -> 527 bytes
 .../source/assets/arrow_icon_sm.png.html        |   28 +
 .../srcview/source/final-sample/LinkButton.png  |  Bin 0 -> 390 bytes
 .../source/final-sample/LinkButton.png.html     |   28 +
 .../srcview/source/final-sample/sample1.html    |   45 +
 .../source/final-sample/sample1.mxml.html       |   43 +
 .../final-sample/src/assets/arrow_icon.png      |  Bin 0 -> 817 bytes
 .../final-sample/src/assets/arrow_icon_blue.png |  Bin 0 -> 599 bytes
 .../final-sample/src/assets/arrow_icon_sm.png   |  Bin 0 -> 527 bytes
 .../source/final-sample/src/sample1.mxml        |   35 +
 .../srcview/source/sample1.mxml.html            |   59 +
 .../srcview/src/TDFGradientBackgroundSkin.mxml  |   49 +
 .../srcview/src/assets/arrow_icon.png           |  Bin 0 -> 817 bytes
 .../srcview/src/assets/arrow_icon_blue.png      |  Bin 0 -> 599 bytes
 .../srcview/src/assets/arrow_icon_sm.png        |  Bin 0 -> 527 bytes
 .../srcview/src/sample1.mxml                    |   51 +
 .../flex4.0/Sample-Adobe-Modules/main.html      |   45 +
 .../srcview/SourceIndex.xml                     |   39 +
 .../srcview/SourceStyles.css                    |  155 +
 .../srcview/SourceTree.html                     |  129 +
 .../Sample-Adobe-Modules/srcview/index.html     |   32 +
 .../source/TDFGradientBackgroundSkin.mxml.html  |   57 +
 .../srcview/source/final-sample/main.html       |   45 +
 .../srcview/source/final-sample/main.mxml.html  |   66 +
 .../source/final-sample/module1.mxml.html       |   32 +
 .../source/final-sample/module2.mxml.html       |   32 +
 .../srcview/source/main.mxml.html               |   87 +
 .../srcview/source/module1.mxml.html            |   32 +
 .../srcview/source/module2.mxml.html            |   32 +
 .../srcview/src/TDFGradientBackgroundSkin.mxml  |   49 +
 .../Sample-Adobe-Modules/srcview/src/main.mxml  |   80 +
 .../srcview/src/module1.mxml                    |   24 +
 .../srcview/src/module2.mxml                    |   24 +
 .../Sample-Adobe-NumberFormatter/sample1.html   |   45 +
 .../srcview/SourceIndex.xml                     |   37 +
 .../srcview/SourceStyles.css                    |  155 +
 .../srcview/SourceTree.html                     |  129 +
 .../srcview/index.html                          |   32 +
 .../source/TDFGradientBackgroundSkin.mxml.html  |   57 +
 .../srcview/source/final-sample/sample1.html    |   45 +
 .../source/final-sample/sample1.mxml.html       |   75 +
 .../srcview/source/sample1.mxml.html            |   92 +
 .../srcview/src/TDFGradientBackgroundSkin.mxml  |   49 +
 .../srcview/src/sample1.mxml                    |   84 +
 .../Sample-Adobe-NumberValidator/sample1.html   |   45 +
 .../srcview/SourceIndex.xml                     |   37 +
 .../srcview/SourceStyles.css                    |  155 +
 .../srcview/SourceTree.html                     |  129 +
 .../srcview/index.html                          |   32 +
 .../source/TDFGradientBackgroundSkin.mxml.html  |   57 +
 .../srcview/source/final-sample/sample1.html    |   45 +
 .../source/final-sample/sample1.mxml.html       |   55 +
 .../source/final-sample/validatoricon.png       |  Bin 0 -> 780 bytes
 .../source/final-sample/validatoricon.png.html  |   28 +
 .../srcview/source/sample1.mxml.html            |   73 +
 .../srcview/src/TDFGradientBackgroundSkin.mxml  |   49 +
 .../srcview/src/sample1.mxml                    |   65 +
 .../Sample-Adobe-OLAPDataGrid/sample1.html      |   45 +
 .../srcview/SourceIndex.xml                     |   37 +
 .../srcview/SourceStyles.css                    |  155 +
 .../srcview/SourceTree.html                     |  129 +
 .../srcview/index.html                          |   32 +
 .../source/TDFGradientBackgroundSkin.mxml.html  |   57 +
 .../source/final-sample/OLAPDataGrid.png        |  Bin 0 -> 286 bytes
 .../source/final-sample/OLAPDataGrid.png.html   |   28 +
 .../srcview/source/final-sample/sample1.html    |   45 +
 .../source/final-sample/sample1.mxml.html       |  220 +
 .../srcview/source/sample1.mxml.html            |  238 +
 .../srcview/src/TDFGradientBackgroundSkin.mxml  |   49 +
 .../srcview/src/sample1.mxml                    |  231 +
 .../Sample-Adobe-PhoneFormatter/sample1.html    |   45 +
 .../srcview/SourceIndex.xml                     |   37 +
 .../srcview/SourceStyles.css                    |  155 +
 .../srcview/SourceTree.html                     |  129 +
 .../srcview/index.html                          |   32 +
 .../source/TDFGradientBackgroundSkin.mxml.html  |   57 +
 .../source/final-sample/formattericon.png       |  Bin 0 -> 841 bytes
 .../source/final-sample/formattericon.png.html  |   28 +
 .../srcview/source/final-sample/sample1.html    |   45 +
 .../source/final-sample/sample1.mxml.html       |   74 +
 .../srcview/source/sample1.mxml.html            |   91 +
 .../srcview/src/TDFGradientBackgroundSkin.mxml  |   49 +
 .../srcview/src/sample1.mxml                    |   83 +
 .../flex4.0/Sample-Adobe-PieChart/sample1.html  |   45 +
 .../srcview/SourceIndex.xml                     |   37 +
 .../srcview/SourceStyles.css                    |  155 +
 .../srcview/SourceTree.html                     |  129 +
 .../Sample-Adobe-PieChart/srcview/index.html    |   32 +
 .../source/TDFGradientBackgroundSkin.mxml.html  |   57 +
 .../srcview/source/final-sample/PieChart.png    |  Bin 0 -> 28781 bytes
 .../source/final-sample/PieChart.png.html       |   28 +
 .../srcview/source/final-sample/sample1.html    |   45 +
 .../source/final-sample/sample1.mxml.html       |   71 +
 .../srcview/source/sample1.mxml.html            |   85 +
 .../srcview/src/TDFGradientBackgroundSkin.mxml  |   49 +
 .../srcview/src/sample1.mxml                    |   78 +
 .../flex4.0/Sample-Adobe-PlotChart/sample1.html |   45 +
 .../srcview/SourceIndex.xml                     |   37 +
 .../srcview/SourceStyles.css                    |  155 +
 .../srcview/SourceTree.html                     |  129 +
 .../Sample-Adobe-PlotChart/srcview/index.html   |   32 +
 .../source/TDFGradientBackgroundSkin.mxml.html  |   57 +
 .../srcview/source/final-sample/PlotChart.png   |  Bin 0 -> 28167 bytes
 .../source/final-sample/PlotChart.png.html      |   28 +
 .../srcview/source/final-sample/sample1.html    |   45 +
 .../source/final-sample/sample1.mxml.html       |   60 +
 .../srcview/source/sample1.mxml.html            |   74 +
 .../srcview/src/TDFGradientBackgroundSkin.mxml  |   49 +
 .../srcview/src/sample1.mxml                    |   67 +
 .../Sample-Adobe-PopUpButton/sample1.html       |   45 +
 .../srcview/SourceIndex.xml                     |   37 +
 .../srcview/SourceStyles.css                    |  155 +
 .../srcview/SourceTree.html                     |  129 +
 .../Sample-Adobe-PopUpButton/srcview/index.html |   32 +
 .../source/TDFGradientBackgroundSkin.mxml.html  |   57 +
 .../srcview/source/final-sample/PopUpButton.png |  Bin 0 -> 372 bytes
 .../source/final-sample/PopUpButton.png.html    |   28 +
 .../srcview/source/final-sample/sample1.html    |   45 +
 .../source/final-sample/sample1.mxml.html       |   75 +
 .../srcview/source/sample1.mxml.html            |   91 +
 .../srcview/src/TDFGradientBackgroundSkin.mxml  |   49 +
 .../srcview/src/sample1.mxml                    |   83 +
 .../Sample-Adobe-ProgressBar/sample1.html       |   45 +
 .../srcview/SourceIndex.xml                     |   37 +
 .../srcview/SourceStyles.css                    |  155 +
 .../srcview/SourceTree.html                     |  129 +
 .../Sample-Adobe-ProgressBar/srcview/index.html |   32 +
 .../source/TDFGradientBackgroundSkin.mxml.html  |   57 +
 .../srcview/source/final-sample/ProgressBar.png |  Bin 0 -> 313 bytes
 .../source/final-sample/ProgressBar.png.html    |   28 +
 .../srcview/source/final-sample/sample1.html    |   45 +
 .../source/final-sample/sample1.mxml.html       |   65 +
 .../srcview/source/sample1.mxml.html            |   80 +
 .../srcview/src/TDFGradientBackgroundSkin.mxml  |   49 +
 .../srcview/src/sample1.mxml                    |   72 +
 .../Sample-Adobe-RegExpValidator/sample1.html   |   45 +
 .../srcview/SourceIndex.xml                     |   37 +
 .../srcview/SourceStyles.css                    |  155 +
 .../srcview/SourceTree.html                     |  129 +
 .../srcview/index.html                          |   32 +
 .../source/TDFGradientBackgroundSkin.mxml.html  |   57 +
 .../srcview/source/final-sample/sample1.html    |   45 +
 .../source/final-sample/sample1.mxml.html       |   92 +
 .../source/final-sample/validatoricon.png       |  Bin 0 -> 780 bytes
 .../source/final-sample/validatoricon.png.html  |   28 +
 .../srcview/source/sample1.mxml.html            |  109 +
 .../srcview/src/TDFGradientBackgroundSkin.mxml  |   49 +
 .../srcview/src/sample1.mxml                    |  101 +
 .../flex4.0/Sample-Adobe-Repeater/sample1.html  |   45 +
 .../srcview/SourceIndex.xml                     |   37 +
 .../srcview/SourceStyles.css                    |  155 +
 .../srcview/SourceTree.html                     |  129 +
 .../Sample-Adobe-Repeater/srcview/index.html    |   32 +
 .../source/TDFGradientBackgroundSkin.mxml.html  |   57 +
 .../srcview/source/final-sample/Repeater.png    |  Bin 0 -> 432 bytes
 .../source/final-sample/Repeater.png.html       |   28 +
 .../srcview/source/final-sample/sample1.html    |   45 +
 .../source/final-sample/sample1.mxml.html       |   59 +
 .../srcview/source/sample1.mxml.html            |   73 +
 .../srcview/src/TDFGradientBackgroundSkin.mxml  |   49 +
 .../srcview/src/sample1.mxml                    |   66 +
 .../flex4.0/Sample-Adobe-SWFLoader/sample1.html |   45 +
 .../srcview/SourceIndex.xml                     |   40 +
 .../srcview/SourceStyles.css                    |  155 +
 .../srcview/SourceTree.html                     |  129 +
 .../Sample-Adobe-SWFLoader/srcview/index.html   |   32 +
 .../source/TDFGradientBackgroundSkin.mxml.html  |   57 +
 .../srcview/source/final-sample/SWFLoader.png   |  Bin 0 -> 766 bytes
 .../source/final-sample/SWFLoader.png.html      |   28 +
 .../final-sample/final-sample/SWFLoader.png     |  Bin 0 -> 766 bytes
 .../final-sample/final-sample/sample1.html      |   45 +
 .../final-sample/final-sample/sample1.mxml.html |   51 +
 .../srcview/source/final-sample/sample1.html    |   45 +
 .../source/final-sample/sample1.mxml.html       |   49 +
 .../source/final-sample/src/sample1.mxml        |   41 +
 .../srcview/source/sample1.mxml.html            |   65 +
 .../srcview/src/TDFGradientBackgroundSkin.mxml  |   49 +
 .../srcview/src/sample1.mxml                    |   57 +
 .../Sample-Adobe-SeriesInterploate/sample1.html |   45 +
 .../srcview/SourceIndex.xml                     |   37 +
 .../srcview/SourceStyles.css                    |  155 +
 .../srcview/SourceTree.html                     |  129 +
 .../srcview/index.html                          |   32 +
 .../source/TDFGradientBackgroundSkin.mxml.html  |   57 +
 .../srcview/source/final-sample/Effects.png     |  Bin 0 -> 272 bytes
 .../source/final-sample/Effects.png.html        |   28 +
 .../srcview/source/final-sample/sample1.html    |   45 +
 .../source/final-sample/sample1.mxml.html       |  102 +
 .../srcview/source/sample1.mxml.html            |  121 +
 .../srcview/src/TDFGradientBackgroundSkin.mxml  |   49 +
 .../srcview/src/sample1.mxml                    |  115 +
 .../Sample-Adobe-SeriesSlide/sample1.html       |   45 +
 .../srcview/SourceIndex.xml                     |   37 +
 .../srcview/SourceStyles.css                    |  155 +
 .../srcview/SourceTree.html                     |  129 +
 .../Sample-Adobe-SeriesSlide/srcview/index.html |   32 +
 .../source/TDFGradientBackgroundSkin.mxml.html  |   57 +
 .../srcview/source/final-sample/Effects.png     |  Bin 0 -> 272 bytes
 .../source/final-sample/Effects.png.html        |   28 +
 .../srcview/source/final-sample/sample1.html    |   45 +
 .../source/final-sample/sample1.mxml.html       |  104 +
 .../srcview/source/sample1.mxml.html            |  123 +
 .../srcview/src/TDFGradientBackgroundSkin.mxml  |   49 +
 .../srcview/src/sample1.mxml                    |  117 +
 .../Sample-Adobe-SeriesZoom/sample1.html        |   45 +
 .../srcview/SourceIndex.xml                     |   37 +
 .../srcview/SourceStyles.css                    |  155 +
 .../srcview/SourceTree.html                     |  129 +
 .../Sample-Adobe-SeriesZoom/srcview/index.html  |   32 +
 .../source/TDFGradientBackgroundSkin.mxml.html  |   57 +
 .../srcview/source/final-sample/Effects.png     |  Bin 0 -> 272 bytes
 .../source/final-sample/Effects.png.html        |   28 +
 .../srcview/source/final-sample/sample1.html    |   45 +
 .../source/final-sample/sample1.mxml.html       |  104 +
 .../srcview/source/sample1.mxml.html            |  121 +
 .../srcview/src/TDFGradientBackgroundSkin.mxml  |   49 +
 .../srcview/src/sample1.mxml                    |  116 +
 .../sample1.html                                |   45 +
 .../srcview/SourceIndex.xml                     |   37 +
 .../srcview/SourceStyles.css                    |  155 +
 .../srcview/SourceTree.html                     |  129 +
 .../srcview/index.html                          |   32 +
 .../source/TDFGradientBackgroundSkin.mxml.html  |   57 +
 .../srcview/source/final-sample/sample1.html    |   45 +
 .../source/final-sample/sample1.mxml.html       |   53 +
 .../source/final-sample/validatoricon.png       |  Bin 0 -> 780 bytes
 .../source/final-sample/validatoricon.png.html  |   28 +
 .../srcview/source/sample1.mxml.html            |   72 +
 .../srcview/src/TDFGradientBackgroundSkin.mxml  |   49 +
 .../srcview/src/sample1.mxml                    |   64 +
 .../Sample-Adobe-StringValidator/sample1.html   |   45 +
 .../srcview/SourceIndex.xml                     |   37 +
 .../srcview/SourceStyles.css                    |  155 +
 .../srcview/SourceTree.html                     |  129 +
 .../srcview/index.html                          |   32 +
 .../source/TDFGradientBackgroundSkin.mxml.html  |   57 +
 .../srcview/source/final-sample/sample1.html    |   45 +
 .../source/final-sample/sample1.mxml.html       |   56 +
 .../source/final-sample/validatoricon.png       |  Bin 0 -> 780 bytes
 .../source/final-sample/validatoricon.png.html  |   28 +
 .../srcview/source/sample1.mxml.html            |   75 +
 .../srcview/src/TDFGradientBackgroundSkin.mxml  |   49 +
 .../srcview/src/sample1.mxml                    |   67 +
 .../sample1.html                                |   45 +
 .../srcview/SourceIndex.xml                     |   37 +
 .../srcview/SourceStyles.css                    |  155 +
 .../srcview/SourceTree.html                     |  129 +
 .../srcview/index.html                          |   32 +
 .../source/TDFGradientBackgroundSkin.mxml.html  |   57 +
 .../srcview/source/final-sample/sample1.html    |   45 +
 .../source/final-sample/sample1.mxml.html       |   75 +
 .../srcview/source/sample1.mxml.html            |   93 +
 .../srcview/src/TDFGradientBackgroundSkin.mxml  |   49 +
 .../srcview/src/sample1.mxml                    |   85 +
 .../Sample-Adobe-TabNavigator/sample1.html      |   45 +
 .../srcview/SourceIndex.xml                     |   37 +
 .../srcview/SourceStyles.css                    |  155 +
 .../srcview/SourceTree.html                     |  129 +
 .../srcview/index.html                          |   32 +
 .../source/TDFGradientBackgroundSkin.mxml.html  |   57 +
 .../source/final-sample/TabNavigator.png        |  Bin 0 -> 369 bytes
 .../source/final-sample/TabNavigator.png.html   |   28 +
 .../srcview/source/final-sample/sample1.html    |   45 +
 .../source/final-sample/sample1.mxml.html       |   63 +
 .../srcview/source/sample1.mxml.html            |   75 +
 .../srcview/src/TDFGradientBackgroundSkin.mxml  |   49 +
 .../srcview/src/sample1.mxml                    |   67 +
 .../Sample-Adobe-TitleWindow/sample1.html       |   45 +
 .../srcview/SourceIndex.xml                     |   38 +
 .../srcview/SourceStyles.css                    |  155 +
 .../srcview/SourceTree.html                     |  129 +
 .../Sample-Adobe-TitleWindow/srcview/index.html |   32 +
 .../source/SimpleTitleWindowExample.mxml.html   |   70 +
 .../source/TDFGradientBackgroundSkin.mxml.html  |   57 +
 .../SimpleTitleWindowExample.mxml.html          |   61 +
 .../srcview/source/final-sample/TitleWindow.png |  Bin 0 -> 542 bytes
 .../source/final-sample/TitleWindow.png.html    |   28 +
 .../srcview/source/final-sample/sample1.html    |   45 +
 .../source/final-sample/sample1.mxml.html       |   71 +
 .../srcview/source/sample1.mxml.html            |   89 +
 .../srcview/src/SimpleTitleWindowExample.mxml   |   62 +
 .../srcview/src/TDFGradientBackgroundSkin.mxml  |   49 +
 .../srcview/src/sample1.mxml                    |   81 +
 .../Sample-Adobe-ToggleButtonBar/sample1.html   |   45 +
 .../srcview/SourceIndex.xml                     |   37 +
 .../srcview/SourceStyles.css                    |  155 +
 .../srcview/SourceTree.html                     |  129 +
 .../srcview/index.html                          |   32 +
 .../source/TDFGradientBackgroundSkin.mxml.html  |   57 +
 .../srcview/source/final-sample/ButtonBar.png   |  Bin 0 -> 472 bytes
 .../source/final-sample/ButtonBar.png.html      |   28 +
 .../srcview/source/final-sample/sample1.html    |   45 +
 .../source/final-sample/sample1.mxml.html       |   67 +
 .../srcview/source/sample1.mxml.html            |   81 +
 .../srcview/src/TDFGradientBackgroundSkin.mxml  |   49 +
 .../srcview/src/sample1.mxml                    |   73 +
 .../flex4.0/Sample-Adobe-ToolTips/sample1.html  |   45 +
 .../srcview/SourceIndex.xml                     |   37 +
 .../srcview/SourceStyles.css                    |  155 +
 .../srcview/SourceTree.html                     |  129 +
 .../Sample-Adobe-ToolTips/srcview/index.html    |   32 +
 .../source/TDFGradientBackgroundSkin.mxml.html  |   57 +
 .../srcview/source/final-sample/sample1.html    |   45 +
 .../source/final-sample/sample1.mxml.html       |   45 +
 .../srcview/source/sample1.mxml.html            |   67 +
 .../srcview/src/TDFGradientBackgroundSkin.mxml  |   49 +
 .../srcview/src/sample1.mxml                    |   60 +
 .../flex4.0/Sample-Adobe-Tree/sample1.html      |   45 +
 .../Sample-Adobe-Tree/srcview/SourceIndex.xml   |   37 +
 .../Sample-Adobe-Tree/srcview/SourceStyles.css  |  155 +
 .../Sample-Adobe-Tree/srcview/SourceTree.html   |  129 +
 .../Sample-Adobe-Tree/srcview/index.html        |   32 +
 .../source/TDFGradientBackgroundSkin.mxml.html  |   57 +
 .../srcview/source/final-sample/Tree.png        |  Bin 0 -> 373 bytes
 .../srcview/source/final-sample/Tree.png.html   |   28 +
 .../srcview/source/final-sample/sample1.html    |   45 +
 .../source/final-sample/sample1.mxml.html       |   74 +
 .../srcview/source/sample1.mxml.html            |   89 +
 .../srcview/src/TDFGradientBackgroundSkin.mxml  |   49 +
 .../Sample-Adobe-Tree/srcview/src/sample1.mxml  |   82 +
 .../flex4.0/Sample-Adobe-Validator/sample1.html |   45 +
 .../srcview/SourceIndex.xml                     |   37 +
 .../srcview/SourceStyles.css                    |  155 +
 .../srcview/SourceTree.html                     |  129 +
 .../Sample-Adobe-Validator/srcview/index.html   |   32 +
 .../source/TDFGradientBackgroundSkin.mxml.html  |   57 +
 .../srcview/source/final-sample/sample1.html    |   45 +
 .../source/final-sample/sample1.mxml.html       |   84 +
 .../source/final-sample/validatoricon.png       |  Bin 0 -> 780 bytes
 .../source/final-sample/validatoricon.png.html  |   28 +
 .../srcview/source/sample1.mxml.html            |  100 +
 .../srcview/src/TDFGradientBackgroundSkin.mxml  |   49 +
 .../srcview/src/sample1.mxml                    |   92 +
 .../Sample-Adobe-VideoDisplay/sample1.html      |  121 +
 .../srcview/SourceIndex.xml                     |   37 +
 .../srcview/SourceStyles.css                    |  155 +
 .../srcview/SourceTree.html                     |  129 +
 .../srcview/index.html                          |   32 +
 .../source/TDFGradientBackgroundSkin.mxml.html  |   57 +
 .../srcview/source/sample1.mxml.html            |   64 +
 .../srcview/src/TDFGradientBackgroundSkin.mxml  |   49 +
 .../srcview/src/sample1.mxml                    |   56 +
 .../flex4.0/Sample-Adobe-ViewStack/sample1.html |   45 +
 .../srcview/SourceIndex.xml                     |   37 +
 .../srcview/SourceStyles.css                    |  155 +
 .../srcview/SourceTree.html                     |  129 +
 .../Sample-Adobe-ViewStack/srcview/index.html   |   32 +
 .../source/TDFGradientBackgroundSkin.mxml.html  |   57 +
 .../srcview/source/final-sample/ViewStack.png   |  Bin 0 -> 375 bytes
 .../source/final-sample/ViewStack.png.html      |   28 +
 .../srcview/source/final-sample/sample1.html    |   45 +
 .../source/final-sample/sample1.mxml.html       |   84 +
 .../srcview/source/sample1.mxml.html            |  121 +
 .../srcview/src/TDFGradientBackgroundSkin.mxml  |   49 +
 .../srcview/src/sample1.mxml                    |  113 +
 .../Sample-Adobe-ZipCodeFormatter/sample1.html  |   45 +
 .../srcview/SourceIndex.xml                     |   37 +
 .../srcview/SourceStyles.css                    |  155 +
 .../srcview/SourceTree.html                     |  129 +
 .../srcview/index.html                          |   32 +
 .../source/TDFGradientBackgroundSkin.mxml.html  |   57 +
 .../source/final-sample/formattericon.png       |  Bin 0 -> 841 bytes
 .../source/final-sample/formattericon.png.html  |   28 +
 .../srcview/source/final-sample/sample1.html    |   45 +
 .../source/final-sample/sample1.mxml.html       |   75 +
 .../srcview/source/sample1.mxml.html            |   92 +
 .../srcview/src/TDFGradientBackgroundSkin.mxml  |   49 +
 .../srcview/src/sample1.mxml                    |   84 +
 .../Sample-Adobe-ZipCodeValidator/sample1.html  |   45 +
 .../srcview/SourceIndex.xml                     |   37 +
 .../srcview/SourceStyles.css                    |  155 +
 .../srcview/SourceTree.html                     |  129 +
 .../srcview/index.html                          |   32 +
 .../source/TDFGradientBackgroundSkin.mxml.html  |   57 +
 .../srcview/source/final-sample/sample1.html    |   45 +
 .../source/final-sample/sample1.mxml.html       |   53 +
 .../source/final-sample/validatoricon.png       |  Bin 0 -> 780 bytes
 .../source/final-sample/validatoricon.png.html  |   28 +
 .../srcview/source/sample1.mxml.html            |   72 +
 .../srcview/src/TDFGradientBackgroundSkin.mxml  |   49 +
 .../srcview/src/sample1.mxml                    |   64 +
 .../flex4.0/ScrollBars/sample.html              |  121 +
 .../flex4.0/ScrollBars/srcview/SourceIndex.xml  |   46 +
 .../flex4.0/ScrollBars/srcview/SourceStyles.css |  155 +
 .../flex4.0/ScrollBars/srcview/SourceTree.html  |  129 +
 .../flex4.0/ScrollBars/srcview/index.html       |   32 +
 .../ScrollBars/srcview/source/sample.mxml.html  |  105 +
 .../srcview/source/skins/TDFPanelSkin.mxml.html |  137 +
 .../flex4.0/ScrollBars/srcview/src/sample.mxml  |   97 +
 .../srcview/src/skins/TDFPanelSkin.mxml         |  130 +
 .../assets/arrow_icon_sm.png                    |  Bin 0 -> 527 bytes
 .../flex4.0/SkinnableDataContainer/sample.html  |  121 +
 .../srcview/SourceIndex.xml                     |   49 +
 .../srcview/SourceStyles.css                    |  155 +
 .../srcview/SourceTree.html                     |  129 +
 .../SkinnableDataContainer/srcview/index.html   |   32 +
 .../srcview/source/assets/arrow_icon_sm.png     |  Bin 0 -> 527 bytes
 .../source/assets/arrow_icon_sm.png.html        |   28 +
 .../srcview/source/sample.mxml.html             |   70 +
 .../srcview/source/skins/TDFPanelSkin.mxml.html |  137 +
 .../srcview/src/assets/arrow_icon_sm.png        |  Bin 0 -> 527 bytes
 .../srcview/src/sample.mxml                     |   62 +
 .../srcview/src/skins/TDFPanelSkin.mxml         |  130 +
 .../flex4.0/TLF/TextLayoutEditorSample.html     |  121 +
 .../TLF/assets/%scroll_arrow_down_over.png      |  Bin 0 -> 109642 bytes
 .../TLF/assets/%scroll_arrow_up_over.png        |  Bin 0 -> 109644 bytes
 .../TLF/assets/combo_drop_down_arrow.png        |  Bin 0 -> 505 bytes
 .../flex4.0/TLF/assets/header_close_icon.png    |  Bin 0 -> 3084 bytes
 .../flex4.0/TLF/assets/header_open_icon.png     |  Bin 0 -> 3095 bytes
 .../flex4.0/TLF/assets/scroll_arrow_down.png    |  Bin 0 -> 332 bytes
 .../TLF/assets/scroll_arrow_down_over.png       |  Bin 0 -> 47147 bytes
 .../flex4.0/TLF/assets/scroll_arrow_up.png      |  Bin 0 -> 311 bytes
 .../flex4.0/TLF/assets/scroll_arrow_up_over.png |  Bin 0 -> 47155 bytes
 .../ui/assets/%scroll_arrow_down_over.png       |  Bin 0 -> 109642 bytes
 .../ui/assets/%scroll_arrow_up_over.png         |  Bin 0 -> 109644 bytes
 .../flex4.0/TLF/srcview/SourceIndex.xml         |  184 +
 .../flex4.0/TLF/srcview/SourceStyles.css        |  155 +
 .../flex4.0/TLF/srcview/SourceTree.html         |  129 +
 .../flex4.0/TLF/srcview/index.html              |   32 +
 .../source/TextLayoutEditorCanvas.mxml.html     |  445 ++
 .../source/TextLayoutEditorSample.mxml.html     |   34 +
 .../source/assets/%scroll_arrow_down_over.png   |  Bin 0 -> 109642 bytes
 .../assets/%scroll_arrow_down_over.png.html     |   28 +
 .../source/assets/%scroll_arrow_up_over.png     |  Bin 0 -> 109644 bytes
 .../assets/%scroll_arrow_up_over.png.html       |   28 +
 .../source/assets/combo_drop_down_arrow.png     |  Bin 0 -> 505 bytes
 .../assets/combo_drop_down_arrow.png.html       |   28 +
 .../srcview/source/assets/header_close_icon.png |  Bin 0 -> 3084 bytes
 .../source/assets/header_close_icon.png.html    |   28 +
 .../srcview/source/assets/header_open_icon.png  |  Bin 0 -> 3095 bytes
 .../source/assets/header_open_icon.png.html     |   28 +
 .../srcview/source/assets/scroll_arrow_down.png |  Bin 0 -> 332 bytes
 .../source/assets/scroll_arrow_down.png.html    |   28 +
 .../source/assets/scroll_arrow_down_over.png    |  Bin 0 -> 47147 bytes
 .../assets/scroll_arrow_down_over.png.html      |   28 +
 .../srcview/source/assets/scroll_arrow_up.png   |  Bin 0 -> 311 bytes
 .../source/assets/scroll_arrow_up.png.html      |   28 +
 .../source/assets/scroll_arrow_up_over.png      |  Bin 0 -> 47155 bytes
 .../source/assets/scroll_arrow_up_over.png.html |   28 +
 .../flashx/textLayout/ui/MultiPanel.as.html     |  214 +
 .../textLayout/ui/MultiPanelHeaderSkin.as.html  |   66 +
 .../textLayout/ui/PanelWithEdgeBars.as.html     |  274 +
 .../ui/assets/%scroll_arrow_down_over.png       |  Bin 0 -> 109642 bytes
 .../ui/assets/%scroll_arrow_down_over.png.html  |   28 +
 .../ui/assets/%scroll_arrow_up_over.png         |  Bin 0 -> 109644 bytes
 .../ui/assets/%scroll_arrow_up_over.png.html    |   28 +
 .../ui/assets/combo_drop_down_arrow.png         |  Bin 0 -> 505 bytes
 .../ui/assets/combo_drop_down_arrow.png.html    |   28 +
 .../textLayout/ui/assets/header_close_icon.png  |  Bin 0 -> 3084 bytes
 .../ui/assets/header_close_icon.png.html        |   28 +
 .../textLayout/ui/assets/header_open_icon.png   |  Bin 0 -> 3095 bytes
 .../ui/assets/header_open_icon.png.html         |   28 +
 .../textLayout/ui/assets/scroll_arrow_down.png  |  Bin 0 -> 332 bytes
 .../ui/assets/scroll_arrow_down.png.html        |   28 +
 .../ui/assets/scroll_arrow_down_over.png        |  Bin 0 -> 47147 bytes
 .../ui/assets/scroll_arrow_down_over.png.html   |   28 +
 .../textLayout/ui/assets/scroll_arrow_up.png    |  Bin 0 -> 311 bytes
 .../ui/assets/scroll_arrow_up.png.html          |   28 +
 .../ui/assets/scroll_arrow_up_over.png          |  Bin 0 -> 47155 bytes
 .../ui/assets/scroll_arrow_up_over.png.html     |   28 +
 .../AdvancedTextPropertyEditor.as.html          |  198 +
 .../inspectors/AntiAliasPropertyEditor.as.html  |   59 +
 .../inspectors/CharacterPropertyEditor.as.html  |  187 +
 .../DynamicTextPropertyEditor.as.html           |   82 +
 .../ui/inspectors/LinkPropertyEditor.as.html    |   58 +
 .../inspectors/ParagraphPropertyEditor.as.html  |  234 +
 .../ui/inspectors/SelectionUpdateEvent.as.html  |   49 +
 .../ui/inspectors/TabPropertyEditor.as.html     |   72 +
 .../TextContainerPropertyEditor.as.html         |  159 +
 .../inspectors/TextFlowPropertyEditor.as.html   |   79 +
 .../inspectors/TextInspectorController.as.html  |  623 ++
 .../ui/inspectors/assets/align_center_icon.png  |  Bin 0 -> 2834 bytes
 .../assets/align_center_icon.png.html           |   28 +
 .../ui/inspectors/assets/align_end_icon.png     |  Bin 0 -> 2866 bytes
 .../inspectors/assets/align_end_icon.png.html   |   28 +
 .../ui/inspectors/assets/align_justify_icon.png |  Bin 0 -> 2812 bytes
 .../assets/align_justify_icon.png.html          |   28 +
 .../assets/align_last_center_icon.png           |  Bin 0 -> 2826 bytes
 .../assets/align_last_center_icon.png.html      |   28 +
 .../inspectors/assets/align_last_left_icon.png  |  Bin 0 -> 2812 bytes
 .../assets/align_last_left_icon.png.html        |   28 +
 .../inspectors/assets/align_last_right_icon.png |  Bin 0 -> 2815 bytes
 .../assets/align_last_right_icon.png.html       |   28 +
 .../ui/inspectors/assets/align_left_icon.png    |  Bin 0 -> 2827 bytes
 .../inspectors/assets/align_left_icon.png.html  |   28 +
 .../ui/inspectors/assets/align_right_icon.png   |  Bin 0 -> 2828 bytes
 .../inspectors/assets/align_right_icon.png.html |   28 +
 .../ui/inspectors/assets/align_start_icon.png   |  Bin 0 -> 2915 bytes
 .../inspectors/assets/align_start_icon.png.html |   28 +
 .../ui/inspectors/assets/bold_icon.png          |  Bin 0 -> 2887 bytes
 .../ui/inspectors/assets/bold_icon.png.html     |   28 +
 .../assets/cont_align_bottom_icon.png           |  Bin 0 -> 287 bytes
 .../assets/cont_align_bottom_icon.png.html      |   28 +
 .../assets/cont_align_justify_icon.png          |  Bin 0 -> 299 bytes
 .../assets/cont_align_justify_icon.png.html     |   28 +
 .../assets/cont_align_middle_icon.png           |  Bin 0 -> 313 bytes
 .../assets/cont_align_middle_icon.png.html      |   28 +
 .../inspectors/assets/cont_align_top_icon.png   |  Bin 0 -> 310 bytes
 .../assets/cont_align_top_icon.png.html         |   28 +
 .../ui/inspectors/assets/italic_icon.png        |  Bin 0 -> 2909 bytes
 .../ui/inspectors/assets/italic_icon.png.html   |   28 +
 .../ui/inspectors/assets/strikethrough_icon.png |  Bin 0 -> 2899 bytes
 .../assets/strikethrough_icon.png.html          |   28 +
 .../ui/inspectors/assets/subscript_icon.png     |  Bin 0 -> 2886 bytes
 .../inspectors/assets/subscript_icon.png.html   |   28 +
 .../ui/inspectors/assets/superscript_icon.png   |  Bin 0 -> 2892 bytes
 .../inspectors/assets/superscript_icon.png.html |   28 +
 .../ui/inspectors/assets/tcy_icon.png           |  Bin 0 -> 2973 bytes
 .../ui/inspectors/assets/tcy_icon.png.html      |   28 +
 .../ui/inspectors/assets/underline_icon.png     |  Bin 0 -> 2892 bytes
 .../inspectors/assets/underline_icon.png.html   |   28 +
 .../ui/rulers/ParagraphPropertyMarker.as.html   |  106 +
 .../rulers/ParagraphPropertyMarkerSkin.as.html  |  112 +
 .../textLayout/ui/rulers/RulerBar.as.html       |  680 ++
 .../ui/rulers/RulerDragTracker.as.html          |   96 +
 .../textLayout/ui/rulers/RulerMarker.as.html    |  132 +
 .../textEditBar/FeatureSetChangeEvent.as.html   |   51 +
 .../source/textEditBar/FileEvent.as.html        |   51 +
 .../source/textEditBar/FileIOHelper.as.html     |  277 +
 .../source/textEditBar/FileServices.mxml.html   |  103 +
 .../source/textEditBar/GraphicBar.mxml.html     |  160 +
 .../textEditBar/GraphicChangeEvent.as.html      |   70 +
 .../source/textEditBar/LinkBar.mxml.html        |  165 +
 .../source/textEditBar/LinkChangeEvent.as.html  |   60 +
 .../textEditBar/SingleContainerView.mxml.html   |   87 +
 .../source/textEditBar/SpriteWithIME.as.html    |  110 +
 .../source/textEditBar/StatusPopup.mxml.html    |   45 +
 .../source/textEditBar/StyleChangeEvent.as.html |   55 +
 .../source/textEditBar/assets/%icon_tcy.png     |  Bin 0 -> 110058 bytes
 .../textEditBar/assets/%icon_tcy.png.html       |   28 +
 .../textEditBar/assets/BreakOpportunityType.png |  Bin 0 -> 26281 bytes
 .../assets/BreakOpportunityType.png.html        |   28 +
 .../textEditBar/assets/EmbedDeleteIcon.png      |  Bin 0 -> 47172 bytes
 .../textEditBar/assets/EmbedDeleteIcon.png.html |   28 +
 .../assets/EmbedDeleteIconDisabled.png          |  Bin 0 -> 48199 bytes
 .../assets/EmbedDeleteIconDisabled.png.html     |   28 +
 .../assets/P_TextAlignBottom_Sm_N.png           |  Bin 0 -> 287 bytes
 .../assets/P_TextAlignBottom_Sm_N.png.html      |   28 +
 .../assets/P_TextAlignJustify_Sm_N.png          |  Bin 0 -> 299 bytes
 .../assets/P_TextAlignJustify_Sm_N.png.html     |   28 +
 .../assets/P_TextAlignMiddle_Sm_N.png           |  Bin 0 -> 313 bytes
 .../assets/P_TextAlignMiddle_Sm_N.png.html      |   28 +
 .../textEditBar/assets/P_TextAlignTop_Sm_N.png  |  Bin 0 -> 310 bytes
 .../assets/P_TextAlignTop_Sm_N.png.html         |   28 +
 .../assets/P_TextBaselineShift_Md_N.png         |  Bin 0 -> 713 bytes
 .../assets/P_TextBaselineShift_Md_N.png.html    |   28 +
 .../assets/P_TextBottomOffset_Md_N.png          |  Bin 0 -> 527 bytes
 .../assets/P_TextBottomOffset_Md_N.png.html     |   28 +
 .../assets/P_TextFirstLineIndent_Md_N.png       |  Bin 0 -> 627 bytes
 .../assets/P_TextFirstLineIndent_Md_N.png.html  |   28 +
 .../assets/P_TextLeftIndent_Md_N.png            |  Bin 0 -> 697 bytes
 .../assets/P_TextLeftIndent_Md_N.png.html       |   28 +
 .../assets/P_TextLeftOffset_Md_N.png            |  Bin 0 -> 519 bytes
 .../assets/P_TextLeftOffset_Md_N.png.html       |   28 +
 .../assets/P_TextRightIndent_Md_N.png           |  Bin 0 -> 739 bytes
 .../assets/P_TextRightIndent_Md_N.png.html      |   28 +
 .../assets/P_TextRightOffset_Md_N.png           |  Bin 0 -> 513 bytes
 .../assets/P_TextRightOffset_Md_N.png.html      |   28 +
 .../textEditBar/assets/P_TextSmallCaps_Md_N.png |  Bin 0 -> 647 bytes
 .../assets/P_TextSmallCaps_Md_N.png.html        |   28 +
 .../assets/P_TextSpaceAfter_Md_N.png            |  Bin 0 -> 578 bytes
 .../assets/P_TextSpaceAfter_Md_N.png.html       |   28 +
 .../assets/P_TextSpaceBefore_Md_N.png           |  Bin 0 -> 572 bytes
 .../assets/P_TextSpaceBefore_Md_N.png.html      |   28 +
 .../textEditBar/assets/P_TextTopOffset_Md_N.png |  Bin 0 -> 530 bytes
 .../assets/P_TextTopOffset_Md_N.png.html        |   28 +
 .../assets/TextAutoLeadingPercent.png           |  Bin 0 -> 27667 bytes
 .../assets/TextAutoLeadingPercent.png.html      |   28 +
 .../source/textEditBar/assets/digitCase.png     |  Bin 0 -> 2964 bytes
 .../textEditBar/assets/digitCase.png.html       |   28 +
 .../source/textEditBar/assets/digitWidth.png    |  Bin 0 -> 3123 bytes
 .../textEditBar/assets/digitWidth.png.html      |   28 +
 .../textEditBar/assets/elementBaseline.png      |  Bin 0 -> 26703 bytes
 .../textEditBar/assets/elementBaseline.png.html |   28 +
 .../assets/icon_align_all_but_last.png          |  Bin 0 -> 26692 bytes
 .../assets/icon_align_all_but_last.png.html     |   28 +
 .../textEditBar/assets/icon_align_center.png    |  Bin 0 -> 27220 bytes
 .../assets/icon_align_center.png.html           |   28 +
 .../textEditBar/assets/icon_align_end.PNG       |  Bin 0 -> 215 bytes
 .../textEditBar/assets/icon_align_end.PNG.html  |   28 +
 .../textEditBar/assets/icon_align_justify.png   |  Bin 0 -> 27095 bytes
 .../assets/icon_align_justify.png.html          |   28 +
 .../textEditBar/assets/icon_align_left.png      |  Bin 0 -> 27210 bytes
 .../textEditBar/assets/icon_align_left.png.html |   28 +
 .../textEditBar/assets/icon_align_right.png     |  Bin 0 -> 27210 bytes
 .../assets/icon_align_right.png.html            |   28 +
 .../textEditBar/assets/icon_align_start.PNG     |  Bin 0 -> 184 bytes
 .../assets/icon_align_start.PNG.html            |   28 +
 .../source/textEditBar/assets/icon_bullet.png   |  Bin 0 -> 27234 bytes
 .../textEditBar/assets/icon_bullet.png.html     |   28 +
 .../textEditBar/assets/icon_style_bold.png      |  Bin 0 -> 27205 bytes
 .../textEditBar/assets/icon_style_bold.png.html |   28 +
 .../textEditBar/assets/icon_style_italic.png    |  Bin 0 -> 27229 bytes
 .../assets/icon_style_italic.png.html           |   28 +
 .../assets/icon_style_strikethrough.png         |  Bin 0 -> 26697 bytes
 .../assets/icon_style_strikethrough.png.html    |   28 +
 .../textEditBar/assets/icon_style_underline.png |  Bin 0 -> 27197 bytes
 .../assets/icon_style_underline.png.html        |   28 +
 .../source/textEditBar/assets/icon_tcy.png      |  Bin 0 -> 59524 bytes
 .../source/textEditBar/assets/icon_tcy.png.html |   28 +
 .../source/textEditBar/assets/ligatures.png     |  Bin 0 -> 3045 bytes
 .../textEditBar/assets/ligatures.png.html       |   28 +
 .../source/textEditBar/assets/lineBaseline.png  |  Bin 0 -> 26737 bytes
 .../textEditBar/assets/lineBaseline.png.html    |   28 +
 .../TLF/srcview/src/TextLayoutEditorCanvas.mxml |  439 ++
 .../TLF/srcview/src/TextLayoutEditorSample.mxml |   29 +
 .../src/assets/%scroll_arrow_down_over.png      |  Bin 0 -> 109642 bytes
 .../src/assets/%scroll_arrow_up_over.png        |  Bin 0 -> 109644 bytes
 .../src/assets/combo_drop_down_arrow.png        |  Bin 0 -> 505 bytes
 .../srcview/src/assets/header_close_icon.png    |  Bin 0 -> 3084 bytes
 .../TLF/srcview/src/assets/header_open_icon.png |  Bin 0 -> 3095 bytes
 .../srcview/src/assets/scroll_arrow_down.png    |  Bin 0 -> 332 bytes
 .../src/assets/scroll_arrow_down_over.png       |  Bin 0 -> 47147 bytes
 .../TLF/srcview/src/assets/scroll_arrow_up.png  |  Bin 0 -> 311 bytes
 .../srcview/src/assets/scroll_arrow_up_over.png |  Bin 0 -> 47155 bytes
 .../srcview/src/flashx/textLayout/UiClasses.as  |   54 +
 .../src/flashx/textLayout/ui/MultiPanel.as      |  206 +
 .../textLayout/ui/MultiPanelHeaderSkin.as       |   58 +
 .../flashx/textLayout/ui/PanelWithEdgeBars.as   |  266 +
 .../flashx/textLayout/ui/VellumGUIStyles.css    |  254 +
 .../ui/assets/%scroll_arrow_down_over.png       |  Bin 0 -> 109642 bytes
 .../ui/assets/%scroll_arrow_up_over.png         |  Bin 0 -> 109644 bytes
 .../ui/assets/combo_drop_down_arrow.png         |  Bin 0 -> 505 bytes
 .../textLayout/ui/assets/header_close_icon.png  |  Bin 0 -> 3084 bytes
 .../textLayout/ui/assets/header_open_icon.png   |  Bin 0 -> 3095 bytes
 .../textLayout/ui/assets/scroll_arrow_down.png  |  Bin 0 -> 332 bytes
 .../ui/assets/scroll_arrow_down_over.png        |  Bin 0 -> 47147 bytes
 .../textLayout/ui/assets/scroll_arrow_up.png    |  Bin 0 -> 311 bytes
 .../ui/assets/scroll_arrow_up_over.png          |  Bin 0 -> 47155 bytes
 .../ui/inspectors/AdvancedTextPropertyEditor.as |  190 +
 .../ui/inspectors/AntiAliasPropertyEditor.as    |   51 +
 .../ui/inspectors/CharacterPropertyEditor.as    |  179 +
 .../ui/inspectors/DynamicTextPropertyEditor.as  |   74 +
 .../ui/inspectors/LinkPropertyEditor.as         |   50 +
 .../ui/inspectors/ParagraphPropertyEditor.as    |  226 +
 .../ui/inspectors/SelectionUpdateEvent.as       |   41 +
 .../ui/inspectors/TabPropertyEditor.as          |   64 +
 .../inspectors/TextContainerPropertyEditor.as   |  151 +
 .../ui/inspectors/TextFlowPropertyEditor.as     |   71 +
 .../ui/inspectors/TextInspectorController.as    |  614 ++
 .../ui/inspectors/assets/align_center_icon.png  |  Bin 0 -> 2834 bytes
 .../ui/inspectors/assets/align_end_icon.png     |  Bin 0 -> 2866 bytes
 .../ui/inspectors/assets/align_justify_icon.png |  Bin 0 -> 2812 bytes
 .../assets/align_last_center_icon.png           |  Bin 0 -> 2826 bytes
 .../inspectors/assets/align_last_left_icon.png  |  Bin 0 -> 2812 bytes
 .../inspectors/assets/align_last_right_icon.png |  Bin 0 -> 2815 bytes
 .../ui/inspectors/assets/align_left_icon.png    |  Bin 0 -> 2827 bytes
 .../ui/inspectors/assets/align_right_icon.png   |  Bin 0 -> 2828 bytes
 .../ui/inspectors/assets/align_start_icon.png   |  Bin 0 -> 2915 bytes
 .../ui/inspectors/assets/bold_icon.png          |  Bin 0 -> 2887 bytes
 .../assets/cont_align_bottom_icon.png           |  Bin 0 -> 287 bytes
 .../assets/cont_align_justify_icon.png          |  Bin 0 -> 299 bytes
 .../assets/cont_align_middle_icon.png           |  Bin 0 -> 313 bytes
 .../inspectors/assets/cont_align_top_icon.png   |  Bin 0 -> 310 bytes
 .../ui/inspectors/assets/italic_icon.png        |  Bin 0 -> 2909 bytes
 .../ui/inspectors/assets/strikethrough_icon.png |  Bin 0 -> 2899 bytes
 .../ui/inspectors/assets/subscript_icon.png     |  Bin 0 -> 2886 bytes
 .../ui/inspectors/assets/superscript_icon.png   |  Bin 0 -> 2892 bytes
 .../ui/inspectors/assets/tcy_icon.png           |  Bin 0 -> 2973 bytes
 .../ui/inspectors/assets/underline_icon.png     |  Bin 0 -> 2892 bytes
 .../ui/rulers/ParagraphPropertyMarker.as        |   98 +
 .../ui/rulers/ParagraphPropertyMarkerSkin.as    |  103 +
 .../src/flashx/textLayout/ui/rulers/RulerBar.as |  672 ++
 .../textLayout/ui/rulers/RulerDragTracker.as    |   88 +
 .../flashx/textLayout/ui/rulers/RulerMarker.as  |  124 +
 .../flashx/textLayout/ui/rulers/TabMarker.as    |   86 +
 .../textLayout/ui/rulers/TabMarkerSkin.as       |   94 +
 .../textLayout/ui/styles/PopupMenuSkin.as       |   70 +
 .../ui/styles/ScrollbarDownArrowUpSkin.as       |   45 +
 .../ui/styles/ScrollbarThumbOverSkin.as         |   89 +
 .../ui/styles/ScrollbarThumbUpSkin.as           |   89 +
 .../textLayout/ui/styles/ScrollbarTrackSkin.as  |   68 +
 .../ui/styles/ScrollbarUpArrowUpSkin.as         |   45 +
 .../src/textEditBar/FeatureSetChangeEvent.as    |   42 +
 .../TLF/srcview/src/textEditBar/FileEvent.as    |   43 +
 .../TLF/srcview/src/textEditBar/FileIOHelper.as |  268 +
 .../srcview/src/textEditBar/FileServices.mxml   |   96 +
 .../TLF/srcview/src/textEditBar/GraphicBar.mxml |  153 +
 .../src/textEditBar/GraphicChangeEvent.as       |   61 +
 .../TLF/srcview/src/textEditBar/LinkBar.mxml    |  158 +
 .../srcview/src/textEditBar/LinkChangeEvent.as  |   51 +
 .../src/textEditBar/SingleContainerView.mxml    |   80 +
 .../srcview/src/textEditBar/SpriteWithIME.as    |  102 +
 .../srcview/src/textEditBar/StatusPopup.mxml    |   39 +
 .../srcview/src/textEditBar/StyleChangeEvent.as |   46 +
 .../src/textEditBar/assets/%icon_tcy.png        |  Bin 0 -> 110058 bytes
 .../textEditBar/assets/BreakOpportunityType.png |  Bin 0 -> 26281 bytes
 .../src/textEditBar/assets/EmbedDeleteIcon.png  |  Bin 0 -> 47172 bytes
 .../assets/EmbedDeleteIconDisabled.png          |  Bin 0 -> 48199 bytes
 .../assets/P_TextAlignBottom_Sm_N.png           |  Bin 0 -> 287 bytes
 .../assets/P_TextAlignJustify_Sm_N.png          |  Bin 0 -> 299 bytes
 .../assets/P_TextAlignMiddle_Sm_N.png           |  Bin 0 -> 313 bytes
 .../textEditBar/assets/P_TextAlignTop_Sm_N.png  |  Bin 0 -> 310 bytes
 .../assets/P_TextBaselineShift_Md_N.png         |  Bin 0 -> 713 bytes
 .../assets/P_TextBottomOffset_Md_N.png          |  Bin 0 -> 527 bytes
 .../assets/P_TextFirstLineIndent_Md_N.png       |  Bin 0 -> 627 bytes
 .../assets/P_TextLeftIndent_Md_N.png            |  Bin 0 -> 697 bytes
 .../assets/P_TextLeftOffset_Md_N.png            |  Bin 0 -> 519 bytes
 .../assets/P_TextRightIndent_Md_N.png           |  Bin 0 -> 739 bytes
 .../assets/P_TextRightOffset_Md_N.png           |  Bin 0 -> 513 bytes
 .../textEditBar/assets/P_TextSmallCaps_Md_N.png |  Bin 0 -> 647 bytes
 .../assets/P_TextSpaceAfter_Md_N.png            |  Bin 0 -> 578 bytes
 .../assets/P_TextSpaceBefore_Md_N.png           |  Bin 0 -> 572 bytes
 .../textEditBar/assets/P_TextTopOffset_Md_N.png |  Bin 0 -> 530 bytes
 .../assets/TextAutoLeadingPercent.png           |  Bin 0 -> 27667 bytes
 .../src/textEditBar/assets/digitCase.png        |  Bin 0 -> 2964 bytes
 .../src/textEditBar/assets/digitWidth.png       |  Bin 0 -> 3123 bytes
 .../src/textEditBar/assets/elementBaseline.png  |  Bin 0 -> 26703 bytes
 .../assets/icon_align_all_but_last.png          |  Bin 0 -> 26692 bytes
 .../textEditBar/assets/icon_align_center.png    |  Bin 0 -> 27220 bytes
 .../src/textEditBar/assets/icon_align_end.PNG   |  Bin 0 -> 215 bytes
 .../textEditBar/assets/icon_align_justify.png   |  Bin 0 -> 27095 bytes
 .../src/textEditBar/assets/icon_align_left.png  |  Bin 0 -> 27210 bytes
 .../src/textEditBar/assets/icon_align_right.png |  Bin 0 -> 27210 bytes
 .../src/textEditBar/assets/icon_align_start.PNG |  Bin 0 -> 184 bytes
 .../src/textEditBar/assets/icon_bullet.png      |  Bin 0 -> 27234 bytes
 .../src/textEditBar/assets/icon_style_bold.png  |  Bin 0 -> 27205 bytes
 .../textEditBar/assets/icon_style_italic.png    |  Bin 0 -> 27229 bytes
 .../assets/icon_style_strikethrough.png         |  Bin 0 -> 26697 bytes
 .../textEditBar/assets/icon_style_underline.png |  Bin 0 -> 27197 bytes
 .../srcview/src/textEditBar/assets/icon_tcy.png |  Bin 0 -> 59524 bytes
 .../src/textEditBar/assets/ligatures.png        |  Bin 0 -> 3045 bytes
 .../src/textEditBar/assets/lineBaseline.png     |  Bin 0 -> 26737 bytes
 .../TLF/textEditBar/assets/%icon_tcy.png        |  Bin 0 -> 110058 bytes
 .../flex4.0/TextArea/sample.html                |  121 +
 .../flex4.0/TextArea/srcview/SourceIndex.xml    |   46 +
 .../flex4.0/TextArea/srcview/SourceStyles.css   |  155 +
 .../flex4.0/TextArea/srcview/SourceTree.html    |  129 +
 .../flex4.0/TextArea/srcview/index.html         |   32 +
 .../TextArea/srcview/source/sample.mxml.html    |   98 +
 .../srcview/source/skins/TDFPanelSkin.mxml.html |  178 +
 .../flex4.0/TextArea/srcview/src/sample.mxml    |   90 +
 .../srcview/src/skins/TDFPanelSkin.mxml         |  171 +
 .../flex4.0/TextInput/main.html                 |  120 +
 .../flex4.0/TextInput/sample.html               |  120 +
 .../flex4.0/TextInput/srcview/SourceIndex.xml   |   46 +
 .../flex4.0/TextInput/srcview/SourceStyles.css  |  155 +
 .../flex4.0/TextInput/srcview/SourceTree.html   |  129 +
 .../flex4.0/TextInput/srcview/index.html        |   32 +
 .../TextInput/srcview/source/sample.mxml.html   |  108 +
 .../srcview/source/skins/TDFPanelSkin.mxml.html |  178 +
 .../flex4.0/TextInput/srcview/src/sample.mxml   |  100 +
 .../srcview/src/skins/TDFPanelSkin.mxml         |  171 +
 .../TextLayoutFrameworkBasic/sample1.html       |  121 +
 .../TextLayoutFrameworkBasic/sample2.html       |  121 +
 .../TextLayoutFrameworkBasic/sample3.html       |  121 +
 .../TextLayoutFrameworkBasic/sample4.html       |  121 +
 .../srcview/SourceIndex.xml                     |   51 +
 .../srcview/SourceStyles.css                    |  155 +
 .../srcview/SourceTree.html                     |  129 +
 .../TextLayoutFrameworkBasic/srcview/index.html |   32 +
 .../srcview/source/MyTextFlow.xml.txt           |   23 +
 .../srcview/source/adobe_air_logo.png.html      |   28 +
 .../srcview/source/sample1.mxml.html            |  171 +
 .../srcview/source/sample2.mxml.html            |  143 +
 .../srcview/source/sample3.mxml.html            |   96 +
 .../srcview/source/sample4.mxml.html            |   85 +
 .../srcview/source/skins/TDFPanelSkin.mxml.html |  178 +
 .../srcview/src/MyTextFlow.xml                  |   23 +
 .../srcview/src/sample1.mxml                    |  164 +
 .../srcview/src/sample2.mxml                    |  135 +
 .../srcview/src/sample3.mxml                    |   88 +
 .../srcview/src/sample4.mxml                    |   77 +
 .../srcview/src/skins/TDFPanelSkin.mxml         |  171 +
 .../flex4.0/TileGroup/TileGroupSample.html      |  121 +
 .../flex4.0/TileGroup/srcview/SourceIndex.xml   |   46 +
 .../flex4.0/TileGroup/srcview/SourceStyles.css  |  155 +
 .../flex4.0/TileGroup/srcview/SourceTree.html   |  129 +
 .../flex4.0/TileGroup/srcview/index.html        |   32 +
 .../srcview/source/TileGroupSample.mxml.html    |  109 +
 .../srcview/source/skins/TDFPanelSkin.mxml.html |  178 +
 .../TileGroup/srcview/src/TileGroupSample.mxml  |  101 +
 .../srcview/src/skins/TDFPanelSkin.mxml         |  171 +
 .../TourDeFlex_content/flex4.0/Wipe/sample.html |  121 +
 .../flex4.0/Wipe/srcview/SourceIndex.xml        |   50 +
 .../flex4.0/Wipe/srcview/SourceStyles.css       |  155 +
 .../flex4.0/Wipe/srcview/SourceTree.html        |  129 +
 .../flex4.0/Wipe/srcview/index.html             |   32 +
 .../Wipe/srcview/source/assets/back2.png.html   |   28 +
 .../Wipe/srcview/source/assets/c2.png.html      |   28 +
 .../Wipe/srcview/source/sample.mxml.html        |   80 +
 .../srcview/source/skins/TDFPanelSkin.mxml.html |  178 +
 .../flex4.0/Wipe/srcview/src/sample.mxml        |   72 +
 .../Wipe/srcview/src/skins/TDFPanelSkin.mxml    |  170 +
 .../GSLibPromotion/SparkCollator/ReadMe.txt     |   14 +
 .../SparkCollator/SparkCollator.html            |  124 +
 .../SparkCollator/srcview/.fxpProperties        |   29 +
 .../SparkCollator/srcview/SourceIndex.xml       |   44 +
 .../SparkCollator/srcview/SourceStyles.css      |  155 +
 .../SparkCollator/srcview/SourceTree.html       |  129 +
 .../SparkCollator/srcview/index.html            |   32 +
 .../SparkCollator/srcview/source/ReadMe.txt     |   14 +
 .../srcview/source/SparkCollator.mxml.html      |  170 +
 .../SparkCollator/srcview/src/ReadMe.txt        |   14 +
 .../srcview/src/SparkCollator.mxml              |  166 +
 .../SparkCollator_basic/ReadMe.txt              |   14 +
 .../SparkCollator_basic/SparkCollator2.html     |  124 +
 .../SparkCollator_basic/srcview/.fxpProperties  |   29 +
 .../SparkCollator_basic/srcview/SourceIndex.xml |   44 +
 .../srcview/SourceStyles.css                    |  155 +
 .../SparkCollator_basic/srcview/SourceTree.html |  129 +
 .../SparkCollator_basic/srcview/index.html      |   32 +
 .../srcview/source/ReadMe.txt                   |   14 +
 .../srcview/source/SparkCollator2.mxml.html     |  108 +
 .../SparkCollator_basic/srcview/src/ReadMe.txt  |   14 +
 .../srcview/src/SparkCollator2.mxml             |  101 +
 .../SparkCurrencyFormatter/ReadMe.txt           |   12 +
 .../SparkCurrencyFormatter.html                 |  124 +
 .../srcview/.fxpProperties                      |   29 +
 .../srcview/SourceIndex.xml                     |   44 +
 .../srcview/SourceStyles.css                    |  155 +
 .../srcview/SourceTree.html                     |  129 +
 .../SparkCurrencyFormatter/srcview/index.html   |   32 +
 .../srcview/source/ReadMe.txt                   |   12 +
 .../source/SparkCurrencyFormatter.mxml.html     |  118 +
 .../srcview/src/ReadMe.txt                      |   12 +
 .../srcview/src/SparkCurrencyFormatter.mxml     |  112 +
 .../SparkCurrencyFormatter_basic/ReadMe.txt     |   11 +
 .../SparkCurrencyFormatter2.html                |  124 +
 .../srcview/.fxpProperties                      |   29 +
 .../srcview/SourceIndex.xml                     |   44 +
 .../srcview/SourceStyles.css                    |  155 +
 .../srcview/SourceTree.html                     |  129 +
 .../srcview/index.html                          |   32 +
 .../srcview/source/ReadMe.txt                   |   11 +
 .../source/SparkCurrencyFormatter2.mxml.html    |   78 +
 .../srcview/src/ReadMe.txt                      |   11 +
 .../srcview/src/SparkCurrencyFormatter2.mxml    |   71 +
 .../SparkCurrencyValidator/ReadMe.txt           |   14 +
 .../SparkCurrencyValidator.html                 |  124 +
 .../srcview/.fxpProperties                      |   29 +
 .../srcview/SourceIndex.xml                     |   44 +
 .../srcview/SourceStyles.css                    |  155 +
 .../srcview/SourceTree.html                     |  129 +
 .../SparkCurrencyValidator/srcview/index.html   |   32 +
 .../srcview/source/ReadMe.txt                   |   14 +
 .../source/SparkCurrencyValidator.mxml.html     |  132 +
 .../srcview/src/ReadMe.txt                      |   14 +
 .../srcview/src/SparkCurrencyValidator.mxml     |  125 +
 .../SparkCurrencyValidator_basic/ReadMe.txt     |   12 +
 .../SparkCurrencyValidator2.html                |  124 +
 .../srcview/.fxpProperties                      |   29 +
 .../srcview/SourceIndex.xml                     |   44 +
 .../srcview/SourceStyles.css                    |  155 +
 .../srcview/SourceTree.html                     |  129 +
 .../srcview/index.html                          |   32 +
 .../srcview/source/ReadMe.txt                   |   12 +
 .../source/SparkCurrencyValidator2.mxml.html    |   78 +
 .../srcview/src/ReadMe.txt                      |   12 +
 .../srcview/src/SparkCurrencyValidator2.mxml    |   71 +
 .../SparkDateTimeFormatter/ReadMe.txt           |   14 +
 .../SparkDateTimeFormatter.html                 |  124 +
 .../srcview/.fxpProperties                      |   29 +
 .../srcview/SourceIndex.xml                     |   44 +
 .../srcview/SourceStyles.css                    |  155 +
 .../srcview/SourceTree.html                     |  129 +
 .../SparkDateTimeFormatter/srcview/index.html   |   32 +
 .../srcview/source/ReadMe.txt                   |   14 +
 .../source/SparkDateTimeFormatter.mxml.html     |  107 +
 .../srcview/src/ReadMe.txt                      |   14 +
 .../srcview/src/SparkDateTimeFormatter.mxml     |  101 +
 .../SparkDateTimeFormatter_basic/ReadMe.txt     |   11 +
 .../SparkDateTimeFormatter2.html                |  124 +
 .../srcview/.fxpProperties                      |   29 +
 .../srcview/SourceIndex.xml                     |   44 +
 .../srcview/SourceStyles.css                    |  155 +
 .../srcview/SourceTree.html                     |  129 +
 .../srcview/index.html                          |   32 +
 .../srcview/source/ReadMe.txt                   |   11 +
 .../source/SparkDateTimeFormatter2.mxml.html    |   80 +
 .../srcview/src/ReadMe.txt                      |   11 +
 .../srcview/src/SparkDateTimeFormatter2.mxml    |   73 +
 .../SparkNumberFormatter/ReadMe.txt             |   13 +
 .../SparkNumberFormatter.html                   |  124 +
 .../SparkNumberFormatter/srcview/.fxpProperties |   29 +
 .../srcview/SourceIndex.xml                     |   44 +
 .../srcview/SourceStyles.css                    |  155 +
 .../srcview/SourceTree.html                     |  129 +
 .../SparkNumberFormatter/srcview/index.html     |   32 +
 .../srcview/source/ReadMe.txt                   |   13 +
 .../source/SparkNumberFormatter.mxml.html       |  103 +
 .../SparkNumberFormatter/srcview/src/ReadMe.txt |   13 +
 .../srcview/src/SparkNumberFormatter.mxml       |   97 +
 .../SparkNumberFormatter_basic/ReadMe.txt       |   11 +
 .../SparkNumberFormatter2.html                  |  124 +
 .../srcview/.fxpProperties                      |   29 +
 .../srcview/SourceIndex.xml                     |   44 +
 .../srcview/SourceStyles.css                    |  155 +
 .../srcview/SourceTree.html                     |  129 +
 .../srcview/index.html                          |   32 +
 .../srcview/source/ReadMe.txt                   |   11 +
 .../source/SparkNumberFormatter2.mxml.html      |   76 +
 .../srcview/src/ReadMe.txt                      |   11 +
 .../srcview/src/SparkNumberFormatter2.mxml      |   69 +
 .../SparkNumberValidator/ReadMe.txt             |   15 +
 .../SparkNumberValidator.html                   |  124 +
 .../SparkNumberValidator/srcview/.fxpProperties |   29 +
 .../srcview/SourceIndex.xml                     |   44 +
 .../srcview/SourceStyles.css                    |  155 +
 .../srcview/SourceTree.html                     |  129 +
 .../SparkNumberValidator/srcview/index.html     |   32 +
 .../srcview/source/ReadMe.txt                   |   15 +
 .../source/SparkNumberValidator.mxml.html       |  110 +
 .../SparkNumberValidator/srcview/src/ReadMe.txt |   15 +
 .../srcview/src/SparkNumberValidator.mxml       |  104 +
 .../SparkNumberValidator_basic/ReadMe.txt       |   12 +
 .../SparkNumberValidator2.html                  |  124 +
 .../srcview/.fxpProperties                      |   29 +
 .../srcview/SourceIndex.xml                     |   44 +
 .../srcview/SourceStyles.css                    |  155 +
 .../srcview/SourceTree.html                     |  129 +
 .../srcview/index.html                          |   32 +
 .../srcview/source/ReadMe.txt                   |   12 +
 .../source/SparkNumberValidator2.mxml.html      |   77 +
 .../srcview/src/ReadMe.txt                      |   12 +
 .../srcview/src/SparkNumberValidator2.mxml      |   70 +
 .../SparkSortandSortField/ReadMe.txt            |   12 +
 .../SparkSortandSortField.html                  |  124 +
 .../srcview/.fxpProperties                      |   29 +
 .../srcview/SourceIndex.xml                     |   44 +
 .../srcview/SourceStyles.css                    |  155 +
 .../srcview/SourceTree.html                     |  129 +
 .../SparkSortandSortField/srcview/index.html    |   32 +
 .../srcview/source/ReadMe.txt                   |   12 +
 .../source/SparkSortandSortField.mxml.html      |  129 +
 .../srcview/src/ReadMe.txt                      |   12 +
 .../srcview/src/SparkSortandSortField.mxml      |  122 +
 .../SparkSortandSortField_basic/ReadMe.txt      |   10 +
 .../SparkSortandSortField2.html                 |  124 +
 .../srcview/.fxpProperties                      |   29 +
 .../srcview/SourceIndex.xml                     |   44 +
 .../srcview/SourceStyles.css                    |  155 +
 .../srcview/SourceTree.html                     |  129 +
 .../srcview/index.html                          |   32 +
 .../srcview/source/ReadMe.txt                   |   10 +
 .../source/SparkSortandSortField2.mxml.html     |   88 +
 .../srcview/src/ReadMe.txt                      |   10 +
 .../srcview/src/SparkSortandSortField2.mxml     |   82 +
 .../GSLibPromotion/SparkStringTools/ReadMe.txt  |   11 +
 .../SparkStringTools/SparkStringTools.html      |  124 +
 .../SparkStringTools/srcview/.fxpProperties     |   29 +
 .../SparkStringTools/srcview/SourceIndex.xml    |   44 +
 .../SparkStringTools/srcview/SourceStyles.css   |  155 +
 .../SparkStringTools/srcview/SourceTree.html    |  129 +
 .../SparkStringTools/srcview/index.html         |   32 +
 .../SparkStringTools/srcview/source/ReadMe.txt  |   11 +
 .../srcview/source/SparkStringTools.mxml.html   |  129 +
 .../SparkStringTools/srcview/src/ReadMe.txt     |   11 +
 .../srcview/src/SparkStringTools.mxml           |  124 +
 .../flex4.5samples/HeroDataGrid/sample.html     |  124 +
 .../HeroDataGrid/srcview/SourceIndex.xml        |   50 +
 .../HeroDataGrid/srcview/SourceStyles.css       |  155 +
 .../HeroDataGrid/srcview/SourceTree.html        |  129 +
 .../HeroDataGrid/srcview/index.html             |   32 +
 .../srcview/source/CustomDataGridSkin.mxml.html |  220 +
 .../srcview/source/CustomRenderer.mxml.html     |   70 +
 .../source/CustomRendererPrepare.mxml.html      |   76 +
 .../srcview/source/CustomSkin.mxml.html         |   47 +
 .../srcview/source/SimpleColumns.mxml.html      |   57 +
 .../srcview/source/SimpleNoWrap.mxml.html       |   45 +
 .../srcview/source/Sizing.mxml.html             |   55 +
 .../srcview/source/sample.mxml.html             |   56 +
 .../srcview/src/CustomDataGridSkin.mxml         |  213 +
 .../srcview/src/CustomRenderer.mxml             |   62 +
 .../srcview/src/CustomRendererPrepare.mxml      |   68 +
 .../HeroDataGrid/srcview/src/CustomSkin.mxml    |   39 +
 .../HeroDataGrid/srcview/src/SimpleColumns.mxml |   49 +
 .../HeroDataGrid/srcview/src/SimpleNoWrap.mxml  |   37 +
 .../HeroDataGrid/srcview/src/Sizing.mxml        |   47 +
 .../HeroDataGrid/srcview/src/sample.mxml        |   48 +
 .../HeroDataPaging/DataPaging.html              |  124 +
 .../HeroDataPaging/srcview/SourceIndex.xml      |   44 +
 .../HeroDataPaging/srcview/SourceStyles.css     |  155 +
 .../HeroDataPaging/srcview/SourceTree.html      |  129 +
 .../HeroDataPaging/srcview/index.html           |   32 +
 .../srcview/source/DataPaging.mxml.html         |   88 +
 .../srcview/source/PagedList.as.html            |  519 ++
 .../HeroDataPaging/srcview/src/DataPaging.mxml  |   80 +
 .../HeroDataPaging/srcview/src/PagedList.as     |  510 ++
 .../HeroDataPaging_old/DataPaging.html          |  124 +
 .../HeroDataPaging/DataPaging.html              |  124 +
 .../HeroDataPaging/srcview/SourceIndex.xml      |   44 +
 .../HeroDataPaging/srcview/SourceStyles.css     |  155 +
 .../HeroDataPaging/srcview/SourceTree.html      |  129 +
 .../HeroDataPaging/srcview/index.html           |   32 +
 .../srcview/source/DataPaging.mxml.html         |   88 +
 .../srcview/source/PagedList.as.html            |  519 ++
 .../HeroDataPaging/srcview/src/DataPaging.mxml  |   80 +
 .../HeroDataPaging/srcview/src/PagedList.as     |  510 ++
 .../HeroDataPaging_old/srcview/SourceIndex.xml  |   44 +
 .../HeroDataPaging_old/srcview/SourceStyles.css |  155 +
 .../HeroDataPaging_old/srcview/SourceTree.html  |  129 +
 .../HeroDataPaging_old/srcview/index.html       |   32 +
 .../srcview/source/DataPaging.mxml.html         |   88 +
 .../srcview/source/PagedList.as.html            |  519 ++
 .../srcview/source/bin-release1/DataPaging.html |  124 +
 .../bin-release1/srcview/SourceIndex.xml.txt    |   44 +
 .../bin-release1/srcview/SourceStyles.css.html  |  166 +
 .../source/bin-release1/srcview/SourceTree.html |  129 +
 .../source/bin-release1/srcview/index.html      |   32 +
 .../srcview/source/DataPaging.mxml.html         |   96 +
 .../srcview/source/PagedList.as.html            |  128 +
 .../bin-release1/srcview/src/DataPaging.mxml    |   88 +
 .../bin-release1/srcview/src/PagedList.as       |  120 +
 .../srcview/src/DataPaging.mxml                 |   91 +
 .../HeroDataPaging_old/srcview/src/PagedList.as |  120 +
 .../SparkForm/SampleSimpleForm.html             |  124 +
 .../SparkForm/srcview/SourceIndex.xml           |   48 +
 .../SparkForm/srcview/SourceStyles.css          |  155 +
 .../SparkForm/srcview/SourceTree.html           |  129 +
 .../flex4.5samples/SparkForm/srcview/index.html |   32 +
 .../srcview/source/SampleHelpForm.mxml.html     |   52 +
 .../srcview/source/SampleSequenceForm.mxml.html |   45 +
 .../srcview/source/SampleSimpleForm.mxml.html   |   46 +
 .../srcview/source/SampleStackedForm.mxml.html  |   46 +
 .../SparkForm/srcview/src/SampleHelpForm.mxml   |   44 +
 .../srcview/src/SampleSequenceForm.mxml         |   37 +
 .../SparkForm/srcview/src/SampleSimpleForm.mxml |   38 +
 .../srcview/src/SampleStackedForm.mxml          |   38 +
 .../flex4.5samples/SparkFormatters/sample.html  |  124 +
 .../SparkFormatters/srcview/SourceIndex.xml     |   45 +
 .../SparkFormatters/srcview/SourceStyles.css    |  155 +
 .../SparkFormatters/srcview/SourceTree.html     |  129 +
 .../SparkFormatters/srcview/index.html          |   32 +
 .../srcview/source/sample.mxml.html             |   67 +
 .../SparkFormatters/srcview/src/sample.mxml     |   59 +
 .../flex4.5samples/SparkOSMF/sample.html        |  124 +
 .../SparkOSMF/srcview/SourceIndex.xml           |   43 +
 .../SparkOSMF/srcview/SourceStyles.css          |  155 +
 .../SparkOSMF/srcview/SourceTree.html           |  129 +
 .../flex4.5samples/SparkOSMF/srcview/index.html |   32 +
 .../SparkOSMF/srcview/source/sample.mxml.html   |   36 +
 .../SparkOSMF/srcview/src/sample.mxml           |   28 +
 .../mobile/SampleAccelerometer.mxml.html        |   94 +
 .../SampleAccelerometer.mxml.html               |   94 +
 .../mobile/SampleAccelerometer/main.mxml.html   |   37 +
 .../SampleAccelerometer/phone_accelerometer.png |  Bin 0 -> 116095 bytes
 .../SampleBackMenuSearchEvent.mxml.html         |  101 +
 .../SampleBackMenuSearchEvent/main.mxml.html    |   37 +
 .../phone_backmenusearchevent.png               |  Bin 0 -> 107338 bytes
 .../SampleBusyIndicator.mxml.html               |   41 +
 .../mobile/SampleBusyIndicator/main.mxml.html   |   37 +
 .../SampleBusyIndicator/phone_busyindicator.png |  Bin 0 -> 97882 bytes
 .../SampleCSSMediaQueries.mxml.html             |   63 +
 .../mobile/SampleCSSMediaQueries/main.mxml.html |   37 +
 .../phone_cssmediaqueries.png                   |  Bin 0 -> 116997 bytes
 .../SampleCacheImageFile.mxml.html              |  133 +
 .../mobile/SampleCacheImageFile/main.mxml.html  |   37 +
 .../phone_cacheimagefile.png                    |  Bin 0 -> 82844 bytes
 .../mobile/SampleCamera/SampleCamera-app.txt    |   26 +
 .../mobile/SampleCamera/SampleCamera.mxml.html  |  110 +
 .../mobile/SampleCamera/main.mxml.html          |   37 +
 .../mobile/SampleCamera/phone_camera.png        |  Bin 0 -> 112201 bytes
 .../SampleCameraCapture.mxml.html               |   98 +
 .../mobile/SampleCameraCapture/main.mxml.html   |   37 +
 .../phone_cameracaptureall.png                  |  Bin 0 -> 307383 bytes
 .../SampleCameraRoll/SampleCameraRoll.mxml.html |   84 +
 .../mobile/SampleCameraRoll/main.mxml.html      |   37 +
 .../SampleCameraRoll/phone_camerarollall.png    |  Bin 0 -> 180642 bytes
 .../ContextMenuPanelSkin.mxml.html              |  289 +
 .../SampleContextMenu.mxml.html                 |  141 +
 .../assets/launchpad_activity.png               |  Bin 0 -> 29647 bytes
 .../mobile/SampleContextMenu/images_cm.html     |   36 +
 .../SampleContextMenu/launchpad_account.png     |  Bin 0 -> 49166 bytes
 .../SampleContextMenu/launchpad_activity.png    |  Bin 0 -> 29647 bytes
 .../mobile/SampleContextMenu/launchpad_add.png  |  Bin 0 -> 737 bytes
 .../SampleContextMenu/launchpad_calendar.png    |  Bin 0 -> 494 bytes
 .../mobile/SampleContextMenu/main.mxml.html     |   37 +
 .../SampleContextMenu/phone_contextmenu.png     |  Bin 0 -> 92054 bytes
 .../SampleFullScreen/SampleFullScreen.mxml.html |   53 +
 .../mobile/SampleFullScreen/main.mxml.html      |   37 +
 .../SampleFullScreen/phone_fullscreenall.png    |  Bin 0 -> 91280 bytes
 .../SampleGeolocation.mxml.html                 |  102 +
 .../SampleGeolocationInfo-app.txt               |   25 +
 .../mobile/SampleGeolocation/main.mxml.html     |   37 +
 .../SampleGeolocation/phone_geolocation.png     |  Bin 0 -> 115700 bytes
 .../SampleGesture/SampleGesture.mxml.html       |  102 +
 .../assets/launchpad_butterfly.jpg.html         |   28 +
 .../mobile/SampleGesture/images_gesture.html    |   30 +
 .../mobile/SampleGesture/images_maa.html        |   30 +
 .../mobile/SampleGesture/launchpad_home.png     |  Bin 0 -> 52862 bytes
 .../mobile/SampleGesture/main.mxml.html         |   37 +
 .../mobile/SampleGesture/mobile_app_anatomy.png |  Bin 0 -> 77134 bytes
 .../SampleHTMLContent.mxml.html                 |   81 +
 .../mobile/SampleHTMLContent/main.mxml.html     |   37 +
 .../SampleHTMLContent/phone_htmlcontent.png     |  Bin 0 -> 96904 bytes
 .../SampleMicrophone/SampleMicrophone-app.txt   |   26 +
 .../SampleMicrophone/SampleMicrophone.mxml.html |  181 +
 .../mobile/SampleMicrophone/main.mxml.html      |   37 +
 .../SampleMicrophone/phone_microphone.png       |  Bin 0 -> 83688 bytes
 .../SampleMobileAnatomy1.png                    |  Bin 0 -> 46050 bytes
 .../SampleMobileAnatomy2.png                    |  Bin 0 -> 48167 bytes
 .../SampleMobileAnatomy3.png                    |  Bin 0 -> 46533 bytes
 .../SampleMobileAnatomy4.png                    |  Bin 0 -> 47889 bytes
 .../SampleMobileAnatomy6.png                    |  Bin 0 -> 46462 bytes
 .../SampleMobileAnatomy7.png                    |  Bin 0 -> 46092 bytes
 .../SampleMobileAppAnatomy.mxml.html            |  111 +
 .../SampleMobileAppAnatomy/main.mxml.html       |   41 +
 .../phone_mobileappanatomy.png                  |  Bin 0 -> 114430 bytes
 .../SampleMultiDPIBitmapSource.mxml.html        |   61 +
 .../SampleMultitouch.mxml.html                  |  161 +
 .../SampleMultiDPIBitmapSource/images_cm.html   |   34 +
 .../SampleMultiDPIBitmapSource/images_maa.html  |   30 +
 .../launchpad_home.png                          |  Bin 0 -> 52862 bytes
 .../SampleMultiDPIBitmapSource/main.mxml.html   |   37 +
 .../mobile_app_anatomy.png                      |  Bin 0 -> 77134 bytes
 .../phone_multidpibitmapsource.png              |  Bin 0 -> 114603 bytes
 .../phone_multitouch.png                        |  Bin 0 -> 96465 bytes
 .../SampleMultitouch/SampleMultitouch.mxml.html |  161 +
 .../mobile/SampleMultitouch/main.mxml.html      |   37 +
 .../SampleMultitouch/phone_multitouch.png       |  Bin 0 -> 96465 bytes
 .../SampleNetworkInfo/SampleNetworkInfo-app.txt |   27 +
 .../SampleNetworkInfo.mxml.html                 |   71 +
 .../mobile/SampleNetworkInfo/main.mxml.html     |   37 +
 .../SampleNetworkInfo/phone_networkinfo.png     |  Bin 0 -> 96911 bytes
 .../SampleRotateScreen.mxml.html                |   77 +
 .../mobile/SampleRotateScreen/main.mxml.html    |   37 +
 .../phone_rotatescreenall.png                   |  Bin 0 -> 106465 bytes
 .../mobile/SampleSMS/SampleSMS.mxml.html        |   67 +
 .../mobile/SampleSMS/main.mxml.html             |   37 +
 .../mobile/SampleSMS/phone_smstel.png           |  Bin 0 -> 92766 bytes
 .../SampleSimpleDB/SampleSimpleDB.mxml.html     |   87 +
 .../mobile/SampleSimpleDB/main.mxml.html        |   37 +
 .../mobile/SampleSimpleDB/phone_simpledb.png    |  Bin 0 -> 85759 bytes
 .../MyPopupComponent.mxml.html                  |   37 +
 .../MyPopupSkin.mxml.html                       |   95 +
 .../PopUpContainer.mxml.html                    |   61 +
 .../SampleAlertmain.mxml.html                   |   37 +
 .../SimpleAlertView.mxml.html                   |   52 +
 .../main.mxml.html                              |   37 +
 .../phone_popup.png                             |  Bin 0 -> 114102 bytes
 .../phone_samplealert.png                       |  Bin 0 -> 107106 bytes
 .../phone_skinnablepopupcontainer.png           |  Bin 0 -> 162378 bytes
 .../SampleViewMenu/MyPopupComponent.mxml.html   |   37 +
 .../MyPopupComponentSkin.mxml.html              |  116 +
 .../mobile/SampleViewMenu/MyVMItemSkin.as.html  |  187 +
 .../SampleViewMenu/MyViewMenuSkin.mxml.html     |  137 +
 .../mobile/SampleViewMenu/ViewMenu.mxml.html    |   43 +
 .../SampleViewMenu/ViewMenuHome.mxml.html       |   92 +
 .../mobile/SampleViewMenu/phone_viewmenu.png    |  Bin 0 -> 132789 bytes
 .../SampleViewTransitions/SampleFade.mxml.html  |   76 +
 .../SampleViewTransitions/SampleFlip.mxml.html  |  110 +
 .../SampleViewTransitions/SampleSlide.mxml.html |  113 +
 .../SampleViewTransitions/SampleView.mxml.html  |   73 +
 .../SampleViewTransitions/SampleZoom.mxml.html  |   94 +
 .../ViewTransitions.mxml.html                   |   40 +
 .../ViewTransitionsHomeView.mxml.html           |   69 +
 .../assets/ACE_FlexAIR.png                      |  Bin 0 -> 2933 bytes
 .../SampleViewTransitions/assets/Default.png    |  Bin 0 -> 29710 bytes
 .../assets/default-icon.png                     |  Bin 0 -> 3439 bytes
 .../SampleViewTransitions/assets/icon29.png     |  Bin 0 -> 3153 bytes
 .../SampleViewTransitions/fademain.mxml.html    |   37 +
 .../SampleViewTransitions/flipmain.mxml.html    |   37 +
 .../mobile/SampleViewTransitions/phone_fade.png |  Bin 0 -> 78250 bytes
 .../mobile/SampleViewTransitions/phone_flip.png |  Bin 0 -> 87065 bytes
 .../SampleViewTransitions/phone_slide.png       |  Bin 0 -> 93567 bytes
 .../phone_viewtransition.png                    |  Bin 0 -> 255511 bytes
 .../mobile/SampleViewTransitions/phone_zoom.png |  Bin 0 -> 85768 bytes
 .../SampleViewTransitions/slidemain.mxml.html   |   37 +
 .../SampleViewTransitions/zoommain.mxml.html    |   37 +
 .../flex4.5samples/mobile/SourceStyles.css      |  155 +
 .../mobile/phone_accelerometer.png              |  Bin 0 -> 116095 bytes
 .../mobile/phone_backmenusearchevent.png        |  Bin 0 -> 107338 bytes
 .../mobile/phone_busyindicator.png              |  Bin 0 -> 97882 bytes
 .../flex4.6samples/Callout/Callout.mxml.html    |   46 +
 .../flex4.6samples/Callout/callout_tablet.png   |  Bin 0 -> 82370 bytes
 .../flex4.6samples/Callout/main.mxml.html       |   35 +
 .../CalloutButton/CalloutButton.mxml.html       |   76 +
 .../CalloutButton/calloutButton_tablet.png      |  Bin 0 -> 104159 bytes
 .../flex4.6samples/CalloutButton/main.mxml.html |   35 +
 .../DateSpinner/DateSpinner.mxml.html           |   57 +
 .../DateSpinner/dateSpinner_tablet.png          |  Bin 0 -> 117425 bytes
 .../flex4.6samples/DateSpinner/main.mxml.html   |   35 +
 .../SoftKeyboardOptions.mxml.html               |  105 +
 .../SoftKeyboardOptions/main.mxml.html          |   35 +
 .../SoftKeyboardOptions/softKeyboard_tablet.png |  Bin 0 -> 121255 bytes
 .../flex4.6samples/SourceStyles.css             |  155 +
 .../SpinnerList/SpinnerList.mxml.html           |   63 +
 .../flex4.6samples/SpinnerList/main.mxml.html   |   35 +
 .../SpinnerList/spinnerList_tablet.png          |  Bin 0 -> 73460 bytes
 .../SplitViewNavigator/LeftView.mxml.html       |   54 +
 .../SplitViewNavigator/RightView.mxml.html      |   34 +
 .../SplitViewNavigator.mxml.html                |   37 +
 .../SplitViewNavigator/readme.html              |   31 +
 .../splitViewNavigator_tablet.png               |  Bin 0 -> 61272 bytes
 .../ToggleSwitch/ToggleSwitch.mxml.html         |   49 +
 .../flex4.6samples/ToggleSwitch/main.mxml.html  |   35 +
 .../ToggleSwitch/toggleSwitch_tablet.png        |  Bin 0 -> 68029 bytes
 .../flex4.6samples/readme.html                  |   42 +
 .../BidirectionalBinding/sample.html            |  118 +
 .../BidirectionalBinding/sample2.html           |  118 +
 .../srcview/SourceIndex.xml                     |   51 +
 .../srcview/SourceStyles.css                    |  155 +
 .../srcview/SourceTree.html                     |  129 +
 .../BidirectionalBinding/srcview/index.html     |   32 +
 .../srcview/source/Contact.as.html              |   44 +
 .../srcview/source/sample.mxml.html             |   53 +
 .../srcview/source/sample2.mxml.html            |  119 +
 .../skins/CustomTabBarButtonSkin.mxml.html      |  269 +
 .../source/skins/CustomTabBarSkin.mxml.html     |  104 +
 .../srcview/source/skins/TDFPanelSkin.mxml.html |  178 +
 .../BidirectionalBinding/srcview/src/Contact.as |   37 +
 .../srcview/src/sample.mxml                     |   45 +
 .../srcview/src/sample2.mxml                    |  111 +
 .../src/skins/CustomTabBarButtonSkin.mxml       |  262 +
 .../srcview/src/skins/CustomTabBarSkin.mxml     |   97 +
 .../srcview/src/skins/TDFPanelSkin.mxml         |  171 +
 .../ControllingViewport/sample.html             |  120 +
 .../ControllingViewport/srcview/SourceIndex.xml |   45 +
 .../srcview/SourceStyles.css                    |  155 +
 .../ControllingViewport/srcview/SourceTree.html |  129 +
 .../ControllingViewport/srcview/index.html      |   32 +
 .../srcview/source/backpack.jpg.html            |   28 +
 .../srcview/source/sample.mxml.html             |   52 +
 .../ControllingViewport/srcview/src/sample.mxml |   44 +
 .../CustomItemRenderer/sample.html              |  120 +
 .../CustomItemRenderer/srcview/SourceIndex.xml  |   56 +
 .../CustomItemRenderer/srcview/SourceStyles.css |  155 +
 .../CustomItemRenderer/srcview/SourceTree.html  |  129 +
 .../CustomItemRenderer/srcview/index.html       |   32 +
 .../srcview/source/Item.as.html                 |   69 +
 .../srcview/source/MyListItemRenderer.mxml.html |   47 +
 .../srcview/source/assets/backpack.jpg.html     |   28 +
 .../srcview/source/assets/boots.jpg.html        |   28 +
 .../srcview/source/assets/compass.jpg.html      |   28 +
 .../srcview/source/assets/goggles.jpg.html      |   28 +
 .../srcview/source/assets/helmet.jpg.html       |   28 +
 .../srcview/source/sample.mxml.html             |  109 +
 .../srcview/source/skins/TDFPanelSkin.mxml.html |  137 +
 .../CustomItemRenderer/srcview/src/Item.as      |   62 +
 .../srcview/src/MyListItemRenderer.mxml         |   39 +
 .../CustomItemRenderer/srcview/src/sample.mxml  |  102 +
 .../srcview/src/skins/TDFPanelSkin.mxml         |  130 +
 .../Layout Mirroring/dashboard.html             |  124 +
 .../Layout Mirroring/drawSample.html            |  124 +
 .../Layout Mirroring/srcview/SourceIndex.xml    |   46 +
 .../Layout Mirroring/srcview/SourceStyles.css   |  155 +
 .../Layout Mirroring/srcview/SourceTree.html    |  129 +
 .../Layout Mirroring/srcview/index.html         |   32 +
 .../srcview/source/TDFPanelSkin.mxml.html       |  178 +
 .../srcview/source/dashboard.mxml.html          |   88 +
 .../srcview/source/drawSample.mxml.html         |   93 +
 .../srcview/source/textInput.mxml.html          |   53 +
 .../Layout Mirroring/textInput.html             |  124 +
 .../Using States with Transitions/sample.html   |  118 +
 .../srcview/SourceIndex.xml                     |   46 +
 .../srcview/SourceStyles.css                    |  155 +
 .../srcview/SourceTree.html                     |  129 +
 .../srcview/index.html                          |   32 +
 .../srcview/source/sample.mxml.html             |  105 +
 .../srcview/source/skins/TDFPanelSkin.mxml.html |  137 +
 .../Effects/AnimateProperties/Sample.html       |  121 +
 .../AnimateProperties/srcview/.fxpProperties    |   29 +
 .../AnimateProperties/srcview/SourceIndex.xml   |   56 +
 .../AnimateProperties/srcview/SourceStyles.css  |  155 +
 .../AnimateProperties/srcview/SourceTree.html   |  129 +
 .../AnimateProperties/srcview/index.html        |   32 +
 .../srcview/source/Sample.mxml.html             |   95 +
 .../srcview/source/assets/images/1.jpg          |  Bin 0 -> 463 bytes
 .../srcview/source/assets/images/1.jpg.html     |   28 +
 .../srcview/source/assets/images/2.jpg          |  Bin 0 -> 549 bytes
 .../srcview/source/assets/images/2.jpg.html     |   28 +
 .../srcview/source/assets/images/3.jpg          |  Bin 0 -> 418 bytes
 .../srcview/source/assets/images/3.jpg.html     |   28 +
 .../srcview/source/assets/images/4.jpg          |  Bin 0 -> 911 bytes
 .../srcview/source/assets/images/4.jpg.html     |   28 +
 .../srcview/source/assets/images/5.jpg          |  Bin 0 -> 1617 bytes
 .../srcview/source/assets/images/5.jpg.html     |   28 +
 .../srcview/source/assets/images/6.jpg          |  Bin 0 -> 1061 bytes
 .../srcview/source/assets/images/6.jpg.html     |   28 +
 .../srcview/source/assets/images/7.jpg          |  Bin 0 -> 1754 bytes
 .../srcview/source/assets/images/7.jpg.html     |   28 +
 .../srcview/source/assets/images/8.jpg          |  Bin 0 -> 1716 bytes
 .../srcview/source/assets/images/8.jpg.html     |   28 +
 .../srcview/source/assets/images/9.jpg          |  Bin 0 -> 1552 bytes
 .../srcview/source/assets/images/9.jpg.html     |   28 +
 .../AnimateProperties/srcview/src/Sample.mxml   |   89 +
 .../srcview/src/assets/images/2.jpg             |  Bin 0 -> 549 bytes
 .../srcview/src/assets/images/3.jpg             |  Bin 0 -> 418 bytes
 .../srcview/src/assets/images/4.jpg             |  Bin 0 -> 911 bytes
 .../srcview/src/assets/images/5.jpg             |  Bin 0 -> 1617 bytes
 .../srcview/src/assets/images/6.jpg             |  Bin 0 -> 1061 bytes
 .../srcview/src/assets/images/7.jpg             |  Bin 0 -> 1754 bytes
 .../srcview/src/assets/images/8.jpg             |  Bin 0 -> 1716 bytes
 .../srcview/src/assets/images/9.jpg             |  Bin 0 -> 1552 bytes
 .../Effects/AnimateTransform-Bounce/sample.html |  120 +
 .../srcview/SourceIndex.xml                     |   50 +
 .../srcview/SourceStyles.css                    |  155 +
 .../srcview/SourceTree.html                     |  129 +
 .../AnimateTransform-Bounce/srcview/index.html  |   32 +
 .../srcview/source/assets/Soccer-Ball.png.html  |   28 +
 .../srcview/source/sample.mxml.html             |  124 +
 .../srcview/source/skins/TDFPanelSkin.mxml.html |  174 +
 .../srcview/src/sample.mxml                     |  116 +
 .../srcview/src/skins/TDFPanelSkin.mxml         |  167 +
 .../flex4samples/Effects/CrossFade/sample.html  |  121 +
 .../Effects/CrossFade/srcview/SourceIndex.xml   |   56 +
 .../Effects/CrossFade/srcview/SourceStyles.css  |  155 +
 .../Effects/CrossFade/srcview/SourceTree.html   |  129 +
 .../Effects/CrossFade/srcview/index.html        |   32 +
 .../srcview/source/assets/back2.png.html        |   28 +
 .../srcview/source/assets/backpack.jpg.html     |   28 +
 .../srcview/source/assets/boots.jpg.html        |   28 +
 .../CrossFade/srcview/source/assets/c2.png.html |   28 +
 .../srcview/source/assets/compass.jpg.html      |   28 +
 .../srcview/source/assets/goggles.jpg.html      |   28 +
 .../srcview/source/assets/helmet.jpg.html       |   28 +
 .../CrossFade/srcview/source/sample.mxml.html   |   76 +
 .../srcview/source/skins/TDFPanelSkin.mxml.html |  137 +
 .../Effects/CrossFade/srcview/src/sample.mxml   |   68 +
 .../srcview/src/skins/TDFPanelSkin.mxml         |  130 +
 .../flex4samples/Effects/Fade/sample.html       |  121 +
 .../Effects/Fade/srcview/SourceIndex.xml        |   54 +
 .../Effects/Fade/srcview/SourceStyles.css       |  155 +
 .../Effects/Fade/srcview/SourceTree.html        |  129 +
 .../Effects/Fade/srcview/index.html             |   32 +
 .../srcview/source/assets/backpack.jpg.html     |   28 +
 .../Fade/srcview/source/assets/boots.jpg.html   |   28 +
 .../Fade/srcview/source/assets/compass.jpg.html |   28 +
 .../Fade/srcview/source/assets/goggles.jpg.html |   28 +
 .../Fade/srcview/source/assets/helmet.jpg.html  |   28 +
 .../Fade/srcview/source/sample.mxml.html        |   68 +
 .../srcview/source/skins/TDFPanelSkin.mxml.html |  137 +
 .../Effects/Fade/srcview/src/sample.mxml        |   60 +
 .../Fade/srcview/src/skins/TDFPanelSkin.mxml    |  130 +
 .../flex4samples/Effects/Rotate3D/sample.html   |  120 +
 .../Effects/Rotate3D/srcview/SourceIndex.xml    |   50 +
 .../Effects/Rotate3D/srcview/SourceStyles.css   |  155 +
 .../Effects/Rotate3D/srcview/SourceTree.html    |  129 +
 .../Effects/Rotate3D/srcview/index.html         |   32 +
 .../srcview/source/assets/goggles.jpg.html      |   28 +
 .../Rotate3D/srcview/source/sample.mxml.html    |  122 +
 .../srcview/source/skins/TDFPanelSkin.mxml.html |  178 +
 .../Effects/Rotate3D/srcview/src/sample.mxml    |  114 +
 .../srcview/src/skins/TDFPanelSkin.mxml         |  171 +
 .../flex4samples/Effects/Scale3D/sample.html    |  120 +
 .../Effects/Scale3D/srcview/SourceIndex.xml     |   50 +
 .../Effects/Scale3D/srcview/SourceStyles.css    |  155 +
 .../Effects/Scale3D/srcview/SourceTree.html     |  129 +
 .../Effects/Scale3D/srcview/index.html          |   32 +
 .../srcview/source/assets/boots.jpg.html        |   28 +
 .../Scale3D/srcview/source/sample.mxml.html     |  126 +
 .../srcview/source/skins/TDFPanelSkin.mxml.html |  177 +
 .../Effects/Scale3D/srcview/src/sample.mxml     |  118 +
 .../Scale3D/srcview/src/skins/TDFPanelSkin.mxml |  170 +
 .../flex4samples/Effects/effects-readme.html    |   34 +
 .../EllipseTransformExample.html                |  120 +
 .../EllipseTransformExample.mxml                |   66 +
 .../flex4samples/FlexFrameworksInfo-TDF.html    |   88 +
 .../DropShadowGraphicExample.html               |  120 +
 .../DropShadowGraphic/srcview/SourceIndex.xml   |   43 +
 .../DropShadowGraphic/srcview/SourceStyles.css  |  155 +
 .../DropShadowGraphic/srcview/SourceTree.html   |  137 +
 .../DropShadowGraphic/srcview/downloadIcon.png  |  Bin 0 -> 1133 bytes
 .../DropShadowGraphic/srcview/index.html        |   32 +
 .../source/DropShadowGraphicExample.mxml.html   |   74 +
 .../srcview/source/ks16833_small.JPG.html       |   28 +
 .../srcview/source/skins/TDFPanelSkin.mxml.html |  177 +
 .../srcview/src/DropShadowGraphicExample.mxml   |   66 +
 .../srcview/src/skins/TDFPanelSkin.mxml         |  170 +
 .../EllipseTransformExample.html                |  120 +
 .../EllipseTransform/srcview/SourceIndex.xml    |   42 +
 .../EllipseTransform/srcview/SourceStyles.css   |  155 +
 .../EllipseTransform/srcview/SourceTree.html    |  137 +
 .../EllipseTransform/srcview/downloadIcon.png   |  Bin 0 -> 1133 bytes
 .../EllipseTransform/srcview/index.html         |   32 +
 .../source/EllipseTransformExample.mxml.html    |   82 +
 .../srcview/source/skins/TDFPanelSkin.mxml.html |  177 +
 .../srcview/src/EllipseTransformExample.mxml    |   74 +
 .../srcview/src/skins/TDFPanelSkin.mxml         |  170 +
 .../LinearGradientsSpreadMethodExample.html     |  120 +
 .../srcview/SourceIndex.xml                     |   42 +
 .../srcview/SourceStyles.css                    |  155 +
 .../srcview/SourceTree.html                     |  137 +
 .../srcview/downloadIcon.png                    |  Bin 0 -> 1133 bytes
 .../LinearGradientSpread/srcview/index.html     |   32 +
 ...LinearGradientsSpreadMethodExample.mxml.html |   71 +
 .../srcview/source/skins/TDFPanelSkin.mxml.html |  177 +
 .../src/LinearGradientsSpreadMethodExample.mxml |   63 +
 .../srcview/src/skins/TDFPanelSkin.mxml         |  170 +
 .../Graphics/StaticFXG/StaticFXG_Sample.html    |  120 +
 .../Graphics/StaticFXG/srcview/SourceIndex.xml  |   48 +
 .../Graphics/StaticFXG/srcview/SourceStyles.css |  155 +
 .../Graphics/StaticFXG/srcview/SourceTree.html  |  129 +
 .../Graphics/StaticFXG/srcview/index.html       |   32 +
 .../srcview/source/OrangeCrayonStar.fxg         |   47 +
 .../srcview/source/StaticFXG_Sample.mxml.html   |   59 +
 .../srcview/source/skins/TDFPanelSkin.mxml.html |  177 +
 .../StaticFXG/srcview/src/OrangeCrayonStar.fxg  |   47 +
 .../StaticFXG/srcview/src/StaticFXG_Sample.mxml |   51 +
 .../srcview/src/skins/TDFPanelSkin.mxml         |  170 +
 .../flex4samples/Graphics/fxg-readme.html       |   29 +
 .../GroupsAndContainers/Border/sample.html      |  121 +
 .../Border/srcview/SourceIndex.xml              |   47 +
 .../Border/srcview/SourceStyles.css             |  155 +
 .../Border/srcview/SourceTree.html              |  129 +
 .../Border/srcview/index.html                   |   32 +
 .../Border/srcview/source/sample.mxml.html      |   79 +
 .../srcview/source/skins/TDFPanelSkin.mxml.html |  137 +
 .../Border/srcview/src/sample.mxml              |   71 +
 .../Border/srcview/src/skins/TDFPanelSkin.mxml  |  130 +
 .../GroupsAndContainers/Group/sample.html       |  120 +
 .../Group/srcview/SourceIndex.xml               |   42 +
 .../Group/srcview/SourceStyles.css              |  155 +
 .../Group/srcview/SourceTree.html               |  137 +
 .../Group/srcview/downloadIcon.png              |  Bin 0 -> 1133 bytes
 .../Group/srcview/index.html                    |   32 +
 .../Group/srcview/source/sample.mxml.html       |   83 +
 .../srcview/source/skins/TDFPanelSkin.mxml.html |  178 +
 .../Group/srcview/src/sample.mxml               |   75 +
 .../Group/srcview/src/skins/TDFPanelSkin.mxml   |  171 +
 .../GroupsAndContainers/Panel/sample.html       |  121 +
 .../Panel/srcview/SourceIndex.xml               |   46 +
 .../Panel/srcview/SourceStyles.css              |  155 +
 .../Panel/srcview/SourceTree.html               |  129 +
 .../Panel/srcview/index.html                    |   32 +
 .../Panel/srcview/source/sample.mxml.html       |   87 +
 .../srcview/source/skins/TDFPanelSkin.mxml.html |  137 +
 .../Panel/srcview/src/sample.mxml               |   79 +
 .../Panel/srcview/src/skins/TDFPanelSkin.mxml   |  130 +
 .../TabbedNavigator/arrow_icon_sm.png           |  Bin 0 -> 527 bytes
 .../TabbedNavigator/sample1.html                |  121 +
 .../TabbedNavigator/sample2.html                |  121 +
 .../TabbedNavigator/srcview/SourceIndex.xml     |   52 +
 .../TabbedNavigator/srcview/SourceStyles.css    |  155 +
 .../TabbedNavigator/srcview/SourceTree.html     |  129 +
 .../TabbedNavigator/srcview/index.html          |   32 +
 .../srcview/source/Contact.as.html              |   41 +
 .../srcview/source/personIcon.png               |  Bin 0 -> 3859 bytes
 .../srcview/source/personIcon.png.html          |   28 +
 .../srcview/source/sample1.mxml.html            |  123 +
 .../srcview/source/sample2.mxml.html            |  117 +
 .../skins/CustomTabBarButtonSkin.mxml.html      |  271 +
 .../source/skins/CustomTabBarSkin.mxml.html     |  104 +
 .../srcview/source/skins/TDFPanelSkin.mxml.html |  167 +
 .../TabbedNavigator/srcview/src/Contact.as      |   34 +
 .../TabbedNavigator/srcview/src/personIcon.png  |  Bin 0 -> 3859 bytes
 .../TabbedNavigator/srcview/src/sample1.mxml    |  116 +
 .../TabbedNavigator/srcview/src/sample2.mxml    |  110 +
 .../src/skins/CustomTabBarButtonSkin.mxml       |  264 +
 .../srcview/src/skins/CustomTabBarSkin.mxml     |   97 +
 .../srcview/src/skins/TDFPanelSkin.mxml         |  160 +
 .../groups-containers-readme.html               |   38 +
 .../ButtonWithIcon/assets/arrow_icon_sm.png     |  Bin 0 -> 527 bytes
 .../Skinning/ButtonWithIcon/assets/icon_add.png |  Bin 0 -> 737 bytes
 .../ButtonWithIcon/assets/icon_remove.png       |  Bin 0 -> 693 bytes
 .../Skinning/ButtonWithIcon/sample1.html        |  120 +
 .../ButtonWithIcon/srcview/SourceIndex.xml      |   61 +
 .../ButtonWithIcon/srcview/SourceStyles.css     |  155 +
 .../ButtonWithIcon/srcview/SourceTree.html      |  129 +
 .../Skinning/ButtonWithIcon/srcview/index.html  |   32 +
 .../srcview/source/assets/arrow_icon_sm.png     |  Bin 0 -> 527 bytes
 .../source/assets/arrow_icon_sm.png.html        |   28 +
 .../srcview/source/assets/goggles.jpg.html      |   28 +
 .../srcview/source/assets/icon_add.png          |  Bin 0 -> 737 bytes
 .../srcview/source/assets/icon_add.png.html     |   28 +
 .../srcview/source/assets/icon_check.png        |  Bin 0 -> 481 bytes
 .../srcview/source/assets/icon_check.png.html   |   28 +
 .../srcview/source/assets/icon_close16.png      |  Bin 0 -> 59709 bytes
 .../srcview/source/assets/icon_close16.png.html |   28 +
 .../srcview/source/assets/icon_plus.png         |  Bin 0 -> 58539 bytes
 .../srcview/source/assets/icon_plus.png.html    |   28 +
 .../srcview/source/assets/icon_remove.png       |  Bin 0 -> 693 bytes
 .../srcview/source/assets/icon_remove.png.html  |   28 +
 .../srcview/source/sample1.mxml.html            |   57 +
 .../source/skins/AddButtonSkin.mxml.html        |  191 +
 .../source/skins/CloseButtonSkin.mxml.html      |  192 +
 .../source/skins/FancyButtonSkin.mxml.html      |  279 +
 .../source/skins/IconTextButtonSkin.mxml.html   |  203 +
 .../srcview/source/skins/MyPanelSkin.mxml.html  |  108 +
 .../srcview/source/skins/TDFPanelSkin.mxml.html |  178 +
 .../srcview/src/assets/arrow_icon_sm.png        |  Bin 0 -> 527 bytes
 .../srcview/src/assets/icon_add.png             |  Bin 0 -> 737 bytes
 .../srcview/src/assets/icon_check.png           |  Bin 0 -> 481 bytes
 .../srcview/src/assets/icon_close16.png         |  Bin 0 -> 59709 bytes
 .../srcview/src/assets/icon_plus.png            |  Bin 0 -> 58539 bytes
 .../srcview/src/assets/icon_remove.png          |  Bin 0 -> 693 bytes
 .../ButtonWithIcon/srcview/src/sample1.mxml     |   49 +
 .../srcview/src/skins/AddButtonSkin.mxml        |  183 +
 .../srcview/src/skins/CloseButtonSkin.mxml      |  184 +
 .../srcview/src/skins/FancyButtonSkin.mxml      |  271 +
 .../srcview/src/skins/IconTextButtonSkin.mxml   |  195 +
 .../srcview/src/skins/MyPanelSkin.mxml          |  101 +
 .../srcview/src/skins/TDFPanelSkin.mxml         |  171 +
 .../SkinningApplication/assets/wood-bg.png      |  Bin 0 -> 628195 bytes
 .../Skinning/SkinningApplication/sample.html    |  121 +
 .../Skinning/SkinningApplication/sample2.html   |  121 +
 .../Skinning/SkinningApplication/sample3.html   |  121 +
 .../SkinningApplication/srcview/SourceIndex.xml |   53 +
 .../srcview/SourceStyles.css                    |  155 +
 .../SkinningApplication/srcview/SourceTree.html |  129 +
 .../SkinningApplication/srcview/index.html      |   32 +
 .../srcview/source/assets/wood-bg.png           |  Bin 0 -> 628195 bytes
 .../srcview/source/assets/wood-bg.png.html      |   28 +
 .../srcview/source/sample.mxml.html             |   52 +
 .../srcview/source/sample2.mxml.html            |   51 +
 .../srcview/source/sample3.mxml.html            |   56 +
 .../skins/BackgroundImageAppSkin.mxml.html      |   49 +
 .../skins/CustomControlBarAppSkin.mxml.html     |  113 +
 .../skins/GradientBackgroundAppSkin.mxml.html   |   61 +
 .../srcview/src/assets/wood-bg.png              |  Bin 0 -> 628195 bytes
 .../SkinningApplication/srcview/src/sample.mxml |   44 +
 .../srcview/src/sample2.mxml                    |   43 +
 .../srcview/src/sample3.mxml                    |   48 +
 .../src/skins/BackgroundImageAppSkin.mxml       |   41 +
 .../src/skins/CustomControlBarAppSkin.mxml      |  106 +
 .../src/skins/GradientBackgroundAppSkin.mxml    |   53 +
 .../Skinning/SkinningContainer/sample.html      |  121 +
 .../SkinningContainer/srcview/SourceIndex.xml   |   47 +
 .../SkinningContainer/srcview/SourceStyles.css  |  155 +
 .../SkinningContainer/srcview/SourceTree.html   |  129 +
 .../SkinningContainer/srcview/index.html        |   32 +
 .../srcview/source/sample.mxml.html             |   57 +
 .../CustomSkinnableContainerSkin.mxml.html      |   63 +
 .../srcview/source/skins/TDFPanelSkin.mxml.html |  137 +
 .../SkinningContainer/srcview/src/sample.mxml   |   49 +
 .../src/skins/CustomSkinnableContainerSkin.mxml |   55 +
 .../srcview/src/skins/TDFPanelSkin.mxml         |  130 +
 .../flex4samples/Skinning/skinning-readme.html  |   33 +
 .../flex4samples/Styles/IDSelector/sample.html  |  121 +
 .../Styles/IDSelector/srcview/SourceIndex.xml   |   46 +
 .../Styles/IDSelector/srcview/SourceStyles.css  |  155 +
 .../Styles/IDSelector/srcview/SourceTree.html   |  129 +
 .../Styles/IDSelector/srcview/index.html        |   32 +
 .../IDSelector/srcview/source/sample.mxml.html  |   76 +
 .../srcview/source/skins/TDFPanelSkin.mxml.html |  178 +
 .../Styles/IDSelector/srcview/src/sample.mxml   |   68 +
 .../srcview/src/skins/TDFPanelSkin.mxml         |  171 +
 .../flex4samples/Styles/readme.html             |   34 +
 .../UIControls/Buttons/Button/sample.html       |  118 +
 .../Buttons/Button/srcview/SourceIndex.xml      |   47 +
 .../Buttons/Button/srcview/SourceStyles.css     |  155 +
 .../Buttons/Button/srcview/SourceTree.html      |  129 +
 .../Buttons/Button/srcview/index.html           |   32 +
 .../Button/srcview/source/sample.mxml.html      |   73 +
 .../srcview/source/skins/TDFPanelSkin.mxml.html |  179 +
 .../Buttons/Button/srcview/src/sample.mxml      |   65 +
 .../Button/srcview/src/skins/TDFPanelSkin.mxml  |  171 +
 .../UIControls/Buttons/ButtonBar/sample.html    |  118 +
 .../Buttons/ButtonBar/srcview/SourceIndex.xml   |   47 +
 .../Buttons/ButtonBar/srcview/SourceStyles.css  |  155 +
 .../Buttons/ButtonBar/srcview/SourceTree.html   |  129 +
 .../Buttons/ButtonBar/srcview/index.html        |   32 +
 .../ButtonBar/srcview/source/sample.mxml.html   |  114 +
 .../srcview/source/skins/TDFPanelSkin.mxml.html |  179 +
 .../Buttons/ButtonBar/srcview/src/sample.mxml   |  106 +
 .../srcview/src/skins/TDFPanelSkin.mxml         |  171 +
 .../UIControls/Buttons/PopUpAnchor/sample.html  |  121 +
 .../UIControls/Buttons/PopUpAnchor/sample2.html |  121 +
 .../Buttons/PopUpAnchor/srcview/SourceIndex.xml |   50 +
 .../PopUpAnchor/srcview/SourceStyles.css        |  155 +
 .../Buttons/PopUpAnchor/srcview/SourceTree.html |  129 +
 .../Buttons/PopUpAnchor/srcview/index.html      |   32 +
 .../PopUpAnchor/srcview/source/iconclose.gif    |  Bin 0 -> 340 bytes
 .../srcview/source/iconclose.gif.html           |   28 +
 .../PopUpAnchor/srcview/source/iconinfo.gif     |  Bin 0 -> 227 bytes
 .../srcview/source/iconinfo.gif.html            |   28 +
 .../PopUpAnchor/srcview/source/sample.mxml.html |   89 +
 .../srcview/source/sample2.mxml.html            |   88 +
 .../source/skins/CloseButtonSkin.mxml.html      |  192 +
 .../srcview/source/skins/TDFPanelSkin.mxml.html |  138 +
 .../PopUpAnchor/srcview/src/iconclose.gif       |  Bin 0 -> 340 bytes
 .../PopUpAnchor/srcview/src/iconinfo.gif        |  Bin 0 -> 227 bytes
 .../Buttons/PopUpAnchor/srcview/src/sample.mxml |   81 +
 .../PopUpAnchor/srcview/src/sample2.mxml        |   80 +
 .../srcview/src/skins/CloseButtonSkin.mxml      |  184 +
 .../srcview/src/skins/TDFPanelSkin.mxml         |  130 +
 .../UIControls/Buttons/ToggleButton/readme.html |   32 +
 .../UIControls/Buttons/ToggleButton/sample.html |  120 +
 .../ToggleButton/srcview/SourceIndex.xml        |   47 +
 .../ToggleButton/srcview/SourceStyles.css       |  155 +
 .../ToggleButton/srcview/SourceTree.html        |  129 +
 .../Buttons/ToggleButton/srcview/index.html     |   32 +
 .../srcview/source/sample.mxml.html             |  118 +
 .../srcview/source/skins/TDFPanelSkin.mxml.html |  178 +
 .../ToggleButton/srcview/src/sample.mxml        |  111 +
 .../srcview/src/skins/TDFPanelSkin.mxml         |  171 +
 .../DataEntryControls/CheckBox/sample.html      |  120 +
 .../CheckBox/srcview/SourceIndex.xml            |   47 +
 .../CheckBox/srcview/SourceStyles.css           |  155 +
 .../CheckBox/srcview/SourceTree.html            |  129 +
 .../CheckBox/srcview/index.html                 |   32 +
 .../CheckBox/srcview/source/sample.mxml.html    |   85 +
 .../srcview/source/skins/TDFPanelSkin.mxml.html |  178 +
 .../CheckBox/srcview/src/sample.mxml            |   78 +
 .../srcview/src/skins/TDFPanelSkin.mxml         |  171 +
 .../DataEntryControls/DropDownList/sample.html  |  121 +
 .../DropDownList/srcview/.fxpProperties         |   29 +
 .../DropDownList/srcview/SourceIndex.xml        |   47 +
 .../DropDownList/srcview/SourceStyles.css       |  155 +
 .../DropDownList/srcview/SourceTree.html        |  129 +
 .../DropDownList/srcview/index.html             |   32 +
 .../srcview/source/sample.mxml.html             |   94 +
 .../srcview/source/skins/TDFPanelSkin.mxml.html |  137 +
 .../DropDownList/srcview/src/sample.mxml        |   90 +
 .../srcview/src/skins/TDFPanelSkin.mxml         |  130 +
 .../NumericStepper/sample.html                  |  120 +
 .../NumericStepper/srcview/SourceIndex.xml      |   47 +
 .../NumericStepper/srcview/SourceStyles.css     |  155 +
 .../NumericStepper/srcview/SourceTree.html      |  129 +
 .../NumericStepper/srcview/index.html           |   32 +
 .../srcview/source/sample.mxml.html             |  100 +
 .../srcview/source/skins/TDFPanelSkin.mxml.html |  177 +
 .../NumericStepper/srcview/src/sample.mxml      |   92 +
 .../srcview/src/skins/TDFPanelSkin.mxml         |  170 +
 .../DataEntryControls/RadioButton/sample.html   |  120 +
 .../RadioButton/srcview/SourceIndex.xml         |   47 +
 .../RadioButton/srcview/SourceStyles.css        |  155 +
 .../RadioButton/srcview/SourceTree.html         |  129 +
 .../RadioButton/srcview/index.html              |   32 +
 .../RadioButton/srcview/source/sample.mxml.html |  103 +
 .../srcview/source/skins/TDFPanelSkin.mxml.html |  137 +
 .../RadioButton/srcview/src/sample.mxml         |   95 +
 .../srcview/src/skins/TDFPanelSkin.mxml         |  130 +
 .../DataEntryControls/ToggleButton/sample.html  |  120 +
 .../ToggleButton/srcview/SourceIndex.xml        |   42 +
 .../ToggleButton/srcview/SourceStyles.css       |  154 +
 .../ToggleButton/srcview/SourceTree.html        |  137 +
 .../ToggleButton/srcview/downloadIcon.png       |  Bin 0 -> 1133 bytes
 .../ToggleButton/srcview/index.html             |   32 +
 .../srcview/source/sample.mxml.html             |  156 +
 .../srcview/source/skins/TDFPanelSkin.mxml.html |  178 +
 .../ToggleButton/srcview/src/sample.mxml        |  148 +
 .../srcview/src/skins/TDFPanelSkin.mxml         |  171 +
 .../OtherControls/ScrollBar/sample.html         |  120 +
 .../ScrollBar/srcview/SourceIndex.xml           |   53 +
 .../ScrollBar/srcview/SourceStyles.css          |  155 +
 .../ScrollBar/srcview/SourceTree.html           |  129 +
 .../components/HorizontalScrollbar1.mxml        |   56 +
 .../srcview/components/LeftButton1.mxml         |   62 +
 .../srcview/components/RightButton1.mxml        |   61 +
 .../ScrollBar/srcview/components/Thumb1.mxml    |   70 +
 .../ScrollBar/srcview/components/Track1.mxml    |   44 +
 .../OtherControls/ScrollBar/srcview/index.html  |   32 +
 .../components/HorizontalScrollbar1.mxml.html   |   63 +
 .../source/components/LeftButton1.mxml.html     |   69 +
 .../source/components/RightButton1.mxml.html    |   68 +
 .../srcview/source/components/Thumb1.mxml.html  |   77 +
 .../srcview/source/components/Track1.mxml.html  |   51 +
 .../ScrollBar/srcview/source/sample.mxml.html   |   98 +
 .../srcview/source/skins/TDFPanelSkin.mxml.html |  136 +
 .../ScrollBar/srcview/src/sample.mxml           |   90 +
 .../srcview/src/skins/TDFPanelSkin.mxml         |  128 +
 .../OtherControls/Scroller/readme.html          |   29 +
 .../OtherControls/Scroller/sample1.html         |  120 +
 .../OtherControls/Scroller/sample2.html         |  120 +
 .../Scroller/srcview/SourceIndex.xml            |   53 +
 .../Scroller/srcview/SourceStyles.css           |  155 +
 .../Scroller/srcview/SourceTree.html            |  129 +
 .../OtherControls/Scroller/srcview/index.html   |   32 +
 .../srcview/source/assets/backpack.jpg.html     |   28 +
 .../srcview/source/assets/boots.jpg.html        |   28 +
 .../Scroller/srcview/source/readme.html         |   29 +
 .../Scroller/srcview/source/sample1.mxml.html   |   83 +
 .../Scroller/srcview/source/sample2.mxml.html   |   90 +
 .../srcview/source/skins/MyPanelSkin.mxml.html  |  106 +
 .../srcview/source/skins/TDFPanelSkin.mxml.html |  178 +
 .../Scroller/srcview/src/readme.html            |   29 +
 .../Scroller/srcview/src/sample1.mxml           |   75 +
 .../Scroller/srcview/src/sample2.mxml           |   83 +
 .../Scroller/srcview/src/skins/MyPanelSkin.mxml |   99 +
 .../srcview/src/skins/TDFPanelSkin.mxml         |  171 +
 .../UIControls/OtherControls/Slider/sample.html |  121 +
 .../Slider/srcview/SourceIndex.xml              |   47 +
 .../Slider/srcview/SourceStyles.css             |  155 +
 .../Slider/srcview/SourceTree.html              |  129 +
 .../OtherControls/Slider/srcview/index.html     |   32 +
 .../Slider/srcview/source/sample.mxml.html      |   75 +
 .../srcview/source/skins/TDFPanelSkin.mxml.html |  137 +
 .../Slider/srcview/src/sample.mxml              |   67 +
 .../Slider/srcview/src/skins/TDFPanelSkin.mxml  |  130 +
 .../OtherControls/Spinner/sample.html           |  121 +
 .../Spinner/srcview/SourceIndex.xml             |   48 +
 .../Spinner/srcview/SourceStyles.css            |  155 +
 .../Spinner/srcview/SourceTree.html             |  129 +
 .../OtherControls/Spinner/srcview/index.html    |   32 +
 .../Spinner/srcview/source/sample.mxml.html     |   58 +
 .../srcview/source/skins/MyPanelSkin.mxml.html  |  107 +
 .../srcview/source/skins/TDFPanelSkin.mxml.html |  138 +
 .../Spinner/srcview/src/sample.mxml             |   50 +
 .../Spinner/srcview/src/skins/MyPanelSkin.mxml  |   99 +
 .../Spinner/srcview/src/skins/TDFPanelSkin.mxml |  130 +
 .../VideoPlayer/assets/control_pause_blue.png   |  Bin 0 -> 721 bytes
 .../VideoPlayer/assets/control_play_blue.png    |  Bin 0 -> 717 bytes
 .../VideoPlayer/assets/control_stop_blue.png    |  Bin 0 -> 695 bytes
 .../VideoPlayer/assets/icon_close.png           |  Bin 0 -> 59707 bytes
 .../OtherControls/VideoPlayer/sample1.html      |  120 +
 .../VideoPlayer/srcview/.fxpProperties          |   29 +
 .../VideoPlayer/srcview/SourceIndex.xml         |   53 +
 .../VideoPlayer/srcview/SourceStyles.css        |  155 +
 .../VideoPlayer/srcview/SourceTree.html         |  129 +
 .../VideoPlayer/srcview/index.html              |   32 +
 .../source/assets/control_pause_blue.png        |  Bin 0 -> 721 bytes
 .../source/assets/control_pause_blue.png.html   |   28 +
 .../srcview/source/assets/control_play_blue.png |  Bin 0 -> 717 bytes
 .../source/assets/control_play_blue.png.html    |   28 +
 .../srcview/source/assets/control_stop_blue.png |  Bin 0 -> 695 bytes
 .../source/assets/control_stop_blue.png.html    |   28 +
 .../srcview/source/assets/icon_close.png        |  Bin 0 -> 59707 bytes
 .../srcview/source/assets/icon_close.png.html   |   28 +
 .../srcview/source/sample1.mxml.html            |   76 +
 .../srcview/source/skins/TDFPanelSkin.mxml.html |  179 +
 .../srcview/src/assets/control_pause_blue.png   |  Bin 0 -> 721 bytes
 .../srcview/src/assets/control_play_blue.png    |  Bin 0 -> 717 bytes
 .../srcview/src/assets/control_stop_blue.png    |  Bin 0 -> 695 bytes
 .../srcview/src/assets/icon_close.png           |  Bin 0 -> 59707 bytes
 .../VideoPlayer/srcview/src/sample1.mxml        |   68 +
 .../srcview/src/skins/TDFPanelSkin.mxml         |  171 +
 .../TreeListAndGridControls/List/sample.html    |  120 +
 .../List/srcview/SourceIndex.xml                |   56 +
 .../List/srcview/SourceStyles.css               |  155 +
 .../List/srcview/SourceTree.html                |  129 +
 .../List/srcview/index.html                     |   32 +
 .../List/srcview/source/Item.as.html            |   69 +
 .../srcview/source/MyListItemRenderer.mxml.html |   47 +
 .../srcview/source/assets/backpack.jpg.html     |   28 +
 .../List/srcview/source/assets/boots.jpg.html   |   28 +
 .../List/srcview/source/assets/compass.jpg.html |   28 +
 .../List/srcview/source/assets/goggles.jpg.html |   28 +
 .../List/srcview/source/assets/helmet.jpg.html  |   28 +
 .../List/srcview/source/sample.mxml.html        |  109 +
 .../srcview/source/skins/TDFPanelSkin.mxml.html |  138 +
 .../List/srcview/src/Item.as                    |   62 +
 .../List/srcview/src/MyListItemRenderer.mxml    |   39 +
 .../List/srcview/src/sample.mxml                |  102 +
 .../List/srcview/src/skins/TDFPanelSkin.mxml    |  130 +
 .../flex4samples/flex4-readme-new.html          |   56 +
 .../flex4samples/flex4-readme-new_cn.html       |   54 +
 .../flex4samples/flex4-readme.html              |   55 +
 .../flex4samples/icons/Accordion.png            |  Bin 0 -> 313 bytes
 .../flex4samples/icons/AdvancedDataGrid.png     |  Bin 0 -> 286 bytes
 .../icons/ApplicationControlBar.png             |  Bin 0 -> 355 bytes
 .../flex4samples/icons/AreaChart.png            |  Bin 0 -> 28450 bytes
 .../flex4samples/icons/BarChart.png             |  Bin 0 -> 27977 bytes
 .../flex4samples/icons/BorderContainer.png      |  Bin 0 -> 296 bytes
 .../flex4samples/icons/Box.png                  |  Bin 0 -> 649 bytes
 .../flex4samples/icons/BubbleChart.png          |  Bin 0 -> 28333 bytes
 .../flex4samples/icons/Button.png               |  Bin 0 -> 483 bytes
 .../flex4samples/icons/ButtonBar.png            |  Bin 0 -> 472 bytes
 .../flex4samples/icons/CandlestickChart.png     |  Bin 0 -> 28043 bytes
 .../flex4samples/icons/Canvas.png               |  Bin 0 -> 814 bytes
 .../flex4samples/icons/CheckBox.png             |  Bin 0 -> 670 bytes
 .../flex4samples/icons/ColorPicker.png          |  Bin 0 -> 576 bytes
 .../flex4samples/icons/ColumnChart.png          |  Bin 0 -> 27888 bytes
 .../flex4samples/icons/ComboBox.png             |  Bin 0 -> 392 bytes
 .../flex4samples/icons/ControlBar.png           |  Bin 0 -> 510 bytes
 .../flex4samples/icons/DataGrid.png             |  Bin 0 -> 397 bytes
 .../flex4samples/icons/DataGroup.png            |  Bin 0 -> 814 bytes
 .../flex4samples/icons/DateChooser.png          |  Bin 0 -> 395 bytes
 .../flex4samples/icons/DateField.png            |  Bin 0 -> 483 bytes
 .../flex4samples/icons/DividedBox.png           |  Bin 0 -> 635 bytes
 .../flex4samples/icons/DropDownList.png         |  Bin 0 -> 498 bytes
 .../flex4samples/icons/Form.png                 |  Bin 0 -> 28456 bytes
 .../flex4samples/icons/FormHeading.png          |  Bin 0 -> 654 bytes
 .../flex4samples/icons/FormItem.png             |  Bin 0 -> 658 bytes
 .../flex4samples/icons/Grid.png                 |  Bin 0 -> 927 bytes
 .../flex4samples/icons/Group.png                |  Bin 0 -> 814 bytes
 .../flex4samples/icons/HBox.png                 |  Bin 0 -> 555 bytes
 .../flex4samples/icons/HDividedBox.png          |  Bin 0 -> 635 bytes
 .../flex4samples/icons/HGroup.png               |  Bin 0 -> 555 bytes
 .../flex4samples/icons/HLOCChart.png            |  Bin 0 -> 27635 bytes
 .../flex4samples/icons/HRule.png                |  Bin 0 -> 230 bytes
 .../flex4samples/icons/HScrollBar.png           |  Bin 0 -> 372 bytes
 .../flex4samples/icons/HSlider.png              |  Bin 0 -> 393 bytes
 .../flex4samples/icons/HorizontalList.png       |  Bin 0 -> 488 bytes
 .../flex4samples/icons/Image.png                |  Bin 0 -> 28453 bytes
 .../flex4samples/icons/Label.png                |  Bin 0 -> 401 bytes
 .../flex4samples/icons/Legend.png               |  Bin 0 -> 27899 bytes
 .../flex4samples/icons/LineChart.png            |  Bin 0 -> 28572 bytes
 .../flex4samples/icons/LinkBar.png              |  Bin 0 -> 369 bytes
 .../flex4samples/icons/LinkButton.png           |  Bin 0 -> 390 bytes
 .../flex4samples/icons/List.png                 |  Bin 0 -> 382 bytes
 .../flex4samples/icons/Menu.png                 |  Bin 0 -> 507 bytes
 .../flex4samples/icons/MenuBar.png              |  Bin 0 -> 539 bytes
 .../flex4samples/icons/ModuleLoader.png         |  Bin 0 -> 1308 bytes
 .../flex4samples/icons/NumericStepper.png       |  Bin 0 -> 463 bytes
 .../flex4samples/icons/Panel.png                |  Bin 0 -> 537 bytes
 .../flex4samples/icons/PieChart.png             |  Bin 0 -> 28781 bytes
 .../flex4samples/icons/PlotChart.png            |  Bin 0 -> 28167 bytes
 .../flex4samples/icons/ProgressBar.png          |  Bin 0 -> 313 bytes
 .../flex4samples/icons/RadioButton.png          |  Bin 0 -> 719 bytes
 .../flex4samples/icons/RadioButtonGroup.png     |  Bin 0 -> 637 bytes
 .../flex4samples/icons/RichEditableText.png     |  Bin 0 -> 1462 bytes
 .../flex4samples/icons/RichText.png             |  Bin 0 -> 505 bytes
 .../flex4samples/icons/RichTextEditor.png       |  Bin 0 -> 28465 bytes
 .../flex4samples/icons/SWFLoader.png            |  Bin 0 -> 766 bytes
 .../flex4samples/icons/Scroller.png             |  Bin 0 -> 1235 bytes
 .../flex4samples/icons/SkinnableContainer.png   |  Bin 0 -> 1319 bytes
 .../icons/SkinnableDataContainer.png            |  Bin 0 -> 814 bytes
 .../flex4samples/icons/Spacer.png               |  Bin 0 -> 405 bytes
 .../flex4samples/icons/Spinner.png              |  Bin 0 -> 1291 bytes
 .../flex4samples/icons/TabBar.png               |  Bin 0 -> 370 bytes
 .../flex4samples/icons/TabNavigator.png         |  Bin 0 -> 369 bytes
 .../flex4samples/icons/Text.png                 |  Bin 0 -> 505 bytes
 .../flex4samples/icons/TextArea.png             |  Bin 0 -> 409 bytes
 .../flex4samples/icons/TextInput.png            |  Bin 0 -> 374 bytes
 .../flex4samples/icons/Tile.png                 |  Bin 0 -> 871 bytes
 .../flex4samples/icons/TileGroup.png            |  Bin 0 -> 610 bytes
 .../flex4samples/icons/TileList.png             |  Bin 0 -> 488 bytes
 .../flex4samples/icons/TitleWindow.png          |  Bin 0 -> 542 bytes
 .../flex4samples/icons/ToggleButton.png         |  Bin 0 -> 1275 bytes
 .../flex4samples/icons/Tree.png                 |  Bin 0 -> 373 bytes
 .../flex4samples/icons/VBox.png                 |  Bin 0 -> 649 bytes
 .../flex4samples/icons/VDividedBox.png          |  Bin 0 -> 576 bytes
 .../flex4samples/icons/VGroup.png               |  Bin 0 -> 649 bytes
 .../flex4samples/icons/VRule.png                |  Bin 0 -> 252 bytes
 .../flex4samples/icons/VScrollBar.png           |  Bin 0 -> 425 bytes
 .../flex4samples/icons/VSlider.png              |  Bin 0 -> 448 bytes
 .../flex4samples/icons/VideoDisplay.png         |  Bin 0 -> 721 bytes
 .../flex4samples/icons/VideoPlayer.png          |  Bin 0 -> 721 bytes
 .../flex4samples/icons/ViewStack.png            |  Bin 0 -> 375 bytes
 .../SampleAccelerometer.mxml.html               |   95 +
 .../SampleAccelerometer/main.mxml.html          |   37 +
 .../SampleAccelerometer/phone_accelerometer.png |  Bin 0 -> 128053 bytes
 .../BackMenuSearch.png                          |  Bin 0 -> 68647 bytes
 .../SampleBackMenuSearchEvent.mxml.html         |   86 +
 .../SampleCameraCapture.mxml.html               |   99 +
 .../SampleBackMenuSearchEvent/main.mxml.html    |   37 +
 .../phone_backmenusearchevent.png               |  Bin 0 -> 116621 bytes
 .../SampleCamera/SampleCamera-app.txt           |   26 +
 .../SampleCamera/SampleCamera.mxml.html         |   65 +
 .../flexmobile/SampleCamera/main.mxml.html      |   37 +
 .../flexmobile/SampleCamera/phone_camera.png    |  Bin 0 -> 237358 bytes
 .../flexmobile/SampleCamera/raw-camera.png      |  Bin 0 -> 350136 bytes
 .../SampleCameraCapture.mxml.html               |   98 +
 .../SampleCameraCapture/callout_tablet.png      |  Bin 0 -> 132587 bytes
 .../SampleCameraCapture/cameraCapture.png       |  Bin 0 -> 36288 bytes
 .../SampleCameraCapture/cameraCapture2.png      |  Bin 0 -> 342532 bytes
 .../SampleCameraCapture/cameraCapture3.png      |  Bin 0 -> 238183 bytes
 .../SampleCameraCapture/main.mxml.html          |   37 +
 .../phone_cameracaptureall.png                  |  Bin 0 -> 311000 bytes
 .../SampleCameraRoll/SampleCameraRoll.mxml.html |   90 +
 .../flexmobile/SampleCameraRoll/cameraRoll1.png |  Bin 0 -> 20713 bytes
 .../flexmobile/SampleCameraRoll/main.mxml.html  |   37 +
 .../ContextMenuPanelSkin.mxml.html              |  289 +
 .../SampleContextMenu.mxml.html                 |  141 +
 .../SampleContextMenu/contextMenu.png           |  Bin 0 -> 41067 bytes
 .../flexmobile/SampleContextMenu/images_cm.html |   36 +
 .../SampleContextMenu/launchpad_account.png     |  Bin 0 -> 49166 bytes
 .../SampleContextMenu/launchpad_activity.png    |  Bin 0 -> 29647 bytes
 .../SampleContextMenu/launchpad_add.png         |  Bin 0 -> 737 bytes
 .../SampleContextMenu/launchpad_calendar.png    |  Bin 0 -> 494 bytes
 .../flexmobile/SampleContextMenu/main.mxml.html |   37 +
 .../SampleContextMenu/phone_contextmenu.png     |  Bin 0 -> 108966 bytes
 .../SampleFullScreen/SampleFullScreen.mxml.html |   56 +
 .../flexmobile/SampleFullScreen/fullScreen1.png |  Bin 0 -> 17617 bytes
 .../flexmobile/SampleFullScreen/fullScreen2.png |  Bin 0 -> 31648 bytes
 .../flexmobile/SampleFullScreen/fullscreen.jpg  |  Bin 0 -> 108438 bytes
 .../flexmobile/SampleFullScreen/main.mxml.html  |   37 +
 .../SampleFullScreen/phone_fullscreenall.png    |  Bin 0 -> 97982 bytes
 .../SampleGeolocation/Geolocation.png           |  Bin 0 -> 82765 bytes
 .../SampleGeolocation.mxml.html                 |   99 +
 .../flexmobile/SampleGeolocation/main.mxml.html |   37 +
 .../SampleGeolocation/phone_geolocation.png     |  Bin 0 -> 128299 bytes
 .../SampleGesture/SampleGesture.mxml.html       |  103 +
 .../SampleGesture/images_gesture.html           |   30 +
 .../flexmobile/SampleGesture/main.mxml.html     |   37 +
 .../SampleHTMLContent.mxml.html                 |   80 +
 .../SampleHTMLContent/htmlcontent.png           |  Bin 0 -> 75947 bytes
 .../flexmobile/SampleHTMLContent/main.mxml.html |   37 +
 .../SampleHTMLContent/phone_htmlcontent.png     |  Bin 0 -> 113212 bytes
 .../SampleMicrophone/SampleMicrophone-app.txt   |   26 +
 .../SampleMicrophone/SampleMicrophone.mxml.html |  179 +
 .../flexmobile/SampleMicrophone/main.mxml.html  |   37 +
 .../flexmobile/SampleMicrophone/microphone.png  |  Bin 0 -> 81450 bytes
 .../SampleMicrophone/phone_microphone.png       |  Bin 0 -> 121295 bytes
 .../SampleMobileAppAnatomy.mxml.html            |  113 +
 .../SampleMobileAppAnatomy/images_maa.html      |   30 +
 .../SampleMobileAppAnatomy/launchpad_home.png   |  Bin 0 -> 52862 bytes
 .../SampleMobileAppAnatomy/main.mxml.html       |   41 +
 .../mobile_app_anatomy.png                      |  Bin 0 -> 77134 bytes
 .../phone_mobileappanatomy.png                  |  Bin 0 -> 127813 bytes
 .../SampleMultitouch/SampleMultitouch.mxml.html |  160 +
 .../flexmobile/SampleMultitouch/main.mxml.html  |   37 +
 .../flexmobile/SampleMultitouch/multitouch.png  |  Bin 0 -> 73558 bytes
 .../SampleMultitouch/phone_multitouch.png       |  Bin 0 -> 119445 bytes
 .../SampleNetworkInfo/SampleNetworkInfo-app.txt |   27 +
 .../SampleNetworkInfo/SampleNetworkInfo-app.xml |   28 +
 .../SampleNetworkInfo.mxml.html                 |   78 +
 .../flexmobile/SampleNetworkInfo/main.mxml.html |   37 +
 .../SampleNetworkInfo/networkInfo.png           |  Bin 0 -> 59712 bytes
 .../SampleNetworkInfo/phone_networkinfo.png     |  Bin 0 -> 113053 bytes
 .../SampleRotateScreen.mxml.html                |   74 +
 .../SampleRotateScreen/main.mxml.html           |   37 +
 .../phone_rotatescreenall.png                   |  Bin 0 -> 128236 bytes
 .../SampleRotateScreen/rotateScreen1.png        |  Bin 0 -> 36414 bytes
 .../SampleRotateScreen/rotateScreen2.png        |  Bin 0 -> 64614 bytes
 .../SampleRotateScreen/rotatescreen.jpg         |  Bin 0 -> 251096 bytes
 .../flexmobile/SampleSMS/SMS-Tel.png            |  Bin 0 -> 60975 bytes
 .../flexmobile/SampleSMS/SampleSMS.mxml.html    |   66 +
 .../flexmobile/SampleSMS/main.mxml.html         |   37 +
 .../flexmobile/SampleSMS/phone_smstel.png       |  Bin 0 -> 112468 bytes
 .../SampleSimpleDB/SampleSimpleDB.mxml.html     |   87 +
 .../flexmobile/SampleSimpleDB/localDB.png       |  Bin 0 -> 24353 bytes
 .../flexmobile/SampleSimpleDB/main.mxml.html    |   37 +
 .../SampleSimpleDB/phone_simpledb.png           |  Bin 0 -> 87320 bytes
 .../flexmobile/SourceStyles.css                 |  155 +
 TourDeFlex/TourDeFlex_content/icons/world1.png  |  Bin 0 -> 332 bytes
 TourDeFlex/TourDeFlex_content/icons/world2.png  |  Bin 0 -> 366 bytes
 .../introduction/getstarted.html                |   26 +
 .../introduction/resources.html                 |   26 +
 .../introduction/whatsflex.html                 |   26 +
 .../introduction/whatspossible.html             |   26 +
 .../remotesamples/AIRIdle/AIRIdle.mxml.html     |  152 +
 .../FlexGrocer/.fxpProperties                   |   29 +
 .../FlexGrocer_1/.fxpProperties                 |   29 +
 .../FlexGrocer_2/.fxpProperties                 |   29 +
 .../FlexGrocer_3/.fxpProperties                 |   29 +
 .../remotesamples/AIRIdle/airidle.html          |   38 +
 .../remotesamples/AlexUhlmann/README.html       |   21 +
 .../remotesamples/AlexUhlmann/README_cn.html    |   22 +
 .../AlexUhlmann/SimpleFlipTransition.html       |  137 +
 .../AlexUhlmann/SimpleManualFlip.html           |  137 +
 .../remotesamples/AlexUhlmann/ViewStack3D.html  |  137 +
 .../AlexUhlmann/srcview/SourceIndex.xml         |   60 +
 .../AlexUhlmann/srcview/SourceStyles.css        |  146 +
 .../AlexUhlmann/srcview/SourceTree.html         |  137 +
 .../AlexUhlmann/srcview/downloadIcon.png        |  Bin 0 -> 1133 bytes
 .../AlexUhlmann/srcview/index.html              |   32 +
 .../source/SimpleFlipTransition.mxml.html       |   80 +
 .../srcview/source/SimpleManualFlip.mxml.html   |   95 +
 .../srcview/source/ViewStack3D.mxml.html        |   55 +
 .../com/adobe/ac/controls/ViewStack3D.as.html   |   89 +
 .../source/distortion/ButtonSkin3D.as.html      |   58 +
 .../source/distortion/DistortionLab.mxml.html   |  423 ++
 .../source/distortion/SimpleFlip.mxml.html      |   66 +
 .../distortion/SimpleFlipHideEffect.mxml.html   |   57 +
 .../distortion/SimpleFlipTransition.mxml.html   |   80 +
 .../distortion/SimpleManualFlip.mxml.html       |   95 +
 .../srcview/source/distortion/Skins3D.mxml.html |   46 +
 .../source/distortion/ViewStack3D.mxml.html     |   56 +
 .../source/view/distortion/ButtonSkin3D.as.html |   58 +
 .../view/distortion/DistortionLab.mxml.html     |  423 ++
 .../source/view/distortion/SimpleFlip.mxml.html |   66 +
 .../distortion/SimpleFlipHideEffect.mxml.html   |   57 +
 .../distortion/SimpleFlipTransition.mxml.html   |   80 +
 .../view/distortion/SimpleManualFlip.mxml.html  |   95 +
 .../source/view/distortion/Skins3D.mxml.html    |   46 +
 .../view/distortion/ViewStack3D.mxml.html       |   56 +
 .../source/view/sides/Calendar.mxml.html        |   35 +
 .../srcview/source/view/sides/Login.mxml.html   |   56 +
 .../source/view/sides/ProductList.mxml.html     |   41 +
 .../source/view/sides/QuickSearch.mxml.html     |   48 +
 .../source/view/sides/Registration.mxml.html    |   65 +
 .../srcview/source/view/sides/Search.mxml.html  |   59 +
 .../srcview/src/SimpleFlipTransition.mxml       |   72 +
 .../srcview/src/SimpleManualFlip.mxml           |   87 +
 .../AlexUhlmann/srcview/src/ViewStack3D.mxml    |   47 +
 .../src/com/adobe/ac/controls/ViewStack3D.as    |   81 +
 .../srcview/src/distortion/ButtonSkin3D.as      |   50 +
 .../srcview/src/distortion/DistortionLab.mxml   |  415 ++
 .../srcview/src/distortion/SimpleFlip.mxml      |   58 +
 .../src/distortion/SimpleFlipHideEffect.mxml    |   49 +
 .../src/distortion/SimpleFlipTransition.mxml    |   72 +
 .../src/distortion/SimpleManualFlip.mxml        |   87 +
 .../srcview/src/distortion/Skins3D.mxml         |   38 +
 .../srcview/src/distortion/ViewStack3D.mxml     |   48 +
 .../srcview/src/view/distortion/ButtonSkin3D.as |   50 +
 .../src/view/distortion/DistortionLab.mxml      |  415 ++
 .../srcview/src/view/distortion/SimpleFlip.mxml |   58 +
 .../view/distortion/SimpleFlipHideEffect.mxml   |   49 +
 .../view/distortion/SimpleFlipTransition.mxml   |   72 +
 .../src/view/distortion/SimpleManualFlip.mxml   |   87 +
 .../srcview/src/view/distortion/Skins3D.mxml    |   38 +
 .../src/view/distortion/ViewStack3D.mxml        |   48 +
 .../srcview/src/view/sides/Calendar.mxml        |   27 +
 .../srcview/src/view/sides/Login.mxml           |   48 +
 .../srcview/src/view/sides/ProductList.mxml     |   33 +
 .../srcview/src/view/sides/QuickSearch.mxml     |   40 +
 .../srcview/src/view/sides/Registration.mxml    |   57 +
 .../srcview/src/view/sides/Search.mxml          |   51 +
 .../remotesamples/Amazon/main.html              |   47 +
 .../remotesamples/Amazon/main.mxml.html         |  100 +
 .../remotesamples/Cocomo/main.html              |   47 +
 .../remotesamples/Cocomo/main.mxml.html         |  163 +
 .../readme.html                                 |   29 +
 .../Async-Message-Filtering/readme.html         |   28 +
 .../Client-Level-Data-Throttling/readme.html    |   29 +
 .../Custom-Authentication/readme.html           |   29 +
 .../DataManagementOnlineResources.html          |   44 +
 .../readme.html                                 |   29 +
 .../DataAccess/OnlineResources.html             |   50 +
 .../DataAccess/ReliableMessaging/readme.html    |   34 +
 .../remotesamples/DataAccess/chat/chat.html     |   78 +
 .../remotesamples/DataAccess/chat/main.css      |  138 +
 .../remotesamples/DataAccess/chat/readme.html   |   19 +
 .../DataAccess/chat/readme_cn.html              |   19 +
 .../DataAccess/chat/srcview/SourceIndex.xml     |   29 +
 .../DataAccess/chat/srcview/SourceStyles.css    |  146 +
 .../DataAccess/chat/srcview/SourceTree.html     |  137 +
 .../DataAccess/chat/srcview/downloadIcon.png    |  Bin 0 -> 1133 bytes
 .../DataAccess/chat/srcview/index.html          |   32 +
 .../chat/srcview/source/chat.mxml.html          |   93 +
 .../chat/srcview/source/main.css.html           |  148 +
 .../srcview/source/messaging-config.xml.txt     |  114 +
 .../DataAccess/chat/srcview/source/readme.html  |   19 +
 .../DataAccess/chat/srcview/src/chat.mxml       |   70 +
 .../DataAccess/chat/srcview/src/main.css        |  138 +
 .../DataAccess/chat/srcview/src/readme.html     |   19 +
 .../DataAccess/chat_channels/chat_channels.html |   77 +
 .../chat_channels/srcview/SourceIndex.xml       |   27 +
 .../chat_channels/srcview/SourceStyles.css      |  146 +
 .../chat_channels/srcview/SourceTree.html       |  137 +
 .../chat_channels/srcview/downloadIcon.png      |  Bin 0 -> 1133 bytes
 .../DataAccess/chat_channels/srcview/index.html |   32 +
 .../srcview/source/chat_channels.mxml.html      |  103 +
 .../srcview/source/messaging-config.xml.txt     |  114 +
 .../srcview/src/chat_channels.mxml              |   95 +
 .../dashboard/srcview/SourceIndex.xml           |   40 +
 .../dashboard/srcview/SourceStyles.css          |  146 +
 .../dashboard/srcview/SourceTree.html           |  137 +
 .../dashboard/srcview/downloadIcon.png          |  Bin 0 -> 1133 bytes
 .../DataAccess/dashboard/srcview/index.html     |   32 +
 .../srcview/source/tdfdashboard.mxml.html       |   76 +
 .../dashboard/srcview/src/tdfdashboard.mxml     |   68 +
 .../DataAccess/dashboard/tdfdashboard.html      |  137 +
 .../datamanagement2/datamanagement2.html        |   78 +
 .../datamanagement2/srcview/SourceIndex.xml     |   28 +
 .../datamanagement2/srcview/SourceStyles.css    |  146 +
 .../datamanagement2/srcview/SourceTree.html     |  137 +
 .../datamanagement2/srcview/downloadIcon.png    |  Bin 0 -> 1133 bytes
 .../datamanagement2/srcview/index.html          |   32 +
 .../srcview/source/Product.as.html              |   53 +
 .../source/data-management-config.xml.txt       |  182 +
 .../srcview/source/datamanagement2.mxml.html    |   96 +
 .../datamanagement2/srcview/src/Product.as      |   44 +
 .../srcview/src/datamanagement2.mxml            |   84 +
 .../datamanagement_assemblers_custom/main.css   |  138 +
 .../readme.html                                 |   48 +
 .../sample.html                                 |  137 +
 .../srcview/SourceIndex.xml                     |   43 +
 .../srcview/SourceStyles.css                    |  146 +
 .../srcview/SourceTree.html                     |  137 +
 .../srcview/downloadIcon.png                    |  Bin 0 -> 1133 bytes
 .../srcview/index.html                          |   32 +
 .../srcview/source/Product.as.html              |   53 +
 .../source/data-management-config.xml.txt       |   34 +
 .../srcview/source/main.css.html                |  148 +
 .../srcview/source/readme.html                  |   48 +
 .../srcview/source/sample.mxml.html             |   64 +
 .../srcview/src/Product.as                      |   44 +
 .../srcview/src/data-management-config.xml      |   34 +
 .../srcview/src/main.css                        |  138 +
 .../srcview/src/readme.html                     |   48 +
 .../srcview/src/sample.mxml                     |   56 +
 .../Contact.hbm.xml                             |   38 +
 .../hibernate.cfg.xml                           |   52 +
 .../main.css                                    |  138 +
 .../readme.html                                 |   39 +
 .../sample.html                                 |  137 +
 .../srcview/SourceIndex.xml                     |   44 +
 .../srcview/SourceStyles.css                    |  146 +
 .../srcview/SourceTree.html                     |  137 +
 .../srcview/downloadIcon.png                    |  Bin 0 -> 1133 bytes
 .../srcview/index.html                          |   32 +
 .../srcview/source/Contact.hbm.xml.txt          |   38 +
 .../source/data-management-config.xml.txt       |   42 +
 .../srcview/source/hibernate.cfg.xml.txt        |   52 +
 .../srcview/source/main.css.html                |  148 +
 .../srcview/source/readme.html                  |   39 +
 .../srcview/source/sample.mxml.html             |   62 +
 .../srcview/src/Contact.hbm.xml                 |   38 +
 .../srcview/src/data-management-config.xml      |   42 +
 .../srcview/src/hibernate.cfg.xml               |   52 +
 .../srcview/src/main.css                        |  138 +
 .../srcview/src/readme.html                     |   39 +
 .../srcview/src/sample.mxml                     |   54 +
 .../datamanagement_assemblers_sql/main.css      |  138 +
 .../datamanagement_assemblers_sql/readme.html   |   40 +
 .../datamanagement_assemblers_sql/sample.html   |  137 +
 .../srcview/SourceIndex.xml                     |   44 +
 .../srcview/SourceStyles.css                    |  146 +
 .../srcview/SourceTree.html                     |  137 +
 .../srcview/downloadIcon.png                    |  Bin 0 -> 1133 bytes
 .../srcview/index.html                          |   32 +
 .../source/data-management-config.xml.txt       |  124 +
 .../srcview/source/main.css.html                |  148 +
 .../srcview/source/readme.html                  |   40 +
 .../srcview/source/sample.mxml.html             |   63 +
 .../srcview/src/data-management-config.xml      |  124 +
 .../srcview/src/main.css                        |  138 +
 .../srcview/src/readme.html                     |   39 +
 .../srcview/src/sample.mxml                     |   55 +
 .../datamanagement_associations.html            |   78 +
 .../srcview/SourceIndex.xml                     |   33 +
 .../srcview/SourceStyles.css                    |  146 +
 .../srcview/SourceTree.html                     |  137 +
 .../srcview/downloadIcon.png                    |  Bin 0 -> 1133 bytes
 .../srcview/index.html                          |   32 +
 .../srcview/source/Account.as.html              |   57 +
 .../srcview/source/AccountCategory.as.html      |   37 +
 .../srcview/source/Contact.as.html              |   60 +
 .../srcview/source/Industry.as.html             |   37 +
 .../srcview/source/SalesRep.as.html             |   43 +
 .../srcview/source/State.as.html                |   37 +
 .../source/data-management-config.xml.txt       |  182 +
 .../datamanagement_associations.mxml.html       |  108 +
 .../srcview/src/Account.as                      |   49 +
 .../srcview/src/AccountCategory.as              |   28 +
 .../srcview/src/Contact.as                      |   52 +
 .../srcview/src/Industry.as                     |   28 +
 .../srcview/src/SalesRep.as                     |   34 +
 .../srcview/src/State.as                        |   28 +
 .../src/datamanagement_associations.mxml        |   96 +
 .../datamanagement_basics.html                  |   78 +
 .../DataAccess/datamanagement_basics/main.css   |  138 +
 .../datamanagement_basics/readme.html           |   37 +
 .../datamanagement_basics/readme_cn.html        |   37 +
 .../srcview/SourceIndex.xml                     |   30 +
 .../srcview/SourceStyles.css                    |  146 +
 .../srcview/SourceTree.html                     |  137 +
 .../srcview/downloadIcon.png                    |  Bin 0 -> 1133 bytes
 .../datamanagement_basics/srcview/index.html    |   32 +
 .../srcview/source/Product.as.html              |   53 +
 .../source/data-management-config.xml.txt       |  182 +
 .../source/datamanagement_basics.mxml.html      |   73 +
 .../srcview/source/main.css.html                |  148 +
 .../srcview/source/readme.html                  |   37 +
 .../srcview/src/Product.as                      |   44 +
 .../srcview/src/datamanagement_basics.mxml      |   61 +
 .../datamanagement_basics/srcview/src/main.css  |  138 +
 .../srcview/src/readme.html                     |   37 +
 .../datamanagement_paging.html                  |   78 +
 .../srcview/SourceIndex.xml                     |   40 +
 .../srcview/SourceStyles.css                    |  146 +
 .../srcview/SourceTree.html                     |  137 +
 .../srcview/downloadIcon.png                    |  Bin 0 -> 1133 bytes
 .../datamanagement_paging/srcview/index.html    |   32 +
 .../srcview/source/CensusEntry.as.html          |   46 +
 .../source/data-management-config.xml.txt       |   46 +
 .../source/datamanagement_paging.mxml.html      |   47 +
 .../srcview/src/CensusEntry.as                  |   38 +
 .../srcview/src/datamanagement_paging.mxml      |   39 +
 .../datamanagement_simple_update/invoker.html   |   77 +
 .../datamanagement_simple_update/main.css       |  138 +
 .../datamanagement_simple_update/readme.html    |   57 +
 .../datamanagement_simple_update/readme_cn.html |   37 +
 .../datamanagement_simple_update/sample.html    |   77 +
 .../datamanagement_simple_update/screenshot.png |  Bin 0 -> 19128 bytes
 .../srcview/SourceIndex.xml                     |   46 +
 .../srcview/SourceStyles.css                    |  146 +
 .../srcview/SourceTree.html                     |  137 +
 .../srcview/downloadIcon.png                    |  Bin 0 -> 1133 bytes
 .../srcview/index.html                          |   32 +
 .../srcview/source/Product.as.html              |   51 +
 .../source/data-management-config.xml.txt       |   40 +
 .../srcview/source/invoker.mxml.html            |   57 +
 .../srcview/source/main.css.html                |  148 +
 .../srcview/source/readme.html                  |   57 +
 .../srcview/source/sample.mxml.html             |   70 +
 .../srcview/source/screenshot.png               |  Bin 0 -> 19128 bytes
 .../srcview/source/screenshot.png.html          |   28 +
 .../srcview/src/Product.as                      |   42 +
 .../srcview/src/data-management-config.xml      |   40 +
 .../srcview/src/invoker.mxml                    |   49 +
 .../srcview/src/main.css                        |  138 +
 .../srcview/src/readme.html                     |   57 +
 .../srcview/src/sample.mxml                     |   62 +
 .../srcview/src/screenshot.png                  |  Bin 0 -> 19128 bytes
 .../datamanagement_update/invoker.html          |   66 +
 .../DataAccess/datamanagement_update/main.css   |  138 +
 .../datamanagement_update/readme.html           |   63 +
 .../datamanagement_update/sample.html           |   66 +
 .../datamanagement_update/screenshot.png        |  Bin 0 -> 34233 bytes
 .../srcview/SourceIndex.xml                     |   45 +
 .../srcview/SourceStyles.css                    |  146 +
 .../srcview/SourceTree.html                     |  137 +
 .../srcview/downloadIcon.png                    |  Bin 0 -> 1133 bytes
 .../datamanagement_update/srcview/index.html    |   32 +
 .../srcview/source/Product.as.html              |   51 +
 .../source/data-management-config.xml.txt       |   46 +
 .../srcview/source/invoker.mxml.html            |   57 +
 .../srcview/source/main.css.html                |  148 +
 .../srcview/source/readme.html                  |   63 +
 .../srcview/source/sample.mxml.html             |  156 +
 .../srcview/source/screenshot.png               |  Bin 0 -> 34233 bytes
 .../srcview/source/screenshot.png.html          |   28 +
 .../srcview/src/Product.as                      |   42 +
 .../srcview/src/data-management-config.xml      |   46 +
 .../srcview/src/invoker.mxml                    |   49 +
 .../datamanagement_update/srcview/src/main.css  |  138 +
 .../srcview/src/readme.html                     |   63 +
 .../srcview/src/sample.mxml                     |  148 +
 .../srcview/src/screenshot.png                  |  Bin 0 -> 34233 bytes
 .../DataAccess/httpservice_basics/catalog.xml   |  274 +
 .../httpservice_basics/httpservice_basics.html  |   78 +
 .../DataAccess/httpservice_basics/main.css      |  138 +
 .../DataAccess/httpservice_basics/readme.html   |   28 +
 .../httpservice_basics/readme_cn.html           |   28 +
 .../httpservice_basics/srcview/SourceIndex.xml  |   30 +
 .../httpservice_basics/srcview/SourceStyles.css |  146 +
 .../httpservice_basics/srcview/SourceTree.html  |  137 +
 .../httpservice_basics/srcview/downloadIcon.png |  Bin 0 -> 1133 bytes
 .../httpservice_basics/srcview/index.html       |   32 +
 .../srcview/source/catalog.xml.txt              |  274 +
 .../srcview/source/httpservice_basics.mxml.html |   43 +
 .../srcview/source/main.css.html                |  148 +
 .../srcview/source/readme.html                  |   28 +
 .../httpservice_basics/srcview/src/catalog.xml  |  274 +
 .../srcview/src/httpservice_basics.mxml         |   35 +
 .../httpservice_basics/srcview/src/main.css     |  138 +
 .../httpservice_basics/srcview/src/readme.html  |   28 +
 .../httpservice_e4x/httpservice_e4x.html        |   78 +
 .../DataAccess/httpservice_e4x/items.xml        |   46 +
 .../DataAccess/httpservice_e4x/main.css         |  138 +
 .../DataAccess/httpservice_e4x/readme.html      |   28 +
 .../httpservice_e4x/srcview/SourceIndex.xml     |   30 +
 .../httpservice_e4x/srcview/SourceStyles.css    |  146 +
 .../httpservice_e4x/srcview/SourceTree.html     |  137 +
 .../httpservice_e4x/srcview/downloadIcon.png    |  Bin 0 -> 1133 bytes
 .../httpservice_e4x/srcview/index.html          |   32 +
 .../srcview/source/httpservice_e4x.mxml.html    |   65 +
 .../srcview/source/items.xml.txt                |   46 +
 .../srcview/source/main.css.html                |  148 +
 .../httpservice_e4x/srcview/source/readme.html  |   28 +
 .../srcview/src/httpservice_e4x.mxml            |   57 +
 .../httpservice_e4x/srcview/src/items.xml       |   46 +
 .../httpservice_e4x/srcview/src/main.css        |  138 +
 .../httpservice_e4x/srcview/src/readme.html     |   28 +
 .../DataAccess/httpservice_events/catalog.xml   |  274 +
 .../httpservice_events/httpservice_events.html  |   78 +
 .../DataAccess/httpservice_events/main.css      |  138 +
 .../DataAccess/httpservice_events/readme.html   |   26 +
 .../httpservice_events/srcview/SourceIndex.xml  |   28 +
 .../httpservice_events/srcview/SourceStyles.css |  146 +
 .../httpservice_events/srcview/SourceTree.html  |  137 +
 .../httpservice_events/srcview/downloadIcon.png |  Bin 0 -> 1133 bytes
 .../httpservice_events/srcview/index.html       |   32 +
 .../srcview/source/catalog.xml.txt              |  274 +
 .../srcview/source/httpservice_events.mxml.html |   72 +
 .../srcview/source/main.css.html                |  148 +
 .../srcview/source/readme.html                  |   26 +
 .../httpservice_events/srcview/src/catalog.xml  |  274 +
 .../srcview/src/httpservice_events.mxml         |   64 +
 .../httpservice_proxy/httpservice_proxy.html    |   78 +
 .../DataAccess/httpservice_proxy/main.css       |  138 +
 .../DataAccess/httpservice_proxy/readme.html    |   35 +
 .../DataAccess/httpservice_proxy/readme_cn.html |   35 +
 .../httpservice_proxy/srcview/SourceIndex.xml   |   29 +
 .../httpservice_proxy/srcview/SourceStyles.css  |  146 +
 .../httpservice_proxy/srcview/SourceTree.html   |  137 +
 .../httpservice_proxy/srcview/downloadIcon.png  |  Bin 0 -> 1133 bytes
 .../httpservice_proxy/srcview/index.html        |   32 +
 .../srcview/source/httpservice_proxy.mxml.html  |   54 +
 .../srcview/source/main.css.html                |  148 +
 .../srcview/source/proxy-config.xml.txt         |   59 +
 .../srcview/source/readme.html                  |   35 +
 .../srcview/src/httpservice_proxy.mxml          |   42 +
 .../httpservice_proxy/srcview/src/main.css      |  138 +
 .../httpservice_proxy/srcview/src/readme.html   |   35 +
 .../DataAccess/httpservice_rest_json/main.css   |  138 +
 .../httpservice_rest_json/readme.html           |   32 +
 .../httpservice_rest_json/readme_cn.html        |   28 +
 .../httpservice_rest_json/sample.html           |  137 +
 .../httpservice_rest_json/sample2.html          |  137 +
 .../srcview/SourceIndex.xml                     |   43 +
 .../srcview/SourceStyles.css                    |  146 +
 .../srcview/SourceTree.html                     |  137 +
 .../srcview/downloadIcon.png                    |  Bin 0 -> 1133 bytes
 .../httpservice_rest_json/srcview/index.html    |   32 +
 .../srcview/source/main.css.html                |  148 +
 .../srcview/source/readme.html                  |   32 +
 .../srcview/source/sample.mxml.html             |   99 +
 .../srcview/source/sample2.mxml.html            |  104 +
 .../httpservice_rest_json/srcview/src/main.css  |  138 +
 .../srcview/src/readme.html                     |   32 +
 .../srcview/src/sample.mxml                     |   91 +
 .../srcview/src/sample2.mxml                    |   96 +
 .../lcds_pdfgen_custom_holly/contact.pdf        |  Bin 0 -> 149579 bytes
 .../lcds_pdfgen_custom_holly/contact.xdp        |  644 ++
 .../lcds_pdfgen_custom_holly/contact_data.xml   |   29 +
 .../lcds_pdfgen_custom_holly/main.css           |  138 +
 .../lcds_pdfgen_custom_holly/readme.html        |   64 +
 .../lcds_pdfgen_custom_holly/sample.html        |  137 +
 .../srcview/SourceIndex.xml                     |   45 +
 .../srcview/SourceStyles.css                    |  146 +
 .../srcview/SourceTree.html                     |  137 +
 .../srcview/downloadIcon.png                    |  Bin 0 -> 1133 bytes
 .../lcds_pdfgen_custom_holly/srcview/index.html |   32 +
 .../srcview/source/contact.pdf                  |  Bin 0 -> 149579 bytes
 .../srcview/source/contact.xdp                  |  644 ++
 .../srcview/source/contact_data.xml.txt         |   29 +
 .../srcview/source/main.css.html                |  148 +
 .../srcview/source/readme.html                  |   64 +
 .../srcview/source/remoting-config.xml.txt      |   38 +
 .../srcview/source/sample.mxml.html             |  113 +
 .../srcview/src/contact.pdf                     |  Bin 0 -> 149579 bytes
 .../srcview/src/contact.xdp                     |  644 ++
 .../srcview/src/contact_data.xml                |   29 +
 .../srcview/src/main.css                        |  138 +
 .../srcview/src/readme.html                     |   64 +
 .../srcview/src/remoting-config.xml             |   38 +
 .../srcview/src/sample.mxml                     |  105 +
 .../messaging_collaboration/invoker.html        |   66 +
 .../messaging_collaboration/readme.html         |   35 +
 .../messaging_collaboration/sample.html         |   66 +
 .../messaging_collaboration/screenshot.png      |  Bin 0 -> 15855 bytes
 .../srcview/SourceIndex.xml                     |   44 +
 .../srcview/SourceStyles.css                    |  146 +
 .../srcview/SourceTree.html                     |  137 +
 .../srcview/downloadIcon.png                    |  Bin 0 -> 1133 bytes
 .../messaging_collaboration/srcview/index.html  |   32 +
 .../srcview/source/invoker.mxml.html            |   59 +
 .../srcview/source/messaging-config.xml.txt     |   40 +
 .../srcview/source/readme.html                  |   35 +
 .../srcview/source/sample.mxml.html             |  190 +
 .../srcview/source/screenshot.png               |  Bin 0 -> 15855 bytes
 .../srcview/source/screenshot.png.html          |   28 +
 .../srcview/src/invoker.mxml                    |   51 +
 .../srcview/src/messaging-config.xml            |   40 +
 .../srcview/src/readme.html                     |   35 +
 .../srcview/src/sample.mxml                     |  182 +
 .../srcview/src/screenshot.png                  |  Bin 0 -> 15855 bytes
 .../messaging_trader/srcview/SourceIndex.xml    |   45 +
 .../messaging_trader/srcview/SourceStyles.css   |  146 +
 .../messaging_trader/srcview/SourceTree.html    |  137 +
 .../messaging_trader/srcview/downloadIcon.png   |  Bin 0 -> 1133 bytes
 .../messaging_trader/srcview/index.html         |   32 +
 .../source/BackgroundColorRenderer.as.html      |   63 +
 .../srcview/source/ColorRenderer.as.html        |   48 +
 .../srcview/source/Feed.java.txt                |   87 +
 .../srcview/source/main.css.html                |   39 +
 .../srcview/source/messaging-config.xml.txt     |   61 +
 .../messaging_trader/srcview/source/readme.html |   36 +
 .../source/samples/portfolio/Stock.as.html      |   44 +
 .../srcview/source/startFeed.html               |   22 +
 .../srcview/source/startfeed.txt                |   28 +
 .../srcview/source/stopFeed.html                |   20 +
 .../srcview/source/stopfeed.txt                 |   28 +
 .../srcview/source/traderdesktop.mxml.html      |  249 +
 .../srcview/src/BackgroundColorRenderer.as      |   55 +
 .../srcview/src/ColorRenderer.as                |   40 +
 .../messaging_trader/srcview/src/main.css       |   28 +
 .../srcview/src/samples/portfolio/Stock.as      |   35 +
 .../srcview/src/traderdesktop.mxml              |  241 +
 .../messaging_trader/traderdesktop.html         |  137 +
 .../DataAccess/pdfgeneration_lcds/company.pdf   |  Bin 0 -> 113408 bytes
 .../DataAccess/pdfgeneration_lcds/company.xdp   |  294 +
 .../DataAccess/pdfgeneration_lcds/main.css      |  138 +
 .../DataAccess/pdfgeneration_lcds/pdfgen.html   |  137 +
 .../DataAccess/pdfgeneration_lcds/readme.html   |   41 +
 .../pdfgeneration_lcds/srcview/SourceIndex.xml  |   50 +
 .../pdfgeneration_lcds/srcview/SourceStyles.css |  146 +
 .../pdfgeneration_lcds/srcview/SourceTree.html  |  137 +
 .../pdfgeneration_lcds/srcview/downloadIcon.png |  Bin 0 -> 1133 bytes
 .../pdfgeneration_lcds/srcview/index.html       |   32 +
 .../srcview/source/BalanceSheet.mxml.html       |   76 +
 .../srcview/source/Earnings.mxml.html           |   68 +
 .../srcview/source/company.pdf                  |  Bin 0 -> 113408 bytes
 .../srcview/source/company.xdp                  |  294 +
 .../srcview/source/main.css.html                |  148 +
 .../srcview/source/pdfgen.mxml.html             |  150 +
 .../srcview/source/readme.html                  |   41 +
 .../srcview/source/sample.mxml.html             |  121 +
 .../srcview/source/styles.css.html              |   65 +
 .../srcview/src/BalanceSheet.mxml               |   68 +
 .../srcview/src/Earnings.mxml                   |   60 +
 .../pdfgeneration_lcds/srcview/src/company.pdf  |  Bin 0 -> 113408 bytes
 .../pdfgeneration_lcds/srcview/src/company.xdp  |  294 +
 .../pdfgeneration_lcds/srcview/src/main.css     |  138 +
 .../pdfgeneration_lcds/srcview/src/pdfgen.mxml  |  142 +
 .../pdfgeneration_lcds/srcview/src/readme.html  |   41 +
 .../pdfgeneration_lcds/srcview/src/sample.mxml  |  113 +
 .../pdfgeneration_lcds/srcview/src/styles.css   |   55 +
 .../DataAccess/pdfgeneration_lcds/styles.css    |   55 +
 .../DataAccess/remoteobject_basics/main.css     |  138 +
 .../DataAccess/remoteobject_basics/readme.html  |   35 +
 .../remoteobject_basics/readme_cn.html          |   29 +
 .../remoteobject_basics.html                    |   78 +
 .../remoteobject_basics/srcview/SourceIndex.xml |   29 +
 .../srcview/SourceStyles.css                    |  146 +
 .../remoteobject_basics/srcview/SourceTree.html |  137 +
 .../srcview/downloadIcon.png                    |  Bin 0 -> 1133 bytes
 .../remoteobject_basics/srcview/index.html      |   32 +
 .../srcview/source/main.css.html                |  148 +
 .../srcview/source/readme.html                  |   27 +
 .../source/remoteobject_basics.mxml.html        |   58 +
 .../srcview/source/remoting-config.xml.txt      |   73 +
 .../remoteobject_basics/srcview/src/main.css    |  138 +
 .../remoteobject_basics/srcview/src/readme.html |   27 +
 .../srcview/src/remoteobject_basics.mxml        |   39 +
 .../remoteobject_channels.html                  |   78 +
 .../srcview/SourceIndex.xml                     |   27 +
 .../srcview/SourceStyles.css                    |  146 +
 .../srcview/SourceTree.html                     |  137 +
 .../srcview/downloadIcon.png                    |  Bin 0 -> 1133 bytes
 .../remoteobject_channels/srcview/index.html    |   32 +
 .../source/remoteobject_channels.mxml.html      |   73 +
 .../srcview/source/remoting-config.xml.txt      |   73 +
 .../srcview/src/remoteobject_channels.mxml      |   65 +
 .../remoteobject_events.html                    |   78 +
 .../remoteobject_events/srcview/SourceIndex.xml |   27 +
 .../srcview/SourceStyles.css                    |  146 +
 .../remoteobject_events/srcview/SourceTree.html |  137 +
 .../srcview/downloadIcon.png                    |  Bin 0 -> 1133 bytes
 .../remoteobject_events/srcview/index.html      |   32 +
 .../source/remoteobject_events.mxml.html        |   79 +
 .../srcview/source/remoting-config.xml.txt      |   73 +
 .../srcview/src/remoteobject_events.mxml        |   67 +
 .../DataAccess/remoteobject_java_basic/main.css |  138 +
 .../remoteobject_java_basic/readme.html         |   41 +
 .../remoteobject_java_basic/readme_cn.html      |   35 +
 .../remoteobject_java_basic/sample.html         |  137 +
 .../srcview/SourceIndex.xml                     |   42 +
 .../srcview/SourceStyles.css                    |  146 +
 .../srcview/SourceTree.html                     |  137 +
 .../srcview/downloadIcon.png                    |  Bin 0 -> 1133 bytes
 .../remoteobject_java_basic/srcview/index.html  |   32 +
 .../srcview/source/main.css.html                |  148 +
 .../srcview/source/readme.html                  |   41 +
 .../srcview/source/remoting-config.xml.txt      |   52 +
 .../srcview/source/sample.mxml.html             |   89 +
 .../srcview/src/main.css                        |  138 +
 .../srcview/src/readme.html                     |   41 +
 .../srcview/src/remoting-config.xml             |   52 +
 .../srcview/src/sample.mxml                     |   81 +
 .../DataAccess/remoteobject_java_typed/main.css |  138 +
 .../remoteobject_java_typed/readme.html         |   41 +
 .../remoteobject_java_typed/readme_cn.html      |   35 +
 .../remoteobject_java_typed/sample.html         |  137 +
 .../srcview/SourceIndex.xml                     |   43 +
 .../srcview/SourceStyles.css                    |  146 +
 .../srcview/SourceTree.html                     |  137 +
 .../srcview/downloadIcon.png                    |  Bin 0 -> 1133 bytes
 .../remoteobject_java_typed/srcview/index.html  |   32 +
 .../srcview/source/User.as.html                 |   47 +
 .../srcview/source/main.css.html                |  148 +
 .../srcview/source/readme.html                  |   41 +
 .../srcview/source/remoting-config.xml.txt      |   52 +
 .../srcview/source/sample.mxml.html             |   97 +
 .../remoteobject_java_typed/srcview/src/User.as |   38 +
 .../srcview/src/main.css                        |  138 +
 .../srcview/src/readme.html                     |   41 +
 .../srcview/src/remoting-config.xml             |   52 +
 .../srcview/src/sample.mxml                     |   89 +
 .../server-source-code/flex/hibernate.cfg.xml   |   52 +
 .../flex/samples/contact-custom/BaseDAO.java    |  199 +
 .../samples/contact-custom/BaseDAO.java.txt     |  201 +
 .../contact-custom/ConcurrencyException.java    |   37 +
 .../ConcurrencyException.java.txt               |   39 +
 .../contact-custom/ConnectionHelper.java        |   59 +
 .../contact-custom/ConnectionHelper.java.txt    |   61 +
 .../flex/samples/contact-custom/Contact.java    |  100 +
 .../samples/contact-custom/Contact.java.txt     |  102 +
 .../contact-custom/ContactAssembler.java        |   86 +
 .../contact-custom/ContactAssembler.java.txt    |   88 +
 .../flex/samples/contact-custom/ContactDAO.java |  116 +
 .../samples/contact-custom/ContactDAO.java.txt  |  118 +
 .../samples/contact-custom/DAOException.java    |   38 +
 .../contact-custom/DAOException.java.txt        |   40 +
 .../samples/contact-hibernate/Contact.hbm.xml   |   38 +
 .../flex/samples/contact-hibernate/Contact.java |  102 +
 .../samples/contact-hibernate/Contact.java.txt  |  104 +
 .../pdfgen_contact/PDFResourceServlet.java      |   63 +
 .../pdfgen_contact/PDFResourceServlet.java.txt  |   65 +
 .../flex/samples/pdfgen_contact/PDFService.java |   65 +
 .../samples/pdfgen_contact/PDFService.java.txt  |   67 +
 .../samples/pdfgen_contact/XDPXFAService.java   |   62 +
 .../pdfgen_contact/XDPXFAService.java.txt       |   64 +
 .../flex/samples/product2/BaseDAO.java          |  188 +
 .../flex/samples/product2/BaseDAO.java.txt      |  190 +
 .../samples/product2/ConcurrencyException.java  |   38 +
 .../product2/ConcurrencyException.java.txt      |   40 +
 .../flex/samples/product2/Product.java          |  111 +
 .../flex/samples/product2/Product.java.txt      |  113 +
 .../flex/samples/product2/ProductAssembler.java |  115 +
 .../samples/product2/ProductAssembler.java.txt  |  117 +
 .../flex/samples/product2/ProductDAO.java       |  127 +
 .../flex/samples/product2/ProductDAO.java.txt   |  129 +
 .../flex/samples/user/User.java                 |   64 +
 .../flex/samples/user/User.java.txt             |   66 +
 .../flex/samples/user/UserService.java          |  106 +
 .../flex/samples/user/UserService.java.txt      |  108 +
 .../tdfhistory/srcview/SourceIndex.xml          |   27 +
 .../tdfhistory/srcview/SourceStyles.css         |  146 +
 .../tdfhistory/srcview/SourceTree.html          |  137 +
 .../tdfhistory/srcview/downloadIcon.png         |  Bin 0 -> 1133 bytes
 .../DataAccess/tdfhistory/srcview/index.html    |   32 +
 .../srcview/source/tdfhistory.mxml.html         |   74 +
 .../tdfhistory/srcview/src/tdfhistory.mxml      |   66 +
 .../DataAccess/tdfhistory/tdfhistory.html       |  137 +
 .../.model/Sample_Data_webservice_basics.fml    |  169 +
 .../webservice_basics/srcview/SourceIndex.xml   |   39 +
 .../webservice_basics/srcview/SourceStyles.css  |  155 +
 .../webservice_basics/srcview/SourceTree.html   |  129 +
 .../webservice_basics/srcview/index.html        |   32 +
 .../srcview/source/webservice_basics.mxml.html  |   59 +
 .../srcview/src/webservice_basics.mxml          |   51 +
 .../webservice_basics/webservice_basics.html    |   78 +
 .../DataAccess/webservice_proxy/readme.html     |   16 +
 .../webservice_proxy/srcview/SourceIndex.xml    |   28 +
 .../webservice_proxy/srcview/SourceStyles.css   |  146 +
 .../webservice_proxy/srcview/SourceTree.html    |  137 +
 .../webservice_proxy/srcview/downloadIcon.png   |  Bin 0 -> 1133 bytes
 .../webservice_proxy/srcview/index.html         |   32 +
 .../srcview/source/proxy-config.xml.txt         |   59 +
 .../webservice_proxy/srcview/source/readme.html |   16 +
 .../srcview/source/webservice_proxy.mxml.html   |   52 +
 .../webservice_proxy/srcview/src/readme.html    |   16 +
 .../srcview/src/webservice_proxy.mxml           |   40 +
 .../webservice_proxy/webservice_proxy.html      |   78 +
 .../remotesamples/Ebay/demo.html                |   47 +
 .../remotesamples/Ebay/demo.mxml.html           |  142 +
 .../remotesamples/Ebay/profiledemo.html         |   47 +
 .../remotesamples/Ebay/profiledemo.mxml.html    |  180 +
 .../remotesamples/Facebook/sample1/index.html   |  137 +
 .../Facebook/sample1/srcview/SourceIndex.xml    |   40 +
 .../Facebook/sample1/srcview/SourceStyles.css   |  146 +
 .../Facebook/sample1/srcview/SourceTree.html    |  137 +
 .../Facebook/sample1/srcview/downloadIcon.png   |  Bin 0 -> 1133 bytes
 .../Facebook/sample1/srcview/index.html         |   32 +
 .../srcview/source/facebookhelloworld.mxml.html |  102 +
 .../sample1/srcview/src/facebookhelloworld.mxml |   94 +
 .../remotesamples/Facebook/sample2/index.html   |  137 +
 .../Facebook/sample2/srcview/SourceIndex.xml    |   40 +
 .../Facebook/sample2/srcview/SourceStyles.css   |  146 +
 .../Facebook/sample2/srcview/SourceTree.html    |  137 +
 .../Facebook/sample2/srcview/downloadIcon.png   |  Bin 0 -> 1133 bytes
 .../Facebook/sample2/srcview/index.html         |   32 +
 .../srcview/source/facebookgetfriends.mxml.html |  169 +
 .../sample2/srcview/src/facebookgetfriends.mxml |  161 +
 .../remotesamples/FlickR/FlickrSample.html      |   45 +
 .../FlickR/srcview/SourceIndex.xml              |   31 +
 .../FlickR/srcview/SourceStyles.css             |  146 +
 .../FlickR/srcview/SourceTree.html              |  137 +
 .../FlickR/srcview/downloadIcon.png             |  Bin 0 -> 1133 bytes
 .../remotesamples/FlickR/srcview/index.html     |   32 +
 .../srcview/source/FlickrSample.mxml.html       |  153 +
 .../FlickR/srcview/src/FlickrSample.mxml        |  145 +
 .../remotesamples/GoogleSearch/main.html        |   45 +
 .../GoogleSearch/srcview/SourceIndex.xml        |   30 +
 .../GoogleSearch/srcview/SourceStyles.css       |  146 +
 .../GoogleSearch/srcview/SourceTree.html        |  137 +
 .../GoogleSearch/srcview/downloadIcon.png       |  Bin 0 -> 1133 bytes
 .../GoogleSearch/srcview/index.html             |   32 +
 .../GoogleSearch/srcview/source/main.mxml.html  |   84 +
 .../GoogleSearch/srcview/src/main.mxml          |   76 +
 .../remotesamples/SourceStyles.css              |  146 +
 .../TourDeFlexDashboard/index.html              |  137 +
 .../TourDeFlexDashboard/readme-datagrid.html    |   31 +
 .../TourDeFlexDashboard/readme.html             |   29 +
 .../TourDeFlexDashboard/srcview/SourceIndex.xml |   37 +
 .../srcview/SourceStyles.css                    |  146 +
 .../TourDeFlexDashboard/srcview/SourceTree.html |  137 +
 .../srcview/downloadIcon.png                    |  Bin 0 -> 1133 bytes
 .../TourDeFlexDashboard/srcview/index.html      |   32 +
 .../srcview/source/tdfdashboard.mxml.html       |   77 +
 .../srcview/src/tdfdashboard.mxml               |   69 +
 .../TourDeFlexDashboard/tdfdashboard.html       |  137 +
 .../remotesamples/Twitter/TwitterSample.html    |  137 +
 .../Twitter/srcview/SourceIndex.xml             |   30 +
 .../Twitter/srcview/SourceStyles.css            |  146 +
 .../Twitter/srcview/SourceTree.html             |  137 +
 .../Twitter/srcview/downloadIcon.png            |  Bin 0 -> 1133 bytes
 .../remotesamples/Twitter/srcview/index.html    |   32 +
 .../srcview/source/TwitterSample.mxml.html      |   99 +
 .../Twitter/srcview/src/TwitterSample.mxml      |   91 +
 .../appliness/cssanimation/webkeyframes.html    |  126 +
 .../remotesamples/comingsoon.html               |   21 +
 .../TraderDesktopAdmin/TraderDesktopAdmin.html  |  137 +
 .../traderdesktop/TraderDesktopAdmin/config.xml |   25 +
 .../TraderDesktopWeb/TraderDesktopWeb.html      |  137 +
 .../TraderDesktopWeb/assets/blank.png           |  Bin 0 -> 46171 bytes
 .../TraderDesktopWeb/assets/calendar.png        |  Bin 0 -> 675 bytes
 .../TraderDesktopWeb/assets/chart_bar.png       |  Bin 0 -> 541 bytes
 .../TraderDesktopWeb/assets/chart_line.png      |  Bin 0 -> 526 bytes
 .../assets/chart_organisation.png               |  Bin 0 -> 444 bytes
 .../TraderDesktopWeb/assets/chart_pie.png       |  Bin 0 -> 918 bytes
 .../TraderDesktopWeb/assets/cog.png             |  Bin 0 -> 512 bytes
 .../TraderDesktopWeb/assets/key.png             |  Bin 0 -> 612 bytes
 .../TraderDesktopWeb/assets/search.png          |  Bin 0 -> 53407 bytes
 .../TraderDesktopWeb/assets/transparent.png     |  Bin 0 -> 46174 bytes
 .../TraderDesktopWeb/assets/user_suit.png       |  Bin 0 -> 748 bytes
 .../traderdesktop/TraderDesktopWeb/config.xml   |   25 +
 .../mobile/TraderDesktopMobile.html             |  137 +
 .../traderdesktop/mobile/assets/blank.png       |  Bin 0 -> 46171 bytes
 .../mobile/assets/button_bar_first.png          |  Bin 0 -> 52342 bytes
 .../mobile/assets/button_bar_first_over.png     |  Bin 0 -> 52520 bytes
 .../mobile/assets/button_bar_last.png           |  Bin 0 -> 51520 bytes
 .../mobile/assets/button_bar_last_over.png      |  Bin 0 -> 52731 bytes
 .../mobile/assets/button_bar_middle.png         |  Bin 0 -> 49560 bytes
 .../mobile/assets/button_bar_middle_over.png    |  Bin 0 -> 50870 bytes
 .../traderdesktop/mobile/assets/calendar.png    |  Bin 0 -> 675 bytes
 .../traderdesktop/mobile/assets/chart_bar.png   |  Bin 0 -> 541 bytes
 .../traderdesktop/mobile/assets/chart_curve.png |  Bin 0 -> 710 bytes
 .../traderdesktop/mobile/assets/chart_line.png  |  Bin 0 -> 526 bytes
 .../mobile/assets/chart_organisation.png        |  Bin 0 -> 444 bytes
 .../traderdesktop/mobile/assets/chart_pie.png   |  Bin 0 -> 918 bytes
 .../traderdesktop/mobile/assets/cog.png         |  Bin 0 -> 512 bytes
 .../traderdesktop/mobile/assets/key.png         |  Bin 0 -> 612 bytes
 .../traderdesktop/mobile/assets/search.png      |  Bin 0 -> 53407 bytes
 .../traderdesktop/mobile/assets/table.png       |  Bin 0 -> 493 bytes
 .../traderdesktop/mobile/assets/transparent.png |  Bin 0 -> 46174 bytes
 .../traderdesktop/mobile/assets/user_suit.png   |  Bin 0 -> 748 bytes
 .../traderdesktop/mobile/config.xml             |   25 +
 .../traderdesktop/mobile/styles.css             |   71 +
 .../3rdParty/Acrobat/AirShareM6.mxml.html       |  283 +
 .../3rdParty/Acrobat/ProgressRenderer.mxml.html |   47 +
 .../samples/3rdParty/EbayCarousel/main.html     |   47 +
 .../3rdParty/EbayCarousel/main.mxml.html        |  147 +
 .../Google/GoogleMapsAIR/GoogleMaps1.mxml.html  |   90 +
 .../samples/3rdParty/Google/SourceStyles.css    |  146 +
 .../3rdParty/Intuit/OpenBugsGauge.mxml.html     |   59 +
 .../3rdParty/Intuit/WidgetPanel.mxml.html       |   90 +
 .../samples/3rdParty/Intuit/main.html           |   45 +
 .../samples/3rdParty/Intuit/main.mxml.html      |   60 +
 .../samples/3rdParty/Salesforce/main.html       |   45 +
 .../samples/3rdParty/Salesforce/main.mxml.html  |   63 +
 .../Scribd/GetMyDocListSample.mxml.html         |  132 +
 .../Scribd/SearchAllDocsSample.mxml.html        |  108 +
 .../SmugMug/UploadPhotoSample.mxml.html         |  141 +
 .../3rdParty/SmugMug/ViewAlbumsSample.mxml.html |  155 +
 .../samples/3rdParty/SourceStyles.css           |  146 +
 .../3rdParty/Twitter/TwitterSample.mxml.html    |  100 +
 .../samples/Accordion/Accordion.png             |  Bin 0 -> 313 bytes
 .../samples/Accordion/sample1.html              |   45 +
 .../samples/Accordion/sample1.mxml.html         |   62 +
 .../samples/AddItemActionEffect/sample1.html    |   45 +
 .../AddItemActionEffect/sample1.mxml.html       |   85 +
 .../AdvancedDataGrid/AdvancedDataGrid.png       |  Bin 0 -> 286 bytes
 .../samples/AdvancedDataGrid/sample1.html       |   45 +
 .../samples/AdvancedDataGrid/sample1.mxml.html  |   92 +
 .../TourDeFlex_content/samples/Alert/Alert.png  |  Bin 0 -> 591 bytes
 .../samples/Alert/sample1.html                  |   45 +
 .../samples/Alert/sample1.mxml.html             |  107 +
 .../AnimateProperty/final-sample/sample1.html   |   45 +
 .../final-sample/sample1.mxml.html              |   46 +
 .../samples/AnimateProperty/sample1.html        |   45 +
 .../samples/AnimateProperty/sample1.mxml.html   |   55 +
 .../samples/AnimateProperty/src/sample1.mxml    |   47 +
 .../ApplicationControlBar.png                   |  Bin 0 -> 355 bytes
 .../samples/ApplicationControlBar/sample1.html  |   45 +
 .../ApplicationControlBar/sample1.mxml.html     |   70 +
 .../samples/AreaChart/AreaChart.png             |  Bin 0 -> 28450 bytes
 .../samples/AreaChart/sample1.html              |   45 +
 .../samples/AreaChart/sample1.mxml.html         |   66 +
 .../samples/BarChart/BarChart.png               |  Bin 0 -> 27977 bytes
 .../samples/BarChart/sample1.html               |   45 +
 .../samples/BarChart/sample1.mxml.html          |   64 +
 .../samples/Blur/final-sample/sample1.html      |   45 +
 .../samples/Blur/final-sample/sample1.mxml.html |   48 +
 .../samples/Blur/sample1.html                   |   45 +
 .../samples/Blur/sample1.mxml.html              |   48 +
 .../samples/Blur/src/sample1.mxml               |   40 +
 .../samples/BubbleChart/BubbleChart.png         |  Bin 0 -> 28333 bytes
 .../samples/BubbleChart/sample1.html            |   45 +
 .../samples/BubbleChart/sample1.mxml.html       |   65 +
 .../samples/Button/Button.png                   |  Bin 0 -> 371 bytes
 .../samples/Button/assets/btn_disabled.png      |  Bin 0 -> 1260 bytes
 .../samples/Button/assets/btn_down.png          |  Bin 0 -> 1379 bytes
 .../samples/Button/assets/btn_focus.png         |  Bin 0 -> 1353 bytes
 .../samples/Button/assets/btn_over.png          |  Bin 0 -> 1311 bytes
 .../samples/Button/assets/btn_up.png            |  Bin 0 -> 1335 bytes
 .../samples/Button/histemp.html                 |   18 +
 .../samples/Button/sample1-backup.html          |   45 +
 .../samples/Button/sample1.html                 |   46 +
 .../samples/Button/sample1.mxml.html            |   57 +
 .../samples/Button/src/assets/btn_disabled.png  |  Bin 0 -> 1260 bytes
 .../samples/Button/src/assets/btn_down.png      |  Bin 0 -> 1379 bytes
 .../samples/Button/src/assets/btn_focus.png     |  Bin 0 -> 1353 bytes
 .../samples/Button/src/assets/btn_over.png      |  Bin 0 -> 1311 bytes
 .../samples/Button/src/assets/btn_up.png        |  Bin 0 -> 1335 bytes
 .../samples/Button/src/sample1.mxml             |   49 +
 .../samples/ButtonBar/ButtonBar.png             |  Bin 0 -> 472 bytes
 .../samples/ButtonBar/sample1.html              |   45 +
 .../samples/ButtonBar/sample1.mxml.html         |   65 +
 .../CandlestickChart/CandlestickChart.png       |  Bin 0 -> 28043 bytes
 .../samples/CandlestickChart/sample1.html       |   45 +
 .../samples/CandlestickChart/sample1.mxml.html  |   73 +
 .../samples/Canvas/Canvas.png                   |  Bin 0 -> 814 bytes
 .../samples/Canvas/sample1.html                 |   45 +
 .../samples/Canvas/sample1.mxml.html            |   50 +
 .../samples/CheckBox/CheckBox.png               |  Bin 0 -> 670 bytes
 .../samples/CheckBox/sample1.html               |   45 +
 .../samples/CheckBox/sample1.mxml.html          |   86 +
 .../samples/ColorPicker/ColorPicker.png         |  Bin 0 -> 576 bytes
 .../samples/ColorPicker/sample1.html            |   45 +
 .../samples/ColorPicker/sample1.mxml.html       |   42 +
 .../samples/ColumnChart/ColumnChart.png         |  Bin 0 -> 27888 bytes
 .../samples/ColumnChart/sample1.html            |   45 +
 .../samples/ColumnChart/sample1.mxml.html       |   64 +
 .../samples/ComboBox/ComboBox.png               |  Bin 0 -> 372 bytes
 .../samples/ComboBox/sample1.html               |   45 +
 .../samples/ComboBox/sample1.mxml.html          |   63 +
 .../samples/CreditCardValidator/sample1.html    |   45 +
 .../CreditCardValidator/sample1.mxml.html       |   75 +
 .../CreditCardValidator/validatoricon.png       |  Bin 0 -> 780 bytes
 .../samples/CurrencyFormatter/formattericon.png |  Bin 0 -> 841 bytes
 .../samples/CurrencyFormatter/sample1.html      |   45 +
 .../samples/CurrencyFormatter/sample1.mxml.html |   77 +
 .../samples/CurrencyValidator/sample1.html      |   45 +
 .../samples/CurrencyValidator/sample1.mxml.html |   53 +
 .../samples/CurrencyValidator/validatoricon.png |  Bin 0 -> 780 bytes
 .../samples/DataAccess/chat.png                 |  Bin 0 -> 622 bytes
 .../samples/DataAccess/genericdata.png          |  Bin 0 -> 607 bytes
 .../samples/DataAccess/remoting.png             |  Bin 0 -> 711 bytes
 .../samples/DataAccess/webservices.png          |  Bin 0 -> 652 bytes
 .../samples/DataGrid/DataGrid.png               |  Bin 0 -> 397 bytes
 .../samples/DataGrid/sample1.html               |   45 +
 .../samples/DataGrid/sample1.mxml.html          |   88 +
 .../samples/DateChooser/DateChooser.png         |  Bin 0 -> 395 bytes
 .../samples/DateChooser/sample1.html            |   45 +
 .../samples/DateChooser/sample1.mxml.html       |   72 +
 .../samples/DateField/DateField.png             |  Bin 0 -> 483 bytes
 .../samples/DateField/sample1.html              |   45 +
 .../samples/DateField/sample1.mxml.html         |   73 +
 .../samples/DateFormatter/formattericon.png     |  Bin 0 -> 841 bytes
 .../samples/DateFormatter/sample1.html          |   45 +
 .../samples/DateFormatter/sample1.mxml.html     |   74 +
 .../samples/DateValidator/sample1.html          |   45 +
 .../samples/DateValidator/sample1.mxml.html     |   59 +
 .../samples/DateValidator/validatoricon.png     |  Bin 0 -> 780 bytes
 .../samples/Dissolve/final-sample/sample1.html  |   45 +
 .../Dissolve/final-sample/sample1.mxml.html     |   50 +
 .../samples/Dissolve/sample1.html               |   45 +
 .../samples/Dissolve/sample1.mxml.html          |   50 +
 .../samples/Dissolve/src/sample1.mxml           |   42 +
 .../samples/DragTile/srcview/SourceIndex.xml    |   60 +
 .../samples/DragTile/srcview/SourceStyles.css   |  155 +
 .../samples/DragTile/srcview/SourceTree.html    |  137 +
 .../samples/DragTile/srcview/downloadIcon.png   |  Bin 0 -> 1133 bytes
 .../samples/DragTile/srcview/index.html         |   32 +
 .../DragTile/srcview/source/Alphabet.mxml.html  |   75 +
 .../source/AlphabetClasses/Alphabet.css.html    |   51 +
 .../source/AlphabetClasses/AlphabetBase.as.html |  113 +
 .../srcview/source/AlphabetTile.mxml.html       |   35 +
 .../DragTile/srcview/source/DragDrop.mxml.html  |  126 +
 .../DragTile/srcview/source/Player.mxml.html    |   36 +
 .../DragTile/srcview/source/TeamMgr.mxml.html   |  110 +
 .../srcview/source/data/players.xml.txt         |   39 +
 .../DragTile/srcview/source/img/person.png      |  Bin 0 -> 1380 bytes
 .../DragTile/srcview/source/img/person.png.html |   28 +
 .../DragTile/srcview/source/img/pieceTile.png   |  Bin 0 -> 10252 bytes
 .../srcview/source/img/pieceTile.png.html       |   28 +
 .../DragTile/srcview/source/img/player.png      |  Bin 0 -> 7666 bytes
 .../DragTile/srcview/source/img/player.png.html |   28 +
 .../samples/DragTile/srcview/source/img/sil.PNG |  Bin 0 -> 5206 bytes
 .../DragTile/srcview/source/img/sil.PNG.html    |   28 +
 .../DragTile/srcview/source/img/tile.gif.html   |   28 +
 .../source/qs/controls/BitmapTile.as.html       |  191 +
 .../source/qs/controls/CachedLabel.as.html      |  256 +
 .../srcview/source/qs/controls/DragTile.as.html |  603 ++
 .../source/qs/controls/LayoutAnimator.as.html   |   16 +
 .../source/qs/controls/LayoutTarget.as.html     |   16 +
 .../srcview/source/qs/controls/UIBitmap.as.html |   72 +
 .../qs/utils/AssociativeInstanceCache.as.html   |   16 +
 .../samples/DragTile/srcview/source/tile.png    |  Bin 0 -> 8025 bytes
 .../DragTile/srcview/source/tile.png.html       |   28 +
 .../samples/DragTile/srcview/src/Alphabet.mxml  |   67 +
 .../srcview/src/AlphabetClasses/Alphabet.css    |   40 +
 .../srcview/src/AlphabetClasses/AlphabetBase.as |  104 +
 .../DragTile/srcview/src/AlphabetTile.mxml      |   27 +
 .../samples/DragTile/srcview/src/DragDrop.mxml  |  118 +
 .../samples/DragTile/srcview/src/Player.mxml    |   28 +
 .../samples/DragTile/srcview/src/TeamMgr.mxml   |  102 +
 .../DragTile/srcview/src/data/players.xml       |   39 +
 .../samples/DragTile/srcview/src/img/person.png |  Bin 0 -> 1380 bytes
 .../DragTile/srcview/src/img/pieceTile.png      |  Bin 0 -> 10252 bytes
 .../samples/DragTile/srcview/src/img/player.png |  Bin 0 -> 7666 bytes
 .../samples/DragTile/srcview/src/img/sil.PNG    |  Bin 0 -> 5206 bytes
 .../srcview/src/qs/controls/BitmapTile.as       |  183 +
 .../srcview/src/qs/controls/CachedLabel.as      |  248 +
 .../srcview/src/qs/controls/DragTile.as         |  595 ++
 .../srcview/src/qs/controls/LayoutAnimator.as   |  386 ++
 .../srcview/src/qs/controls/LayoutTarget.as     |   79 +
 .../srcview/src/qs/controls/UIBitmap.as         |   64 +
 .../src/qs/utils/AssociativeInstanceCache.as    |  151 +
 .../samples/DragTile/srcview/src/tile.png       |  Bin 0 -> 8025 bytes
 .../samples/Effect/final-sample/sample1.html    |   45 +
 .../Effect/final-sample/sample1.mxml.html       |  121 +
 .../samples/Effect/sample1.html                 |   45 +
 .../samples/Effect/sample1.mxml.html            |  125 +
 .../samples/Effect/src/sample1.mxml             |  117 +
 .../samples/EmailValidator/sample1.html         |   45 +
 .../samples/EmailValidator/sample1.mxml.html    |   53 +
 .../samples/EmailValidator/validatoricon.png    |  Bin 0 -> 780 bytes
 .../samples/Fade/final-sample/sample1.html      |   45 +
 .../samples/Fade/final-sample/sample1.mxml.html |   47 +
 .../samples/Fade/sample1.html                   |   45 +
 .../samples/Fade/sample1.mxml.html              |   47 +
 .../samples/Fade/src/sample1.mxml               |   39 +
 .../TourDeFlex_content/samples/Form/Form.png    |  Bin 0 -> 28456 bytes
 .../samples/Form/sample1.html                   |   45 +
 .../samples/Form/sample1.mxml.html              |   84 +
 .../samples/Formatter/formattericon.png         |  Bin 0 -> 841 bytes
 .../samples/Formatter/sample1.html              |   45 +
 .../samples/Formatter/sample1.mxml.html         |   74 +
 .../samples/Glow/final-sample/sample1.html      |   45 +
 .../samples/Glow/final-sample/sample1.mxml.html |   45 +
 .../samples/Glow/sample1.html                   |   45 +
 .../samples/Glow/sample1.mxml.html              |   45 +
 .../samples/Glow/src/sample1.mxml               |   37 +
 .../TourDeFlex_content/samples/Grid/Grid.png    |  Bin 0 -> 927 bytes
 .../samples/Grid/sample1.html                   |   45 +
 .../samples/Grid/sample1.mxml.html              |   76 +
 .../samples/HDividedBox/HDividedBox.png         |  Bin 0 -> 635 bytes
 .../samples/HDividedBox/sample1.html            |   45 +
 .../samples/HDividedBox/sample1.mxml.html       |   50 +
 .../samples/HLOCChart/HLOCChart.png             |  Bin 0 -> 27635 bytes
 .../samples/HLOCChart/sample1.html              |   45 +
 .../samples/HLOCChart/sample1.mxml.html         |   72 +
 .../samples/HOWTO/CSS/sample1.html              |   45 +
 .../samples/HOWTO/CSS/sample1.mxml.html         |   41 +
 .../samples/HOWTO/CSS/sample2.html              |   45 +
 .../samples/HOWTO/CSS/sample2.mxml.html         |   45 +
 .../samples/HOWTO/Camera/main.html              |   45 +
 .../samples/HOWTO/Components/SearchBox.as.html  |  184 +
 .../HOWTO/Components/SearchBoxEvent.as.html     |   43 +
 .../samples/HOWTO/Components/SearchDemo.html    |   16 +
 .../HOWTO/Components/SearchDemo.mxml.html       |   74 +
 .../HOWTO/Components/VideoPlayer.mxml.html      |   86 +
 .../samples/HOWTO/Components/main.html          |   16 +
 .../samples/HOWTO/Components/main.mxml.html     |   37 +
 .../samples/HOWTO/CursorManagement/sample1.html |   45 +
 .../HOWTO/CursorManagement/sample1.mxml.html    |   43 +
 .../samples/HOWTO/CursorManagement/sample2.html |   45 +
 .../HOWTO/CursorManagement/sample2.mxml.html    |   61 +
 .../samples/HOWTO/DataBinding/readme.html       |   21 +
 .../samples/HOWTO/DataBinding/sample1.html      |   45 +
 .../samples/HOWTO/DataBinding/sample1.mxml.html |   36 +
 .../samples/HOWTO/DataBinding/sample2.html      |   45 +
 .../samples/HOWTO/DataBinding/sample2.mxml.html |   35 +
 .../samples/HOWTO/DataBinding/sample3.html      |   45 +
 .../samples/HOWTO/DataBinding/sample3.mxml.html |   35 +
 .../samples/HOWTO/DataBinding/sample4.html      |   45 +
 .../samples/HOWTO/DataBinding/sample4.mxml.html |   44 +
 .../samples/HOWTO/DataBinding/sample5.html      |   45 +
 .../samples/HOWTO/DataBinding/sample5.mxml.html |   46 +
 .../samples/HOWTO/DragAndDrop/readme.html       |   20 +
 .../samples/HOWTO/DragAndDrop/sample1.html      |   45 +
 .../samples/HOWTO/DragAndDrop/sample1.mxml.html |   47 +
 .../samples/HOWTO/DragAndDrop/sample2.html      |   45 +
 .../samples/HOWTO/DragAndDrop/sample2.mxml.html |   69 +
 .../HOWTO/Events/FiveSecondTrigger.as.html      |   52 +
 .../samples/HOWTO/Events/MyEvent.as.html        |   41 +
 .../samples/HOWTO/Events/readme.html            |   21 +
 .../samples/HOWTO/Events/sample1.html           |   45 +
 .../samples/HOWTO/Events/sample1.mxml.html      |   35 +
 .../samples/HOWTO/Events/sample2.html           |   45 +
 .../samples/HOWTO/Events/sample2.mxml.html      |   40 +
 .../samples/HOWTO/Events/sample3.html           |   45 +
 .../samples/HOWTO/Events/sample3.mxml.html      |   43 +
 .../samples/HOWTO/Events/sample4.html           |   45 +
 .../samples/HOWTO/Events/sample4.mxml.html      |   47 +
 .../samples/HOWTO/Events/sample5.html           |   45 +
 .../samples/HOWTO/Events/sample5.mxml.html      |   42 +
 .../samples/HOWTO/Events/sample6.html           |   45 +
 .../samples/HOWTO/Events/sample6.mxml.html      |   41 +
 .../HOWTO/ItemRenderer/ColorRenderer.as.html    |   50 +
 .../HOWTO/ItemRenderer/ImageRenderer.mxml.html  |   38 +
 .../samples/HOWTO/ItemRenderer/catalog.xml.txt  |  102 +
 .../samples/HOWTO/ItemRenderer/main.html        |   45 +
 .../samples/HOWTO/ItemRenderer/main.mxml.html   |  110 +
 .../HOWTO/Localization/ContactForm.mxml.html    |   50 +
 .../locale/en_EN/myResources.properties.txt     |   28 +
 .../locale/en_US/myResources.properties.txt     |   28 +
 .../locale/fr_FR/myResources.properties.txt     |   28 +
 .../HOWTO/Localization/localization.html        |   45 +
 .../HOWTO/Localization/localization.mxml.html   |   82 +
 .../samples/HOWTO/Modules/main.html             |   45 +
 .../samples/HOWTO/Modules/main.mxml.html        |   66 +
 .../samples/HOWTO/Modules/module1.mxml.html     |   32 +
 .../samples/HOWTO/Modules/module2.mxml.html     |   32 +
 .../samples/HOWTO/SourceStyles.css              |  146 +
 .../samples/HOWTO/StatesTransitions/readme.html |   21 +
 .../HOWTO/StatesTransitions/sample1.html        |   45 +
 .../HOWTO/StatesTransitions/sample1.mxml.html   |   82 +
 .../HOWTO/StatesTransitions/sample2.html        |   45 +
 .../HOWTO/StatesTransitions/sample2.mxml.html   |   94 +
 .../samples/HOWTO/ToolTips/sample1.html         |   45 +
 .../samples/HOWTO/ToolTips/sample1.mxml.html    |   45 +
 .../samples/HSlider/HSlider.png                 |  Bin 0 -> 393 bytes
 .../samples/HSlider/final-sample/HSlider.png    |  Bin 0 -> 393 bytes
 .../samples/HSlider/final-sample/sample1.html   |   45 +
 .../HSlider/final-sample/sample1.mxml.html      |   61 +
 .../samples/HSlider/final-sample/sample2.html   |   45 +
 .../HSlider/final-sample/sample2.mxml.html      |   66 +
 .../samples/HSlider/sample1.html                |   45 +
 .../samples/HSlider/sample1.mxml.html           |   69 +
 .../samples/HSlider/sample2.html                |   45 +
 .../samples/HSlider/sample2.mxml.html           |   74 +
 .../samples/HSlider/src/sample1.mxml            |   61 +
 .../samples/HSlider/src/sample2.mxml            |   66 +
 .../TourDeFlex_content/samples/Hbox/HBox.png    |  Bin 0 -> 555 bytes
 .../samples/Hbox/sample1.html                   |   45 +
 .../samples/Hbox/sample1.mxml.html              |   48 +
 .../samples/HorizontalList/HorizontalList.png   |  Bin 0 -> 488 bytes
 .../final-sample/HorizontalList.png             |  Bin 0 -> 488 bytes
 .../HorizontalList/final-sample/sample1.html    |   45 +
 .../final-sample/sample1.mxml.html              |   45 +
 .../samples/HorizontalList/sample1.html         |   45 +
 .../samples/HorizontalList/sample1.mxml.html    |   45 +
 .../samples/HorizontalList/src/sample1.mxml     |   37 +
 .../TourDeFlex_content/samples/Image/Image.png  |  Bin 0 -> 28453 bytes
 .../samples/Image/final-sample/Image.png        |  Bin 0 -> 28453 bytes
 .../samples/Image/final-sample/sample1.html     |   45 +
 .../Image/final-sample/sample1.mxml.html        |   45 +
 .../samples/Image/sample1.html                  |   45 +
 .../samples/Image/sample1.mxml.html             |   55 +
 .../samples/Image/src/sample1.mxml              |   47 +
 .../samples/Iris/final-sample/sample1.html      |   45 +
 .../samples/Iris/final-sample/sample1.mxml.html |   47 +
 .../samples/Iris/sample1.html                   |   45 +
 .../samples/Iris/sample1.mxml.html              |   47 +
 .../samples/Iris/src/sample1.mxml               |   39 +
 .../TourDeFlex_content/samples/Label/Label.png  |  Bin 0 -> 401 bytes
 .../samples/Label/sample1.html                  |   45 +
 .../samples/Label/sample1.mxml.html             |   56 +
 .../samples/LineChart/LineChart.png             |  Bin 0 -> 28572 bytes
 .../samples/LineChart/sample1.html              |   45 +
 .../samples/LineChart/sample1.mxml.html         |   66 +
 .../samples/LinkBar/LinkBar.png                 |  Bin 0 -> 369 bytes
 .../samples/LinkBar/sample1.html                |   45 +
 .../samples/LinkBar/sample1.mxml.html           |   74 +
 .../samples/LinkButton/LinkButton.png           |  Bin 0 -> 390 bytes
 .../samples/LinkButton/sample1.html             |   45 +
 .../samples/LinkButton/sample1.mxml.html        |   43 +
 .../LinkButton/src/assets/arrow_icon.png        |  Bin 0 -> 817 bytes
 .../LinkButton/src/assets/arrow_icon_blue.png   |  Bin 0 -> 599 bytes
 .../LinkButton/src/assets/arrow_icon_sm.png     |  Bin 0 -> 527 bytes
 .../samples/LinkButton/src/sample1.mxml         |   35 +
 .../TourDeFlex_content/samples/List/List.png    |  Bin 0 -> 382 bytes
 .../samples/List/sample1.html                   |   45 +
 .../samples/List/sample1.mxml.html              |   65 +
 .../samples/Move/final-sample/sample1.html      |   45 +
 .../samples/Move/final-sample/sample1.mxml.html |   66 +
 .../samples/Move/sample1.html                   |   45 +
 .../samples/Move/sample1.mxml.html              |   66 +
 .../samples/Move/src/sample1.mxml               |   58 +
 .../samples/NumberFormatter/formattericon.png   |  Bin 0 -> 841 bytes
 .../samples/NumberFormatter/sample1.html        |   45 +
 .../samples/NumberFormatter/sample1.mxml.html   |   75 +
 .../samples/NumberValidator/sample1.html        |   45 +
 .../samples/NumberValidator/sample1.mxml.html   |   55 +
 .../samples/NumberValidator/validatoricon.png   |  Bin 0 -> 780 bytes
 .../samples/NumericStepper/NumericStepper.png   |  Bin 0 -> 463 bytes
 .../samples/NumericStepper/sample1.html         |   45 +
 .../samples/NumericStepper/sample1.mxml.html    |   51 +
 .../samples/OLAPDataGrid/OLAPDataGrid.png       |  Bin 0 -> 286 bytes
 .../samples/OLAPDataGrid/sample1.html           |   45 +
 .../samples/OLAPDataGrid/sample1.mxml.html      |  220 +
 .../TourDeFlex_content/samples/Panel/Panel.png  |  Bin 0 -> 537 bytes
 .../samples/Panel/sample1.html                  |   45 +
 .../samples/Panel/sample1.mxml.html             |   53 +
 .../samples/Parallel/final-sample/sample1.html  |   45 +
 .../Parallel/final-sample/sample1.mxml.html     |   58 +
 .../samples/Parallel/sample1.html               |   45 +
 .../samples/Parallel/sample1.mxml.html          |   67 +
 .../samples/Parallel/src/sample1.mxml           |   59 +
 .../samples/Pause/final-sample/sample1.html     |   45 +
 .../Pause/final-sample/sample1.mxml.html        |   53 +
 .../samples/Pause/sample1.html                  |   45 +
 .../samples/Pause/sample1.mxml.html             |   53 +
 .../samples/Pause/src/sample1.mxml              |   45 +
 .../samples/PhoneFormatter/formattericon.png    |  Bin 0 -> 841 bytes
 .../samples/PhoneFormatter/sample1.html         |   45 +
 .../samples/PhoneFormatter/sample1.mxml.html    |   74 +
 .../samples/PhoneNumberValidator/sample1.html   |   45 +
 .../PhoneNumberValidator/sample1.mxml.html      |   54 +
 .../PhoneNumberValidator/validatoricon.png      |  Bin 0 -> 780 bytes
 .../samples/PieChart/PieChart.png               |  Bin 0 -> 28781 bytes
 .../samples/PieChart/sample1.html               |   45 +
 .../samples/PieChart/sample1.mxml.html          |   71 +
 .../samples/PlotChart/PlotChart.png             |  Bin 0 -> 28167 bytes
 .../samples/PlotChart/sample1.html              |   45 +
 .../samples/PlotChart/sample1.mxml.html         |   60 +
 .../samples/PopUpButton/PopUpButton.png         |  Bin 0 -> 372 bytes
 .../samples/PopUpButton/sample1.html            |   45 +
 .../samples/PopUpButton/sample1.mxml.html       |   75 +
 .../samples/ProgressBar/ProgressBar.png         |  Bin 0 -> 313 bytes
 .../samples/ProgressBar/sample1.html            |   45 +
 .../samples/ProgressBar/sample1.mxml.html       |   65 +
 .../samples/RadioButton/RadioButton.png         |  Bin 0 -> 719 bytes
 .../samples/RadioButton/sample1.html            |   45 +
 .../samples/RadioButton/sample1.mxml.html       |   56 +
 .../samples/RegExpValidator/sample1.html        |   45 +
 .../samples/RegExpValidator/sample1.mxml.html   |   92 +
 .../samples/RegExpValidator/validatoricon.png   |  Bin 0 -> 780 bytes
 .../samples/RemoveItemActionEffect/sample1.html |   45 +
 .../RemoveItemActionEffect/sample1.mxml.html    |   85 +
 .../samples/Repeater/Repeater.png               |  Bin 0 -> 432 bytes
 .../samples/Repeater/sample1.html               |   45 +
 .../samples/Repeater/sample1.mxml.html          |   59 +
 .../samples/Resize/final-sample/sample1.html    |   45 +
 .../Resize/final-sample/sample1.mxml.html       |   49 +
 .../samples/Resize/sample1.html                 |   45 +
 .../samples/Resize/sample1.mxml.html            |   58 +
 .../samples/Resize/src/sample1.mxml             |   50 +
 .../samples/RichTextEditor/RichTextEditor.png   |  Bin 0 -> 28465 bytes
 .../samples/RichTextEditor/sample1.html         |   45 +
 .../samples/RichTextEditor/sample1.mxml.html    |   51 +
 .../samples/Rotate/sample1.html                 |   45 +
 .../samples/Rotate/sample1.mxml.html            |   61 +
 .../samples/Rotate/src/sample1.mxml             |   53 +
 .../samples/SWFLoader/SWFLoader.png             |  Bin 0 -> 766 bytes
 .../SWFLoader/final-sample/SWFLoader.png        |  Bin 0 -> 766 bytes
 .../samples/SWFLoader/final-sample/sample1.html |   45 +
 .../SWFLoader/final-sample/sample1.mxml.html    |   51 +
 .../samples/SWFLoader/sample1.html              |   45 +
 .../samples/SWFLoader/sample1.mxml.html         |   49 +
 .../samples/SWFLoader/src/sample1.mxml          |   41 +
 .../samples/Sequence/final-sample/sample1.html  |   45 +
 .../Sequence/final-sample/sample1.mxml.html     |   53 +
 .../samples/Sequence/sample1.html               |   45 +
 .../samples/Sequence/sample1.mxml.html          |   53 +
 .../samples/Sequence/src/sample1.mxml           |   45 +
 .../samples/SeriesInterpolate/Effects.png       |  Bin 0 -> 272 bytes
 .../samples/SeriesInterpolate/sample1.html      |   45 +
 .../samples/SeriesInterpolate/sample1.mxml.html |  102 +
 .../samples/SeriesSlide/Effects.png             |  Bin 0 -> 272 bytes
 .../samples/SeriesSlide/sample1.html            |   45 +
 .../samples/SeriesSlide/sample1.mxml.html       |  104 +
 .../samples/SeriesZoom/Effects.png              |  Bin 0 -> 272 bytes
 .../samples/SeriesZoom/sample1.html             |   45 +
 .../samples/SeriesZoom/sample1.mxml.html        |  104 +
 .../samples/SharedAssets/effectIcon.png         |  Bin 0 -> 266 bytes
 .../SocialSecurityValidator/sample1.html        |   45 +
 .../SocialSecurityValidator/sample1.mxml.html   |   53 +
 .../SocialSecurityValidator/validatoricon.png   |  Bin 0 -> 780 bytes
 .../samples/SoundEffect/sample1.html            |   45 +
 .../samples/SoundEffect/sample1.mxml.html       |   43 +
 .../samples/SoundEffect/src/assets/whistle.mp3  |  Bin 0 -> 26330 bytes
 .../samples/SoundEffect/src/sample1.mxml        |   35 +
 .../TourDeFlex_content/samples/SourceStyles.css |  146 +
 .../samples/StringValidator/sample1.html        |   45 +
 .../samples/StringValidator/sample1.mxml.html   |   56 +
 .../samples/StringValidator/validatoricon.png   |  Bin 0 -> 780 bytes
 .../SwitchSymbolFormatter/formattericon.png     |  Bin 0 -> 841 bytes
 .../samples/SwitchSymbolFormatter/sample1.html  |   45 +
 .../SwitchSymbolFormatter/sample1.mxml.html     |   75 +
 .../samples/TabBar/TabBar.png                   |  Bin 0 -> 342 bytes
 .../samples/TabBar/sample1.html                 |   45 +
 .../samples/TabBar/sample1.mxml.html            |   69 +
 .../samples/TabNavigator/TabNavigator.png       |  Bin 0 -> 369 bytes
 .../samples/TabNavigator/sample1.html           |   45 +
 .../samples/TabNavigator/sample1.mxml.html      |   63 +
 .../TourDeFlex_content/samples/Text/Text.png    |  Bin 0 -> 505 bytes
 .../samples/Text/sample1.html                   |   45 +
 .../samples/Text/sample1.mxml.html              |   48 +
 .../samples/TextArea/TextArea.png               |  Bin 0 -> 409 bytes
 .../samples/TextArea/sample1.html               |   45 +
 .../samples/TextArea/sample1.mxml.html          |   46 +
 .../samples/TextInput/TextInput.png             |  Bin 0 -> 374 bytes
 .../samples/TextInput/sample1.html              |   45 +
 .../samples/TextInput/sample1.mxml.html         |   41 +
 .../TourDeFlex_content/samples/Tile/Tile.png    |  Bin 0 -> 871 bytes
 .../samples/Tile/sample1.html                   |   45 +
 .../samples/Tile/sample1.mxml.html              |   59 +
 .../samples/TileList/TileList.png               |  Bin 0 -> 488 bytes
 .../samples/TileList/final-sample/TileList.png  |  Bin 0 -> 488 bytes
 .../samples/TileList/final-sample/sample1.html  |   45 +
 .../TileList/final-sample/sample1.mxml.html     |   50 +
 .../samples/TileList/sample1.html               |   45 +
 .../samples/TileList/sample1.mxml.html          |   50 +
 .../samples/TileList/src/sample1.mxml           |   42 +
 .../SimpleTitleWindowExample.mxml.html          |   61 +
 .../samples/TitleWindow/TitleWindow.png         |  Bin 0 -> 542 bytes
 .../samples/TitleWindow/sample1.html            |   45 +
 .../samples/TitleWindow/sample1.mxml.html       |   71 +
 .../samples/ToggleButtonBar/ButtonBar.png       |  Bin 0 -> 472 bytes
 .../samples/ToggleButtonBar/sample1.html        |   45 +
 .../samples/ToggleButtonBar/sample1.mxml.html   |   67 +
 .../TourDeFlex_content/samples/Tree/Tree.png    |  Bin 0 -> 373 bytes
 .../samples/Tree/sample1.html                   |   45 +
 .../samples/Tree/sample1.mxml.html              |   74 +
 .../TourDeFlex_content/samples/VBox/VBox.png    |  Bin 0 -> 649 bytes
 .../samples/VBox/sample1.html                   |   45 +
 .../samples/VBox/sample1.mxml.html              |   48 +
 .../samples/VDividedBox/VDividedBox.png         |  Bin 0 -> 576 bytes
 .../samples/VDividedBox/sample1.html            |   45 +
 .../samples/VDividedBox/sample1.mxml.html       |   50 +
 .../samples/Validator/sample1.html              |   45 +
 .../samples/Validator/sample1.mxml.html         |   84 +
 .../samples/Validator/validatoricon.png         |  Bin 0 -> 780 bytes
 .../samples/VideoDisplay/VideoDisplay.png       |  Bin 0 -> 721 bytes
 .../samples/VideoDisplay/sample1.html           |   45 +
 .../samples/VideoDisplay/sample1.mxml.html      |   52 +
 .../samples/VideoDisplay/src/sample1.mxml       |   44 +
 .../samples/ViewStack/ViewStack.png             |  Bin 0 -> 375 bytes
 .../samples/ViewStack/sample1.html              |   45 +
 .../samples/ViewStack/sample1.mxml.html         |   84 +
 .../samples/WipeDown/final-sample/sample1.html  |   45 +
 .../WipeDown/final-sample/sample1.mxml.html     |   49 +
 .../samples/WipeDown/sample1.html               |   45 +
 .../samples/WipeDown/sample1.mxml.html          |   49 +
 .../samples/WipeDown/src/sample1.mxml           |   41 +
 .../samples/WipeLeft/final-sample/sample1.html  |   45 +
 .../WipeLeft/final-sample/sample1.mxml.html     |   49 +
 .../samples/WipeLeft/sample1.html               |   45 +
 .../samples/WipeLeft/sample1.mxml.html          |   49 +
 .../samples/WipeLeft/src/sample1.mxml           |   41 +
 .../samples/WipeRight/final-sample/sample1.html |   45 +
 .../WipeRight/final-sample/sample1.mxml.html    |   49 +
 .../samples/WipeRight/sample1.html              |   45 +
 .../samples/WipeRight/sample1.mxml.html         |   49 +
 .../samples/WipeRight/src/sample1.mxml          |   41 +
 .../samples/WipeUp/sample1.html                 |   45 +
 .../samples/WipeUp/sample1.mxml.html            |   49 +
 .../samples/WipeUp/src/sample1.mxml             |   41 +
 .../samples/ZipCodeFormatter/formattericon.png  |  Bin 0 -> 841 bytes
 .../samples/ZipCodeFormatter/sample1.html       |   45 +
 .../samples/ZipCodeFormatter/sample1.mxml.html  |   75 +
 .../samples/ZipCodeValidator/sample1.html       |   45 +
 .../samples/ZipCodeValidator/sample1.mxml.html  |   53 +
 .../samples/ZipCodeValidator/validatoricon.png  |  Bin 0 -> 780 bytes
 .../samples/Zoom/final-sample/sample1.html      |   45 +
 .../samples/Zoom/final-sample/sample1.mxml.html |   60 +
 .../samples/Zoom/sample1.html                   |   45 +
 .../samples/Zoom/sample1.mxml.html              |   65 +
 .../samples/Zoom/src/sample1.mxml               |   57 +
 .../samples/common/tink/HReverseBox.png         |  Bin 0 -> 422 bytes
 .../samples/common/tink/PositionedTabBar.png    |  Bin 0 -> 368 bytes
 .../common/tink/PositionedTabNavigator.png      |  Bin 0 -> 355 bytes
 .../samples/common/tink/SuperAccordion.png      |  Bin 0 -> 220 bytes
 .../samples/common/tink/VReverseBox.png         |  Bin 0 -> 500 bytes
 .../samples/images/keepcore.png                 |  Bin 0 -> 766 bytes
 .../samples/images/mindseticon.png              |  Bin 0 -> 678 bytes
 .../samples/images/see4th.png                   |  Bin 0 -> 764 bytes
 .../web/images/button_clear.png                 |  Bin 0 -> 122 bytes
 .../web/images/button_close_downSkin.png        |  Bin 0 -> 559 bytes
 .../web/images/button_close_overSkin.png        |  Bin 0 -> 484 bytes
 .../web/images/button_close_upSkin.png          |  Bin 0 -> 439 bytes
 .../web/images/button_search_icon.png           |  Bin 0 -> 422 bytes
 .../web/images/header_gradient.png              |  Bin 0 -> 252 bytes
 .../web/images/tree_noIcon.png                  |  Bin 0 -> 322 bytes
 TourDeFlex/TourDeFlex_content/web/index.html    |  222 +
 .../widget/long/AdobeWidget_300x250.html        |  137 +
 .../widget/long/assets/bgContent.jpg            |  Bin 0 -> 2139 bytes
 .../widget/long/assets/bgContent.png            |  Bin 0 -> 682 bytes
 .../widget/long/assets/bgContentBig.jpg         |  Bin 0 -> 2556 bytes
 .../widget/long/assets/skin.fla                 |  Bin 0 -> 195072 bytes
 .../TourDeFlex_content/widget/long/index.html   |  137 +
 .../widget/short/assets/bgContent.jpg           |  Bin 0 -> 2139 bytes
 .../widget/short/assets/bgContentBig.jpg        |  Bin 0 -> 2556 bytes
 .../widget/short/assets/skin.fla                |  Bin 0 -> 195072 bytes
 .../TourDeFlex_content/widget/short/index.html  |  137 +
 4784 files changed, 352158 insertions(+)
----------------------------------------------------------------------



[42/51] [partial] Merged TourDeFlex release from develop

Posted by jm...@apache.org.
http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/data/objects-web_ja.xml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/data/objects-web_ja.xml b/TourDeFlex/TourDeFlex/src/data/objects-web_ja.xml
new file mode 100644
index 0000000..1aa9511
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/data/objects-web_ja.xml
@@ -0,0 +1,5835 @@
+<!--
+
+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.
+
+-->
+<Objects version="2009-03-22" searchTags="uicontrol,input,container,effect,transition,date,number,string,navigator,formatter,validator,chart,visualization,map,data,blazeds,lcds,api,cloud,air,technique" searchTagsTotals="48,6,21,32,2,6,5,18,7,7,11,23,20,13,30,13,13,14,14,21,25">
+	<Category name="Introduction to Flex">
+		<Object id="90000" name="What's Flex" author="Adobe Systems, Inc." dateAdded="2010-03-22" iconPath="http://www.adobe.com/devnet/flex/tourdeflex/sample/samples/HOWTO/flexicon.png" tags="gumbo,flex4,flex 4" viewCount="0" description="What's Flex - from Flex.org">
+			<Illustrations>
+				<Illustration name="What's Flex" path="http://tourdeflex.adobe.com/introduction/whatsflex.html" openLinksExternal="true" autoExpand="true">
+				</Illustration>
+			</Illustrations>
+		</Object>
+		<Object id="90005" name="What's Possible" author="Adobe Systems, Inc." dateAdded="2010-03-22" iconPath="http://www.adobe.com/devnet/flex/tourdeflex/sample/samples/HOWTO/flexicon.png" tags="gumbo,flex4,flex 4" viewCount="0" description="What's Flex - from Flex.org">
+			<Illustrations>
+				<Illustration name="What's Possible (showcase)" path="http://tourdeflex.adobe.com/introduction/whatspossible.html" openLinksExternal="true" autoExpand="true">
+				</Illustration>
+			</Illustrations>
+		</Object>
+		<Object id="90010" name="Get Started" author="Adobe Systems, Inc." dateAdded="2010-03-22" iconPath="http://www.adobe.com/devnet/flex/tourdeflex/sample/samples/HOWTO/flexicon.png" tags="gumbo,flex4,flex 4" viewCount="0" description="What's Flex - from Flex.org">
+			<Illustrations>
+				<Illustration name="Get Started" path="http://tourdeflex.adobe.com/introduction/getstarted.html" openLinksExternal="true" autoExpand="true">
+				</Illustration>
+			</Illustrations>
+		</Object>
+		<Object id="90015" name="Flex Resources" author="Adobe Systems, Inc." dateAdded="2010-03-22" iconPath="http://www.adobe.com/devnet/flex/tourdeflex/sample/samples/HOWTO/flexicon.png" tags="gumbo,flex4,flex 4" viewCount="0" description="What's Flex - from Flex.org">
+			<Illustrations>
+				<Illustration name="Flex Resources" path="http://tourdeflex.adobe.com/introduction/resources.html" openLinksExternal="true" autoExpand="true">
+				</Illustration>
+			</Illustrations>
+		</Object>
+	</Category>
+	<Category name="Flex 4">
+		<Object id="700001" name="Read Me" iconPath="http://tourdeflex.adobe.com/samples/common/adobe.png" author="Holly Schinsky" tags="readme">
+			<Illustrations>
+				<Illustration name="Read Me" path="http://tourdeflex.adobe.com/flex4samples/flex4-readme-new.html" autoExpand="true" openLinksExternal="true"/>
+			</Illustrations>
+		</Object>
+		<Category name="Components">
+			<Category name="Controls">
+				<Object id="70030" name="AdvancedDataGrid" author="Adobe Systems, Inc." dateAdded="2010-03-22" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/AdvancedDataGrid.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - AdvancedDataGrid">
+					<Illustrations>
+						<Illustration name="AdvancedDataGrid" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-AdvancedDataGrid/sample1.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-AdvancedDataGrid/srcview/source/sample1.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-AdvancedDataGrid/srcview/source/TDFGradientBackgroundSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=mx/controls&topic=AdvancedDataGrid" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="30600" name="Button" author="Holly Schinsky" dateAdded="2009-09-01" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/Button.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - Button">
+					<Illustrations>
+						<Illustration name="Button" path="http://tourdeflex.adobe.com/flex4samples/UIControls/Buttons/Button/sample.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4samples/UIControls/Buttons/Button/srcview/source/sample.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4samples/UIControls/Buttons/Button/srcview/source/skins/TDFPanelSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/components&topic=Button" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="30700" name="ButtonBar" author="Holly Schinsky" dateAdded="2009-09-01" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/ButtonBar.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - ButtonBar">
+					<Illustrations>
+						<Illustration name="ButtonBar" path="http://tourdeflex.adobe.com/flex4samples/UIControls/Buttons/ButtonBar/sample.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4samples/UIControls/Buttons/ButtonBar/srcview/source/sample.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4samples/UIControls/Buttons/ButtonBar/srcview/source/skins/TDFPanelSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/components&topic=ButtonBar" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="30300" name="CheckBox" author="Holly Schinsky/Adobe" dateAdded="2009-09-01" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/CheckBox.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - CheckBox">
+					<Illustrations>
+						<Illustration name="CheckBox" path="http://tourdeflex.adobe.com/flex4samples/UIControls/DataEntryControls/CheckBox/sample.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4samples/UIControls/DataEntryControls/CheckBox/srcview/source/sample.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4samples/UIControls/DataEntryControls/CheckBox/srcview/source/skins/TDFPanelSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/components&topic=CheckBox" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="70260" name="ColorPicker" author="Adobe Systems, Inc." dateAdded="2010-03-22" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/ColorPicker.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - ColorPicker">
+					<Illustrations>
+						<Illustration name="ColorPicker" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-ColorPicker/sample1.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-ColorPicker/srcview/source/sample1.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-ColorPicker/srcview/source/TDFGradientBackgroundSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=mx/controls&topic=ColorPicker" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="30305" name="ComboBox" author="Holly Schinsky/Adobe" dateAdded="2010-03-22" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/ComboBox.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - ComboBox">
+					<Illustrations>
+						<Illustration name="ComboBox" path="http://tourdeflex.adobe.com/flex4.0/ComboBox/sample.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/ComboBox/srcview/source/sample.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/ComboBox/srcview/source/skins/TDFPanelSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/components&topic=ComboBox" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="70040" name="DataGrid" author="Adobe Systems, Inc." dateAdded="2010-03-22" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/DataGrid.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - DataGrid">
+					<Illustrations>
+						<Illustration name="DataGrid" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-DataGrid/sample1.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-DataGrid/srcview/source/sample1.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-DataGrid/srcview/source/TDFGradientBackgroundSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=mx/controls&topic=DataGrid" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="70050" name="DateChooser" author="Adobe Systems, Inc." dateAdded="2010-03-22" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/DateChooser.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - DateChooser">
+					<Illustrations>
+						<Illustration name="DateChooser" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-DateChooser/sample1.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-DateChooser/srcview/source/sample1.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-DateChooser/srcview/source/TDFGradientBackgroundSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=mx/controls&topic=DateChooser" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="70060" name="DateField" author="Adobe Systems, Inc." dateAdded="2010-03-22" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/DateField.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - DateField">
+					<Illustrations>
+						<Illustration name="DateField" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-DateField/sample1.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-DateField/srcview/source/sample1.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-DateField/srcview/source/TDFGradientBackgroundSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=mx/controls&topic=DateField" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="30400" name="DropDownList" author="Holly Schinsky/Adobe" dateAdded="2009-09-01" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/DropDownList.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - DropDownList">
+					<Illustrations>
+						<Illustration name="DropDownList" path="http://tourdeflex.adobe.com/flex4samples/UIControls/DataEntryControls/DropDownList/sample.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4samples/UIControls/DataEntryControls/DropDownList/srcview/source/sample.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4samples/UIControls/DataEntryControls/DropDownList/srcview/source/skins/TDFPanelSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/component&topic=DropDownList" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="70090" name="Image" author="Adobe Systems, Inc." dateAdded="2010-03-22" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/Image.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - Image">
+					<Illustrations>
+						<Illustration name="Image" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-Image/sample1.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-Image/srcview/source/sample1.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-Image/srcview/source/TDFGradientBackgroundSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=mx/controls&topic=Image" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="70100" name="LinkButton" author="Adobe Systems, Inc." dateAdded="2010-03-22" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/LinkButton.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - LinkButton">
+					<Illustrations>
+						<Illustration name="LinkButton" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-LinkButton/sample1.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-LinkButton/srcview/source/sample1.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-LinkButton/srcview/source/TDFGradientBackgroundSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=mx/controls&topic=LinkButton" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="30800" name="List" author="Holly Schinsky" dateAdded="2009-09-01" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/List.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - List">
+					<Illustrations>
+						<Illustration name="List" path="http://tourdeflex.adobe.com/flex4samples/UIControls/TreeListAndGridControls/List/sample.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4samples/UIControls/TreeListAndGridControls/List/srcview/source/sample.mxml.html"/>
+								<Document name="Flex Project" path="http://tourdeflex.adobe.com/flex4samples/UIControls/TreeListAndGridControls/List/srcview/index.html" openLinksExternal="true"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=mx/controls&topic=List" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="30805" name="Menu" author="Holly Schinsky/Adobe" dateAdded="2010-03-22" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/Menu.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - Menu">
+					<Illustrations>
+						<Illustration name="Menu" path="http://tourdeflex.adobe.com/flex4.0/Menu/sample.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/Menu/srcview/source/sample.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/Menu/srcview/source/skins/TDFPanelSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=mx/controls&topic=Menu" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="30200" name="NumericStepper" author="Holly Schinsky" dateAdded="2009-09-01" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/NumericStepper.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - NumericStepper">
+					<Illustrations>
+						<Illustration name="NumericStepper" path="http://tourdeflex.adobe.com/flex4samples/UIControls/DataEntryControls/NumericStepper/sample.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4samples/UIControls/DataEntryControls/NumericStepper/srcview/source/sample.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4samples/UIControls/DataEntryControls/NumericStepper/srcview/source/skins/TDFPanelSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/components&topic=NumericStepper" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="70110" name="OLAPDataGrid" author="Adobe Systems, Inc." dateAdded="2010-03-22" iconPath="http://www.adobe.com/devnet/flex/tourdeflex/sample/samples/OLAPDataGrid/OLAPDataGrid.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - OLAPDataGrid">
+					<Illustrations>
+						<Illustration name="OLAPDataGrid" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-OLAPDataGrid/sample1.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-OLAPDataGrid/srcview/source/sample1.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-OLAPDataGrid/srcview/source/TDFGradientBackgroundSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=mx/controls&topic=OLAPDataGrid" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="30720" name="PopUpAnchor" author="Holly Schinsky" dateAdded="2009-09-21" downloadPath="http://tourdeflex.adobe.com/flex4samples/UIControls/Buttons/PopUpAnchor/srcview/Sample-Flex4-PopUpAnchor.zip" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/Button.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - Popup Anchor">
+					<Illustrations>
+						<Illustration name="PopUpAnchor" path="http://tourdeflex.adobe.com/flex4samples/UIControls/Buttons/PopUpAnchor/sample.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4samples/UIControls/Buttons/PopUpAnchor/srcview/source/sample.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4samples/UIControls/Buttons/PopUpAnchor/srcview/source/skins/TDFPanelSkin.mxml.html"/>
+								<Document name="CloseButtonSkin.mxml" path="http://tourdeflex.adobe.com/flex4samples/UIControls/Buttons/PopUpAnchor/srcview/source/skins/CloseButtonSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/components&topic=PopUpAnchor" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+						<Illustration name="PopUpAnchor2" path="http://tourdeflex.adobe.com/flex4samples/UIControls/Buttons/PopUpAnchor/sample2.html">
+							<Documents>
+								<Document name="sample2.mxml" path="http://tourdeflex.adobe.com/flex4samples/UIControls/Buttons/PopUpAnchor/srcview/source/sample2.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4samples/UIControls/Buttons/PopUpAnchor/srcview/source/skins/TDFPanelSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/components&topic=PopUpAnchor" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="70120" name="PopUpButton" author="Adobe Systems, Inc." dateAdded="2010-03-22" iconPath="http://www.adobe.com/devnet/flex/tourdeflex/sample/samples/PopUpButton/PopUpButton.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - PopUpButton">
+					<Illustrations>
+						<Illustration name="PopUpButton" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-PopUpButton/sample1.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-PopUpButton/srcview/source/sample1.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-PopUpButton/srcview/source/TDFGradientBackgroundSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=mx/controls&topic=PopUpButton" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="70130" name="ProgressBar" author="Adobe Systems, Inc." dateAdded="2010-03-22" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/ProgressBar.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - ProgressBar">
+					<Illustrations>
+						<Illustration name="ProgressBar" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-ProgressBar/sample1.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-ProgressBar/srcview/source/sample1.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-ProgressBar/srcview/source/TDFGradientBackgroundSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/components&topic=ProgressBar" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="30100" name="RadioButton" author="Holly Schinsky" dateAdded="2009-09-01" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/RadioButton.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - RadioButton">
+					<Illustrations>
+						<Illustration name="RadioButton" path="http://tourdeflex.adobe.com/flex4samples/UIControls/DataEntryControls/RadioButton/sample.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4samples/UIControls/DataEntryControls/RadioButton/srcview/source/sample.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4samples/UIControls/DataEntryControls/RadioButton/srcview/source/skins/TDFPanelSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/components&topic=RadioButton" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="30105" name="RichEditableText" author="Holly Schinsky/Adobe" dateAdded="2010-03-22" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/RichEditableText.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - RichEditableText">
+					<Illustrations>
+						<Illustration name="RichEditableText" path="http://tourdeflex.adobe.com/flex4.0/RichEditableText/sample.swf">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/RichEditableText/srcview/source/sample.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/RichEditableText/srcview/source/skins/TDFPanelSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/components&topic=RichEditableText" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="30107" name="RichText" author="Holly Schinsky/Adobe" dateAdded="2010-03-22" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/RichText.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - RichText">
+					<Illustrations>
+						<Illustration name="RichText" path="http://tourdeflex.adobe.com/flex4.0/FXG/RichText/sample.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/FXG/RichText/srcview/source/sample.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/FXG/RichText/srcview/source/skins/TDFPanelSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/components&topic=RichText" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="30910" name="ScrollBar (2)" author="Holly Schinsky" dateAdded="2009-09-21" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/Scroller.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - ScrollBar">
+					<Illustrations>
+						<Illustration name="ScrollBar" path="http://tourdeflex.adobe.com/flex4samples/UIControls/OtherControls/ScrollBar/sample.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4samples/UIControls/OtherControls/ScrollBar/srcview/source/sample.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4samples/UIControls/OtherControls/ScrollBar/srcview/source/skins/TDFPanelSkin.mxml.html"/>
+								<Document name="HScrollBar Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/components&topic=VScrollBar" openLinksExternal="true"/>
+								<Document name="VScrollBar Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/components&topic=HScrollBar" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+						<Illustration name="HScrollBar/VScrollBar" path="http://tourdeflex.adobe.com/flex4.0/ScrollBars/sample.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/ScrollBars/srcview/source/sample.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/ScrollBars/srcview/source/skins/TDFPanelSkin.mxml.html"/>
+								<Document name="HScrollBar Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/components&topic=VScrollBar" openLinksExternal="true"/>
+								<Document name="VScrollBar Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/components&topic=HScrollBar" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="31000" name="Scroller (2)" author="Peter DeHaan/Holly Schinsky" dateAdded="2009-09-01" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/Scroller.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - Scroller">
+					<Illustrations>
+						<Illustration name="Scroller Viewport" path="http://tourdeflex.adobe.com/flex4samples/UIControls/OtherControls/Scroller/sample1.html">
+							<Documents>
+								<Document name="sample1.mxml" path="http://tourdeflex.adobe.com/flex4samples/UIControls/OtherControls/Scroller/srcview/source/sample1.mxml.html"/>
+								<Document name="MyPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4samples/UIControls/OtherControls/Scroller/srcview/source/skins/MyPanelSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/components&topic=Scroller" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+						<Illustration name="Scroller Child Tabbing" path="http://tourdeflex.adobe.com/flex4samples/UIControls/OtherControls/Scroller/sample2.html">
+							<Documents>
+								<Document name="sample2.mxml" path="http://tourdeflex.adobe.com/flex4samples/UIControls/OtherControls/Scroller/srcview/source/sample2.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4samples/UIControls/OtherControls/Scroller/srcview/source/skins/TDFPanelSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/components&topic=Scroller" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="30915" name="Slider" author="Holly Schinsky" dateAdded="2009-09-21" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/VSlider.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - Slider">
+					<Illustrations>
+						<Illustration name="Slider" path="http://tourdeflex.adobe.com/flex4samples/UIControls/OtherControls/Slider/sample.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4samples/UIControls/OtherControls/Slider/srcview/source/sample.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4samples/UIControls/OtherControls/Slider/srcview/source/skins/TDFPanelSkin.mxml.html"/>
+								<Document name="VSlider Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/components&topic=VSlider" openLinksExternal="true"/>
+								<Document name="HSlider Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/components&topic=HSlider" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="30925" name="Spinner" author="Holly Schinsky" dateAdded="2009-10-20" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/Spinner.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - Spinner">
+					<Illustrations>
+						<Illustration name="Spinner" path="http://tourdeflex.adobe.com/flex4samples/UIControls/OtherControls/Spinner/sample.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4samples/UIControls/OtherControls/Spinner/srcview/source/sample.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4samples/UIControls/OtherControls/Spinner/srcview/source/skins/TDFPanelSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/components&topic=Spinner" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="70140" name="SWFLoader" author="Adobe Systems, Inc." dateAdded="2010-03-22" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/SWFLoader.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - SWFLoader">
+					<Illustrations>
+						<Illustration name="SWFLoader" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-SWFLoader/sample1.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-SWFLoader/srcview/source/sample1.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-SWFLoader/srcview/source/TDFGradientBackgroundSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=mx/controls&topic=SWFLoader" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="30926" name="TabBar" author="Holly Schinsky" dateAdded="2010-03-22" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/TabBar.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - TabBar">
+					<Illustrations>
+						<Illustration name="TabBar" path="http://tourdeflex.adobe.com/flex4samples/GroupsAndContainers/TabbedNavigator/sample1.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4samples/GroupsAndContainers/TabbedNavigator/srcview/source/sample1.mxml.html"/>
+								<Document name="Flex Project" path="http://tourdeflex.adobe.com/flex4samples/GroupsAndContainers/TabbedNavigator/srcview/index.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/components&topic=TabBar" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="30928" name="TextArea" author="Holly Schinsky" dateAdded="2010-03-22" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/TextArea.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - TextArea">
+					<Illustrations>
+						<Illustration name="TextArea" path="http://tourdeflex.adobe.com/flex4.0/TextArea/sample.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/TextArea/srcview/source/sample.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/TextArea/srcview/source/skins/TDFPanelSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/components&topic=TextArea" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="30930" name="TextInput" author="Holly Schinsky" dateAdded="2010-03-22" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/TextInput.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - TextInput">
+					<Illustrations>
+						<Illustration name="TextInput" path="http://tourdeflex.adobe.com/flex4.0/TextInput/sample.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/TextInput/srcview/source/sample.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/TextInput/srcview/source/skins/TDFPanelSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/components&topic=TextInput" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="30500" name="ToggleButton" author="Holly Schinsky" dateAdded="2009-09-01" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/ToggleButton.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - ToggleButton">
+					<Illustrations>
+						<Illustration name="ToggleButton" path="http://tourdeflex.adobe.com/flex4samples/UIControls/Buttons/ToggleButton/sample.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4samples/UIControls/Buttons/ToggleButton/srcview/source/sample.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4samples/UIControls/Buttons/ToggleButton/srcview/source/skins/TDFPanelSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/components&topic=ToggleButton" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="70150" name="Tree" author="Adobe Systems, Inc." dateAdded="2010-03-22" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/Tree.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - Tree">
+					<Illustrations>
+						<Illustration name="Tree" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-Tree/sample1.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-Tree/srcview/source/sample1.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-Tree/srcview/source/TDFGradientBackgroundSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=mx/controls&topic=ToggleButton" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="70160" name="VideoDisplay" author="Adobe Systems, Inc." dateAdded="2010-03-22" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/VideoDisplay.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - VideoDisplay">
+					<Illustrations>
+						<Illustration name="VideoDisplay" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-VideoDisplay/sample1.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-VideoDisplay/srcview/source/sample1.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-VideoDisplay/srcview/source/TDFGradientBackgroundSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/components&topic=VideoDisplay" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="30900" name="VideoPlayer" author="Holly Schinsky" dateAdded="2009-09-01" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/VideoPlayer.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - VideoPlayer">
+					<Illustrations>
+						<Illustration name="VideoPlayer" path="http://tourdeflex.adobe.com/flex4samples/UIControls/OtherControls/VideoPlayer/sample1.html">
+							<Documents>
+								<Document name="sample1.mxml" path="http://tourdeflex.adobe.com/flex4samples/UIControls/OtherControls/VideoPlayer/srcview/source/sample1.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4samples/UIControls/OtherControls/VideoPlayer/srcview/source/skins/TDFPanelSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/components&topic=VideoPlayer" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+			</Category>
+			<Category name="Layout">
+				<Object id="31099" name="Read Me" iconPath="http://tourdeflex.adobe.com/samples/common/adobe.png" author="Holly Schinsky" tags="readme">
+					<Illustrations>
+						<Illustration name="Read Me" path="http://tourdeflex.adobe.com/flex4samples/GroupsAndContainers/groups-containers-readme.html" autoExpand="true" openLinksExternal="true"/>
+					</Illustrations>
+				</Object>
+				<Object id="31100" name="BorderContainer" author="Holly Schinsky" dateAdded="2009-09-10" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/BorderContainer.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - BorderContainer">
+					<Illustrations>
+						<Illustration name="BorderContainer" path="http://tourdeflex.adobe.com/flex4samples/GroupsAndContainers/Border/sample.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4samples/GroupsAndContainers/Border/srcview/source/sample.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4samples/GroupsAndContainers/Border/srcview/source/skins/TDFPanelSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/components&topic=BorderContainer" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="31105" name="DataGroup" author="Holly Schinsky" dateAdded="2010-03-22" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/DataGroup.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - DataGroup">
+					<Illustrations>
+						<Illustration name="DataGroup" path="http://tourdeflex.adobe.com/flex4.0/DataGroup/sample.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/DataGroup/srcview/source/sample.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/DataGroup/srcview/source/skins/TDFPanelSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/components&topic=DataGroup" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="70000" name="Form" author="Adobe Systems, Inc." dateAdded="2010-03-22" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/Form.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - Form">
+					<Illustrations>
+						<Illustration name="Form" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-Form/sample1.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-Form/srcview/source/sample1.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-Form/srcview/source/TDFGradientBackgroundSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=mx/containers&topic=Form" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="31110" name="HGroup/VGroup (3)" author="Holly Schinsky/Evtim Georgiev" dateAdded="2010-03-22" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/HGroup.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - HGroup/VGroup">
+					<Illustrations>
+						<Illustration name="HGroup" path="http://tourdeflex.adobe.com/flex4.0/Group-HGroup-VGroup/SampleHGroup.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/Group-HGroup-VGroup/srcview/source/SampleHGroup.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/Group-HGroup-VGroup/srcview/source/skins/TDFPanelSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/components&topic=HGroup" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+						<Illustration name="VGroup" path="http://tourdeflex.adobe.com/flex4.0/Group-HGroup-VGroup/SampleVGroup.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/Group-HGroup-VGroup/srcview/source/SampleVGroup.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/Group-HGroup-VGroup/srcview/source/skins/TDFPanelSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/components&topic=VGroup" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+						<Illustration name="Group Axis Alignment" path="http://tourdeflex.adobe.com/flex4.0/Groups-verticalAlign-horizontalAlign-forLayout/sample.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/Groups-verticalAlign-horizontalAlign-forLayout/srcview/source/sample.mxml.html"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="31150" name="Panel" author="Holly Schinsky" dateAdded="2009-09-10" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/Panel.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - Panel">
+					<Illustrations>
+						<Illustration name="Panel" path="http://tourdeflex.adobe.com/flex4samples/GroupsAndContainers/Panel/sample.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4samples/GroupsAndContainers/Panel/srcview/source/sample.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4samples/GroupsAndContainers/Panel/srcview/source/skins/TDFPanelSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/components&topic=Panel" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="31720" name="SkinnableContainer" author="Holly Schinsky" dateAdded="2009-11-16" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/SkinnableContainer.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - SkinnableContainer">
+					<Illustrations>
+						<Illustration name="SkinnableContainer" path="http://tourdeflex.adobe.com/flex4samples/Skinning/SkinningContainer/sample.html">
+							<Documents>
+								<Document name="Flex Project" path="http://tourdeflex.adobe.com/flex4samples/Skinning/SkinningContainer/srcview/index.html" openLinksExternal="true"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/components&topic=SkinnableContainer" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="31725" name="SkinnableDataContainer" author="Holly Schinsky" dateAdded="2010-03-22" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/SkinnableDataContainer.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - SkinnableContainer">
+					<Illustrations>
+						<Illustration name="SkinnableDataContainer" path="http://tourdeflex.adobe.com/flex4.0/SkinnableDataContainer/sample.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/SkinnableDataContainer/srcview/source/sample.mxml.html" openLinksExternal="true"/>
+								<Document name="TDFPanelSkin" path="http://tourdeflex.adobe.com/flex4.0/SkinnableDataContainer/srcview/source/skins/TDFPanelSkin.mxml.html" openLinksExternal="true"/>
+								<Document name="Flex Project" path="http://tourdeflex.adobe.com/flex4.0/SkinnableDataContainer/srcview/" openLinksExternal="true"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/components&topic=SkinnableDataContainer" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="31160" name="Tabbed Navigation (2)" author="Holly Schinsky" dateAdded="2009-11-16" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/TabNavigator.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - Tabbed Navigation">
+					<Illustrations>
+						<Illustration name="Tabbed Navigation" path="http://tourdeflex.adobe.com/flex4samples/GroupsAndContainers/TabbedNavigator/sample1.html">
+							<Documents>
+								<Document name="Flex Project" path="http://tourdeflex.adobe.com/flex4samples/GroupsAndContainers/TabbedNavigator/srcview/index.html" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+						<Illustration name="Custom Tabs" path="http://tourdeflex.adobe.com/flex4samples/GroupsAndContainers/TabbedNavigator/sample2.html">
+							<Documents>
+								<Document name="Flex Project" path="http://tourdeflex.adobe.com/flex4samples/GroupsAndContainers/TabbedNavigator/srcview/index.html" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="31165" name="TileGroup" author="Holly Schinsky" dateAdded="2010-03-22" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/TileGroup.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - TileGroup">
+					<Illustrations>
+						<Illustration name="TileGroup" path="http://tourdeflex.adobe.com/flex4.0/TileGroup/TileGroupSample.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/TileGroup/srcview/source/TileGroupSample.mxml.html" openLinksExternal="true"/>
+								<Document name="TDFPanelSkin" path="http://tourdeflex.adobe.com/flex4.0/TileGroup/srcview/source/skins/TDFPanelSkin.mxml.html" openLinksExternal="true"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/components&topic=TileGroup" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="70020" name="TitleWindow" author="Adobe Systems, Inc." dateAdded="2010-03-22" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/TitleWindow.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - TitleWindow">
+					<Illustrations>
+						<Illustration name="TitleWindow" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-TitleWindow/sample1.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-TitleWindow/srcview/source/sample1.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-TitleWindow/srcview/source/TDFGradientBackgroundSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/components&topic=TitleWindow" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+			</Category>
+			<Category name="Navigators">
+				<Object id="70170" name="Accordion" author="Adobe Systems, Inc." dateAdded="2010-03-22" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/Accordion.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - Accordion">
+					<Illustrations>
+						<Illustration name="Accordion" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-Accordion/sample1.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-Accordion/srcview/source/sample1.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-Accordion/srcview/source/TDFGradientBackgroundSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=mx/containers&topic=Accordion" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="70180" name="LinkBar" author="Adobe Systems, Inc." dateAdded="2010-03-22" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/LinkBar.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - LinkBar">
+					<Illustrations>
+						<Illustration name="LinkBar" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-LinkBar/sample1.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-LinkBar/srcview/source/sample1.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-LinkBar/srcview/source/TDFGradientBackgroundSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=mx/containers&topic=LinkBar" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="70190" name="TabNavigator" author="Adobe Systems, Inc." dateAdded="2010-03-22" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/TabNavigator.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - TabNavigator">
+					<Illustrations>
+						<Illustration name="TabNavigator" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-TabNavigator/sample1.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-TabNavigator/srcview/source/sample1.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-TabNavigator/srcview/source/TDFGradientBackgroundSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=mx/containers&topic=TabNavigator" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="70200" name="ToggleButtonBar" author="Adobe Systems, Inc." dateAdded="2010-03-22" iconPath="http://www.adobe.com/devnet/flex/tourdeflex/sample/samples/ToggleButtonBar/ButtonBar.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - ToggleButtonBar">
+					<Illustrations>
+						<Illustration name="ToggleButtonBar" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-ToggleButtonBar/sample1.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-ToggleButtonBar/srcview/source/sample1.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-ToggleButtonBar/srcview/source/TDFGradientBackgroundSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=mx/controls&topic=ToggleButtonBar" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="70210" name="ViewStack" author="Adobe Systems, Inc." dateAdded="2010-03-22" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/ViewStack.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - ViewStack">
+					<Illustrations>
+						<Illustration name="ViewStack" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-ViewStack/sample1.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-ViewStack/srcview/source/sample1.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-ViewStack/srcview/source/TDFGradientBackgroundSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=mx/containers&topic=ViewStack" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+			</Category>
+			<Category name="Charts">
+				<Object id="70220" name="AreaChart" author="Adobe Systems, Inc." dateAdded="2010-03-22" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/AreaChart.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - AreaChart">
+					<Illustrations>
+						<Illustration name="AreaChart" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-AreaChart/sample1.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-AreaChart/srcview/source/sample1.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-AreaChart/srcview/source/TDFGradientBackgroundSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=mx/charts&topic=AreaChart" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="70230" name="BarChart" author="Adobe Systems, Inc." dateAdded="2010-03-22" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/BarChart.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - BarChart">
+					<Illustrations>
+						<Illustration name="BarChart" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-BarChart/sample1.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-BarChart/srcview/source/sample1.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-BarChart/srcview/source/TDFGradientBackgroundSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=mx/charts&topic=BarChart" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="70240" name="BubbleChart" author="Adobe Systems, Inc." dateAdded="2010-03-22" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/BubbleChart.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - BubbleChart">
+					<Illustrations>
+						<Illustration name="BubbleChart" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-BubbleChart/sample1.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-BubbleChart/srcview/source/sample1.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-BubbleChart/srcview/source/TDFGradientBackgroundSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=mx/charts&topic=BubbleChart" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="70250" name="CandlestickChart" author="Adobe Systems, Inc." dateAdded="2010-03-22" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/CandlestickChart.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - CandlestickChart">
+					<Illustrations>
+						<Illustration name="CandlestickChart" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-CandlestickChart/sample1.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-CandlestickChart/srcview/source/sample1.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-CandlestickChart/srcview/source/TDFGradientBackgroundSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=mx/charts&topic=CandlestickChart" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="70270" name="ColumnChart" author="Adobe Systems, Inc." dateAdded="2010-03-22" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/ColumnChart.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - ColumnChart">
+					<Illustrations>
+						<Illustration name="ColumnChart" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-ColumnChart/sample1.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-ColumnChart/srcview/source/sample1.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-ColumnChart/srcview/source/TDFGradientBackgroundSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=mx/charts&topic=ColumnChart" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="70280" name="HLOCChart" author="Adobe Systems, Inc." dateAdded="2010-03-22" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/HLOCChart.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - HLOCChart">
+					<Illustrations>
+						<Illustration name="HLOCChart" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-HLOCChart/sample1.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-HLOCChart/srcview/source/sample1.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-HLOCChart/srcview/source/TDFGradientBackgroundSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=mx/charts&topic=HLOCChart" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="70290" name="LineChart" author="Adobe Systems, Inc." dateAdded="2010-03-22" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/LineChart.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - LineChart">
+					<Illustrations>
+						<Illustration name="LineChart" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-LineChart/sample1.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-LineChart/srcview/source/sample1.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-LineChart/srcview/source/TDFGradientBackgroundSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=mx/charts&topic=LineChart" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="70300" name="PieChart" author="Adobe Systems, Inc." dateAdded="2010-03-22" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/PieChart.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - PieChart">
+					<Illustrations>
+						<Illustration name="PieChart" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-PieChart/sample1.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-PieChart/srcview/source/sample1.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-PieChart/srcview/source/TDFGradientBackgroundSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=mx/charts&topic=PieChart" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="70310" name="PlotChart" author="Adobe Systems, Inc." dateAdded="2010-03-22" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/PlotChart.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - PlotChart">
+					<Illustrations>
+						<Illustration name="PlotChart" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-PlotChart/sample1.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-PlotChart/srcview/source/sample1.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-PlotChart/srcview/source/TDFGradientBackgroundSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=mx/charts&topic=PlotChart" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Category name="Charting Effects">
+					<Object id="70320" name="SeriesInterpolate" author="Adobe Systems, Inc." dateAdded="2010-03-22" iconPath="http://www.adobe.com/devnet/flex/tourdeflex/sample/samples/SeriesInterpolate/Effects.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - SeriesInterploate">
+						<Illustrations>
+							<Illustration name="SeriesInterpolate" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-SeriesInterploate/sample1.html">
+								<Documents>
+									<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-SeriesInterploate/srcview/source/sample1.mxml.html"/>
+									<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-SeriesInterploate/srcview/source/TDFGradientBackgroundSkin.mxml.html"/>
+									<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=mx/charts/effects&topic=SeriesInterpolate" openLinksExternal="true"/>
+								</Documents>
+							</Illustration>
+						</Illustrations>
+					</Object>
+					<Object id="70330" name="SeriesSlide" author="Adobe Systems, Inc." dateAdded="2010-03-22" iconPath="http://www.adobe.com/devnet/flex/tourdeflex/sample/samples/SeriesSlide/Effects.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - SeriesSlide">
+						<Illustrations>
+							<Illustration name="SeriesSlide" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-SeriesSlide/sample1.html">
+								<Documents>
+									<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-SeriesSlide/srcview/source/sample1.mxml.html"/>
+									<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-SeriesSlide/srcview/source/TDFGradientBackgroundSkin.mxml.html"/>
+									<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=mx/charts/effects&topic=SeriesSlide" openLinksExternal="true"/>
+								</Documents>
+							</Illustration>
+						</Illustrations>
+					</Object>
+					<Object id="70340" name="SeriesZoom" author="Adobe Systems, Inc." dateAdded="2010-03-22" iconPath="http://www.adobe.com/devnet/flex/tourdeflex/sample/samples/SeriesZoom/Effects.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - SeriesZoom">
+						<Illustrations>
+							<Illustration name="SeriesZoom" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-SeriesZoom/sample1.html">
+								<Documents>
+									<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-SeriesZoom/srcview/source/sample1.mxml.html"/>
+									<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-SeriesZoom/srcview/source/TDFGradientBackgroundSkin.mxml.html"/>
+									<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=mx/charts/effects&topic=SeriesZoom" openLinksExternal="true"/>
+								</Documents>
+							</Illustration>
+						</Illustrations>
+					</Object>
+				</Category>
+			</Category>
+			<Category name="Graphics">
+				<Object id="31799" name="Read Me" iconPath="http://tourdeflex.adobe.com/samples/common/adobe.png" author="Holly Schinsky" tags="readme">
+					<Illustrations>
+						<Illustration name="Read Me" path="http://tourdeflex.adobe.com/flex4samples/Graphics/fxg-readme.html" autoExpand="true" openLinksExternal="true"/>
+					</Illustrations>
+				</Object>
+				<Object id="31805" name="BitmapImage" author="Holly Schinsky" dateAdded="2010-03-22" iconPath="http://www.adobe.com/devnet/flex/tourdeflex/sample/samples/HOWTO/flexicon.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - BitmapImage">
+					<Illustrations>
+						<Illustration name="BitmapImage" path="http://tourdeflex.adobe.com/flex4.0/FXG/BitmapImage/BitmapImageExample.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/FXG/BitmapImage/srcview/source/BitmapImageExample.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/FXG/BitmapImage/srcview/source/skins/TDFPanelSkin.mxml.html"/>
+								<Document name="Flex Project" path="http://tourdeflex.adobe.com/flex4.0/FXG/BitmapImage/srcview/index.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/primitives&topic=BitmapImage" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="31800" name="DropShadow Graphic" author="Joan Lafferty" dateAdded="2009-09-04" iconPath="http://www.adobe.com/devnet/flex/tourdeflex/sample/samples/HOWTO/flexicon.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - DropShadowGraphic">
+					<Illustrations>
+						<Illustration name="DropShadow Graphic" path="http://tourdeflex.adobe.com/flex4samples/Graphics/DropShadowGraphic/DropShadowGraphicExample.html">
+							<Documents>
+								<Document name="DropShadowGraphicExample.mxml" path="http://tourdeflex.adobe.com/flex4samples/Graphics/DropShadowGraphic/srcview/source/DropShadowGraphicExample.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4samples/Graphics/DropShadowGraphic/srcview/source/skins/TDFPanelSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=flash/filters&topic=DropShadowFilter" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="31885" name="Ellipse" author="Holly Schinsky" dateAdded="2010-03-22" iconPath="http://www.adobe.com/devnet/flex/tourdeflex/sample/samples/HOWTO/flexicon.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - Ellipse">
+					<Illustrations>
+						<Illustration name="Ellipse" path="http://tourdeflex.adobe.com/flex4.0/FXG/Ellipse/sample.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/FXG/Ellipse/srcview/source/sample.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/FXG/Ellipse/srcview/source/skins/TDFPanelSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/primitives&topic=Ellipse" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="31900" name="Ellipse Transform" author="Joan Lafferty" dateAdded="2009-09-04" iconPath="http://www.adobe.com/devnet/flex/tourdeflex/sample/samples/HOWTO/flexicon.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - EllipseTransform">
+					<Illustrations>
+						<Illustration name="Ellipse Transform" path="http://tourdeflex.adobe.com/flex4samples/Graphics/EllipseTransform/EllipseTransformExample.html">
+							<Documents>
+								<Document name="EllipseTransformExample.mxml" path="http://tourdeflex.adobe.com/flex4samples/Graphics/EllipseTransform/srcview/source/EllipseTransformExample.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4samples/Graphics/EllipseTransform/srcview/source/skins/TDFPanelSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/primitives&topic=Ellipse" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="31905" name="Line" author="Holly Schinsky" dateAdded="2010-03-22" iconPath="http://www.adobe.com/devnet/flex/tourdeflex/sample/samples/HOWTO/flexicon.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - Line">
+					<Illustrations>
+						<Illustration name="Line" path="http://tourdeflex.adobe.com/flex4.0/FXG/Line/sample.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/FXG/Line/srcview/source/sample.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/FXG/Line/srcview/source/skins/TDFPanelSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/primitives&topic=Line" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="32000" name="Linear Gradient Spread" author="Joan Lafferty" dateAdded="2009-09-04" iconPath="http://www.adobe.com/devnet/flex/tourdeflex/sample/samples/HOWTO/flexicon.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - LinearGradientSpreadMethod">
+					<Illustrations>
+						<Illustration name="LinearGradient Spread" path="http://tourdeflex.adobe.com/flex4samples/Graphics/LinearGradientSpread/LinearGradientsSpreadMethodExample.html">
+							<Documents>
+								<Document name="LinearGradientSpreadMethodExample.mxml" path="http://tourdeflex.adobe.com/flex4samples/Graphics/LinearGradientSpread/srcview/source/LinearGradientsSpreadMethodExample.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4samples/Graphics/LinearGradientSpread/srcview/source/skins/TDFPanelSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=mx/graphics&topic=LinearGradient" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="32100" name="Static FXG" author="Joan Lafferty" dateAdded="2009-09-04" iconPath="http://www.adobe.com/devnet/flex/tourdeflex/sample/samples/HOWTO/flexicon.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - Static FXG">
+					<Illustrations>
+						<Illustration name="Static FXG" path="http://tourdeflex.adobe.com/flex4samples/Graphics/StaticFXG/StaticFXG_Sample.html">
+							<Documents>
+								<Document name="StaticFXG_Sxample.mxml" path="http://tourdeflex.adobe.com/flex4samples/Graphics/StaticFXG/srcview/source/StaticFXG_Sample.mxml.html"/>
+								<Document name="OrangeCrayonStar.fxg" path="http://tourdeflex.adobe.com/flex4samples/Graphics/StaticFXG/srcview/source/OrangeCrayonStar.fxg"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4samples/Graphics/StaticFXG/srcview/source/skins/TDFPanelSkin.mxml.html"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+			</Category>
+			<Category name="Effects">
+				<Object id="31199" name="Read Me" iconPath="http://tourdeflex.adobe.com/samples/common/adobe.png" author="Holly Schinsky" tags="readme">
+					<Illustrations>
+						<Illustration name="Read Me" path="http://tourdeflex.adobe.com/flex4samples/Effects/effects-readme.html" autoExpand="true" openLinksExternal="true"/>
+					</Illustrations>
+				</Object>
+				<Object id="31202" name="AnimateProperties" author="David Flatley" dateAdded="2010-03-22" iconPath="http://www.adobe.com/devnet/flex/tourdeflex/sample/samples/SharedAssets/effectIcon.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - AnimateProperties">
+					<Illustrations>
+						<Illustration name="AnimateProperties" path="http://tourdeflex.adobe.com/flex4samples/Effects/AnimateProperties/Sample.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4samples/Effects/AnimateProperties/srcview/source/Sample.mxml.html"/>
+								<Document name="Flex Project" path="http://tourdeflex.adobe.com/flex4samples/Effects/AnimateProperties/srcview/index.html" openLinksExternal="true"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/effects&topic=Animate" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="31205" name="AnimateTransitionShader" author="Holly Schinsky" dateAdded="2010-03-22" iconPath="http://www.adobe.com/devnet/flex/tourdeflex/sample/samples/SharedAssets/effectIcon.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - AnimateTransitionShader - Bounce">
+					<Illustrations>
+						<Illustration name="AnimateTransitionShader" path="http://tourdeflex.adobe.com/flex4.0/AnimateShaderTransitionEffect/sample.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/AnimateShaderTransitionEffect/srcview/source/sample.mxml.html"/>
+								<Document name="Flex Project" path="http://tourdeflex.adobe.com/flex4.0/AnimateShaderTransitionEffect/srcview/" openLinksExternal="true"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/effects&topic=AnimateTransitionShader" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="31200" name="AnimateTransform" author="Holly Schinsky" dateAdded="2009-09-01" iconPath="http://www.adobe.com/devnet/flex/tourdeflex/sample/samples/SharedAssets/effectIcon.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - AnimateTransform - Bounce">
+					<Illustrations>
+						<Illustration name="AnimateTransform" path="http://tourdeflex.adobe.com/flex4samples/Effects/AnimateTransform-Bounce/sample.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4samples/Effects/AnimateTransform-Bounce/srcview/source/sample.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4samples/Effects/AnimateTransform-Bounce/srcview/source/skins/TDFPanelSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/effects&topic=AnimateTransform" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="31250" name="Fade" author="Holly Schinsky" dateAdded="2009-10-20" iconPath="http://www.adobe.com/devnet/flex/tourdeflex/sample/samples/SharedAssets/effectIcon.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - Fade Effect">
+					<Illustrations>
+						<Illustration name="Fade" path="http://tourdeflex.adobe.com/flex4samples/Effects/Fade/sample.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4samples/Effects/Fade/srcview/source/sample.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4samples/Effects/Fade/srcview/source/skins/TDFPanelSkin.mxml.html"/>
+								<Document name="Flex Project" path="http://tourdeflex.adobe.com/flex4samples/Effects/Fade/srcview/index.html" openLinksExternal="true"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/effects&topic=Fade" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="31253" name="CrossFade" author="Holly Schinsky" dateAdded="2009-10-20" iconPath="http://www.adobe.com/devnet/flex/tourdeflex/sample/samples/SharedAssets/effectIcon.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - Cross Fade Effect">
+					<Illustrations>
+						<Illustration name="CrossFade" path="http://tourdeflex.adobe.com/flex4samples/Effects/CrossFade/sample.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4samples/Effects/CrossFade/srcview/source/sample.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4samples/Effects/CrossFade/srcview/source/skins/TDFPanelSkin.mxml.html"/>
+								<Document name="Flex Project" path="http://tourdeflex.adobe.com/flex4samples/Effects/CrossFade/srcview/index.html" openLinksExternal="true"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/effects&topic=CrossFade" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="31256" name="Move3D" author="Holly Schinsky" dateAdded="2010-03-22" iconPath="http://www.adobe.com/devnet/flex/tourdeflex/sample/samples/SharedAssets/effectIcon.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - Move3D Effect">
+					<Illustrations>
+						<Illustration name="Move3D" path="http://tourdeflex.adobe.com/flex4.0/Move3D/sample.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/Move3D/srcview/source/sample.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/Move3D/srcview/source/skins/TDFPanelSkin.mxml.html"/>
+								<Document name="Flex Project" path="http://tourdeflex.adobe.com/flex4.0/Move3D/srcview/index.html" openLinksExternal="true"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/effects&topic=Move3D" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="31300" name="Rotate3D" author="Holly Schinsky" dateAdded="2009-09-01" iconPath="http://www.adobe.com/devnet/flex/tourdeflex/sample/samples/SharedAssets/effectIcon.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - Rotate3D">
+					<Illustrations>
+						<Illustration name="Rotate3D" path="http://tourdeflex.adobe.com/flex4samples/Effects/Rotate3D/sample.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4samples/Effects/Rotate3D/srcview/source/sample.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4samples/Effects/Rotate3D/srcview/source/skins/TDFPanelSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/effects&topic=Rotate3D" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="31400" name="Scale3D" author="Holly Schinsky" dateAdded="2009-09-01" iconPath="http://www.adobe.com/devnet/flex/tourdeflex/sample/samples/SharedAssets/effectIcon.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - Scale3D">
+					<Illustrations>
+						<Illustration name="Scale3D" path="http://tourdeflex.adobe.com/flex4samples/Effects/Scale3D/sample.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4samples/Effects/Scale3D/srcview/source/sample.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4samples/Effects/Rotate3D/srcview/source/skins/TDFPanelSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/effects&topic=Scale3D" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="31405" name="Wipe" author="Holly Schinsky" dateAdded="2010-03-22" iconPath="http://www.adobe.com/devnet/flex/tourdeflex/sample/samples/SharedAssets/effectIcon.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - Move3D Effect">
+					<Illustrations>
+						<Illustration name="Wipe" path="http://tourdeflex.adobe.com/flex4.0/Wipe/sample.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/Wipe/srcview/source/sample.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/Wipe/srcview/source/skins/TDFPanelSkin.mxml.html"/>
+								<Document name="Flex Project" path="http://tourdeflex.adobe.com/flex4.0/Wipe/srcview/index.html" openLinksExternal="true"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/effects&topic=Wipe" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+			</Category>
+			<Category name="Formatters">
+				<Object id="70440" name="Formatter" author="Adobe Systems, Inc." dateAdded="2010-03-22" iconPath="http://www.adobe.com/devnet/flex/tourdeflex/sample/samples/Formatter/formattericon.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - Formatter">
+					<Illustrations>
+						<Illustration name="Formatter" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-Formatter/sample1.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-Formatter/srcview/source/sample1.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-Formatter/srcview/source/TDFGradientBackgroundSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=mx/formatters&topic=Formatter" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="70450" name="CurrencyFormatter" author="Adobe Systems, Inc." dateAdded="2010-03-22" iconPath="http://www.adobe.com/devnet/flex/tourdeflex/sample/samples/Formatter/formattericon.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - CurrencyFormatter">
+					<Illustrations>
+						<Illustration name="CurrencyFormatter" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-CurrencyFormatter/sample1.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-CurrencyFormatter/srcview/source/sample1.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-CurrencyFormatter/srcview/source/TDFGradientBackgroundSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=mx/formatters&topic=CurrencyFormatter" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="70070" name="DateFormatter" author="Adobe Systems, Inc." dateAdded="2010-03-22" iconPath="http://www.adobe.com/devnet/flex/tourdeflex/sample/samples/Formatter/formattericon.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - DateFormatter">
+					<Illustrations>
+						<Illustration name="DateFormatter" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-DateFormatter/sample1.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-DateFormatter/srcview/source/sample1.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-DateFormatter/srcview/source/TDFGradientBackgroundSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=mx/formatters&topic=DateFormatter" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="70460" name="NumberFormatter" author="Adobe Systems, Inc." dateAdded="2010-03-22" iconPath="http://www.adobe.com/devnet/flex/tourdeflex/sample/samples/Formatter/formattericon.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - NumberFormatter">
+					<Illustrations>
+						<Illustration name="NumberFormatter" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-NumberFormatter/sample1.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-NumberFormatter/srcview/source/sample1.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-NumberFormatter/srcview/source/TDFGradientBackgroundSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=mx/formatters&topic=NumberFormatter" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="70470" name="PhoneFormatter" author="Adobe Systems, Inc." dateAdded="2010-03-22" iconPath="http://www.adobe.com/devnet/flex/tourdeflex/sample/samples/Formatter/formattericon.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - PhoneFormatter">
+					<Illustrations>
+						<Illustration name="PhoneFormatter" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-PhoneFormatter/sample1.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-PhoneFormatter/srcview/source/sample1.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-PhoneFormatter/srcview/source/TDFGradientBackgroundSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=mx/formatters&topic=PhoneFormatter" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="70480" name="SwitchSymbolFormatter" author="Adobe Systems, Inc." dateAdded="2010-03-22" iconPath="http://www.adobe.com/devnet/flex/tourdeflex/sample/samples/Formatter/formattericon.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - SwitchSymbolFormatter">
+					<Illustrations>
+						<Illustration name="SwitchSymbolFormatter" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-SwitchSymbolFormatter/sample1.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-SwitchSymbolFormatter/srcview/source/sample1.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-SwitchSymbolFormatter/srcview/source/TDFGradientBackgroundSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=mx/formatters&topic=SwitchSymbolFormatter" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="70490" name="ZipCodeFormatter" author="Adobe Systems, Inc." dateAdded="2010-03-22" iconPath="http://www.adobe.com/devnet/flex/tourdeflex/sample/samples/Formatter/formattericon.png" tags="gumbo,flex4,flex 4" viewCount="0" descrip

<TRUNCATED>

[20/51] [partial] Merged TourDeFlex release from develop

Posted by jm...@apache.org.
http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR20/NativeProcess/srcview/source/sample.mxml.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR20/NativeProcess/srcview/source/sample.mxml.html b/TourDeFlex/TourDeFlex/src/objects/AIR20/NativeProcess/srcview/source/sample.mxml.html
new file mode 100644
index 0000000..388b575
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR20/NativeProcess/srcview/source/sample.mxml.html
@@ -0,0 +1,126 @@
+<!--
+  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.
+-->
+<!-- saved from url=(0014)about:internet -->
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+<title>sample.mxml</title>
+<link rel="stylesheet" type="text/css" href="../SourceStyles.css"/>
+</head>
+
+<body><pre><span class="MXMLProcessing_Instruction">&lt;?xml version="1.0" encoding="utf-8"?&gt;</span>
+<span class="MXMLComponent_Tag">&lt;s:WindowedApplication</span><span class="MXMLDefault_Text"> xmlns:fx="</span><span class="MXMLString">http://ns.adobe.com/mxml/2009</span><span class="MXMLDefault_Text">"
+    xmlns:s="</span><span class="MXMLString">library://ns.adobe.com/flex/spark</span><span class="MXMLDefault_Text">"
+    xmlns:mx="</span><span class="MXMLString">library://ns.adobe.com/flex/mx</span><span class="MXMLDefault_Text">" creationComplete="</span><span class="ActionScriptDefault_Text">init</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+    
+    <span class="MXMLSpecial_Tag">&lt;fx:Script&gt;</span>
+        &lt;![CDATA[
+            <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">mx</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">controls</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">Alert</span>;
+            
+            <span class="ActionScriptReserved">private</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">process</span>:<span class="ActionScriptDefault_Text">NativeProcess</span>;
+            
+            <span class="ActionScriptReserved">public</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">init</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
+            <span class="ActionScriptBracket/Brace">{</span>
+                <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptOperator">!</span><span class="ActionScriptDefault_Text">NativeProcess</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">isSupported</span><span class="ActionScriptBracket/Brace">)</span>
+                <span class="ActionScriptBracket/Brace">{</span>
+                    <span class="ActionScriptComment">// Note: you could also get this error if you forgot to add the extendedDesktop flag to your app.xml descriptor
+</span>                    <span class="ActionScriptComment">// this line must be within the &lt;application&gt; tags: &lt;supportedProfiles&gt;extendedDesktop&lt;/supportedProfiles&gt;
+</span>                    <span class="ActionScriptDefault_Text">Alert</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">show</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">"NativeProcess is not supported"</span><span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptBracket/Brace">}</span>
+            <span class="ActionScriptBracket/Brace">}</span>
+            
+            <span class="ActionScriptReserved">public</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">runProcess</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
+            <span class="ActionScriptBracket/Brace">{</span>
+                <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">file</span>:<span class="ActionScriptDefault_Text">File</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">File</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptReserved">try</span>
+                <span class="ActionScriptBracket/Brace">{</span>
+                    <span class="ActionScriptComment">// Use default paths for ping... modify if your system does not use the default path
+</span>                    <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">Capabilities</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">os</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">toLowerCase</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">indexOf</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">"win"</span><span class="ActionScriptBracket/Brace">)</span> <span class="ActionScriptOperator">&gt;</span> <span class="ActionScriptOperator">-</span>1<span class="ActionScriptBracket/Brace">)</span>
+                    <span class="ActionScriptBracket/Brace">{</span>
+                        <span class="ActionScriptDefault_Text">file</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">File</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">"c:\windows\system32\ping.exe"</span><span class="ActionScriptBracket/Brace">)</span>;
+                    <span class="ActionScriptBracket/Brace">}</span>
+                    <span class="ActionScriptReserved">else</span> <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">Capabilities</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">os</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">toLowerCase</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">indexOf</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">"mac"</span><span class="ActionScriptBracket/Brace">)</span> <span class="ActionScriptOperator">&gt;</span> <span class="ActionScriptOperator">-</span>1<span class="ActionScriptBracket/Brace">)</span>
+                    <span class="ActionScriptBracket/Brace">{</span>
+                        <span class="ActionScriptDefault_Text">file</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">File</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">"/sbin/ping"</span><span class="ActionScriptBracket/Brace">)</span>;
+                        <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">file</span> <span class="ActionScriptOperator">==</span> <span class="ActionScriptReserved">null</span><span class="ActionScriptBracket/Brace">)</span>
+                            <span class="ActionScriptDefault_Text">file</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">File</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">"/bin/ping"</span><span class="ActionScriptBracket/Brace">)</span>;
+                        <span class="ActionScriptReserved">else</span> <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">file</span> <span class="ActionScriptOperator">==</span> <span class="ActionScriptReserved">null</span><span class="ActionScriptBracket/Brace">)</span>
+                            <span class="ActionScriptDefault_Text">file</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">File</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">"/usr/bin/ping"</span><span class="ActionScriptBracket/Brace">)</span>;
+                    <span class="ActionScriptBracket/Brace">}</span>
+                    <span class="ActionScriptReserved">else</span> <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">Capabilities</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">os</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">toLowerCase</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">indexOf</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">"linux"</span><span class="ActionScriptBracket/Brace">)</span> <span class="ActionScriptOperator">&gt;</span> <span class="ActionScriptOperator">-</span>1<span class="ActionScriptBracket/Brace">)</span>
+                    <span class="ActionScriptBracket/Brace">{</span>
+                        <span class="ActionScriptDefault_Text">file</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">File</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">"/sbin/ping"</span><span class="ActionScriptBracket/Brace">)</span>;
+                        <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">file</span> <span class="ActionScriptOperator">==</span> <span class="ActionScriptReserved">null</span><span class="ActionScriptBracket/Brace">)</span>
+                            <span class="ActionScriptDefault_Text">file</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">File</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">"/bin/ping"</span><span class="ActionScriptBracket/Brace">)</span>;
+                        <span class="ActionScriptReserved">else</span> <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">file</span> <span class="ActionScriptOperator">==</span> <span class="ActionScriptReserved">null</span><span class="ActionScriptBracket/Brace">)</span>
+                            <span class="ActionScriptDefault_Text">file</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">File</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">"/usr/bin/ping"</span><span class="ActionScriptBracket/Brace">)</span>;    
+                    <span class="ActionScriptBracket/Brace">}</span>
+                    
+                    <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">nativeProcessStartupInfo</span>:<span class="ActionScriptDefault_Text">NativeProcessStartupInfo</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">NativeProcessStartupInfo</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
+                    <span class="ActionScriptDefault_Text">nativeProcessStartupInfo</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">executable</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">file</span>;
+                    <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">args</span>:<span class="ActionScriptDefault_Text">Vector</span><span class="ActionScriptBracket/Brace">.&lt;</span><span class="ActionScriptDefault_Text">String</span><span class="ActionScriptBracket/Brace">&gt;</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">Vector</span><span class="ActionScriptBracket/Brace">.&lt;</span><span class="ActionScriptDefault_Text">String</span><span class="ActionScriptBracket/Brace">&gt;</span>;
+                    <span class="ActionScriptDefault_Text">args</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">push</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">"www.adobe.com"</span><span class="ActionScriptBracket/Brace">)</span>; <span class="ActionScriptComment">// what we're pinging
+</span>                    <span class="ActionScriptDefault_Text">nativeProcessStartupInfo</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">arguments</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">args</span>;
+                    <span class="ActionScriptDefault_Text">process</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">NativeProcess</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
+                    <span class="ActionScriptDefault_Text">process</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">start</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">nativeProcessStartupInfo</span><span class="ActionScriptBracket/Brace">)</span>;
+                    
+                    <span class="ActionScriptDefault_Text">process</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">addEventListener</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">ProgressEvent</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">STANDARD_OUTPUT_DATA</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">stdoutHandler</span><span class="ActionScriptBracket/Brace">)</span>;
+                    <span class="ActionScriptDefault_Text">process</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">addEventListener</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">ProgressEvent</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">STANDARD_ERROR_DATA</span><span class="ActionScriptOperator">,</span><span class="ActionScriptDefault_Text">errorHandler</span><span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptBracket/Brace">}</span>
+                <span class="ActionScriptReserved">catch</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">e</span>:<span class="ActionScriptDefault_Text">Error</span><span class="ActionScriptBracket/Brace">)</span>
+                <span class="ActionScriptBracket/Brace">{</span>
+                    <span class="ActionScriptDefault_Text">Alert</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">show</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">e</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">message</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptString">"Error"</span><span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptBracket/Brace">}</span>
+            <span class="ActionScriptBracket/Brace">}</span>
+            
+            <span class="ActionScriptReserved">public</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">stdoutHandler</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">event</span>:<span class="ActionScriptDefault_Text">ProgressEvent</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
+            <span class="ActionScriptBracket/Brace">{</span>
+                <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">process</span>:<span class="ActionScriptDefault_Text">NativeProcess</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">event</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">target</span> <span class="ActionScriptReserved">as</span> <span class="ActionScriptDefault_Text">NativeProcess</span>;
+                <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">data</span>:<span class="ActionScriptDefault_Text">String</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">process</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">standardOutput</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">readUTFBytes</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">process</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">standardOutput</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">bytesAvailable</span><span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptDefault_Text">log</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span> <span class="ActionScriptOperator">+=</span> <span class="ActionScriptDefault_Text">data</span>;
+            <span class="ActionScriptBracket/Brace">}</span>
+            
+            <span class="ActionScriptReserved">public</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">errorHandler</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">event</span>:<span class="ActionScriptDefault_Text">ProgressEvent</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
+            <span class="ActionScriptBracket/Brace">{</span>
+                <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">process</span>:<span class="ActionScriptDefault_Text">NativeProcess</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">event</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">target</span> <span class="ActionScriptReserved">as</span> <span class="ActionScriptDefault_Text">NativeProcess</span>;
+                <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">data</span>:<span class="ActionScriptDefault_Text">String</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">process</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">standardError</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">readUTFBytes</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">process</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">standardError</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">bytesAvailable</span><span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptDefault_Text">log</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span> <span class="ActionScriptOperator">+=</span> <span class="ActionScriptDefault_Text">data</span>;
+            <span class="ActionScriptBracket/Brace">}</span>
+            
+        <span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptOperator">&gt;</span>
+    <span class="MXMLSpecial_Tag">&lt;/fx:Script&gt;</span>
+    
+    <span class="MXMLComponent_Tag">&lt;s:Panel</span><span class="MXMLDefault_Text"> width="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" height="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" horizontalCenter="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">" title="</span><span class="MXMLString">NativeProcess Sample</span><span class="MXMLDefault_Text">" skinClass="</span><span class="MXMLString">skins.TDFPanelSkin</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;s:Label</span><span class="MXMLDefault_Text"> left="</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">" top="</span><span class="MXMLString">7</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">470</span><span class="MXMLDefault_Text">" verticalAlign="</span><span class="MXMLString">justify</span><span class="MXMLDefault_Text">" color="</span><span class="MXMLString">#323232</span><span class="MXMLDefault_Text">" 
+                 text="</span><span class="MXMLString">The NativeProcess feature allows you to invoke any executable found on your Operating System. You can provide the necessary
+startup data and arguments for the executable using the NativeProcessStartupInfo class. This sample shows how it can be used to run a native ping
+against www.adobe.com using the default path for ping on your OS.</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;s:VGroup</span><span class="MXMLDefault_Text"> left="</span><span class="MXMLString">100</span><span class="MXMLDefault_Text">" bottom="</span><span class="MXMLString">65</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">300</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;s:Label</span><span class="MXMLDefault_Text"> text="</span><span class="MXMLString">Trace:</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;s:TextArea</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">log</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" height="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" editable="</span><span class="MXMLString">false</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>    
+        <span class="MXMLComponent_Tag">&lt;/s:VGroup&gt;</span>
+        
+        <span class="MXMLComponent_Tag">&lt;s:HGroup</span><span class="MXMLDefault_Text"> bottom="</span><span class="MXMLString">30</span><span class="MXMLDefault_Text">" horizontalCenter="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;s:Button</span><span class="MXMLDefault_Text"> label="</span><span class="MXMLString">Run</span><span class="MXMLDefault_Text">" click="</span><span class="ActionScriptDefault_Text">runProcess</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span><span class="MXMLDefault_Text">" horizontalCenter="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;s:Button</span><span class="MXMLDefault_Text"> label="</span><span class="MXMLString">Stop</span><span class="MXMLDefault_Text">" click="</span><span class="ActionScriptDefault_Text">process</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">exit</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;<span class="MXMLDefault_Text">" horizontalCenter="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;s:Button</span><span class="MXMLDefault_Text"> label="</span><span class="MXMLString">Clear</span><span class="MXMLDefault_Text">" click="</span><span class="ActionScriptDefault_Text">log</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span><span class="ActionScriptOperator">=</span><span class="ActionScriptString">''</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;/s:HGroup&gt;</span>
+    <span class="MXMLComponent_Tag">&lt;/s:Panel&gt;</span>
+    
+<span class="MXMLComponent_Tag">&lt;/s:WindowedApplication&gt;</span></pre></body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR20/NativeProcess/srcview/source/skins/TDFPanelSkin.mxml.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR20/NativeProcess/srcview/source/skins/TDFPanelSkin.mxml.html b/TourDeFlex/TourDeFlex/src/objects/AIR20/NativeProcess/srcview/source/skins/TDFPanelSkin.mxml.html
new file mode 100644
index 0000000..df79d11
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR20/NativeProcess/srcview/source/skins/TDFPanelSkin.mxml.html
@@ -0,0 +1,147 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+<head>
+  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+  <meta http-equiv="Content-Style-Type" content="text/css">
+  <title>TDFPanelSkin.mxml</title>
+  <meta name="Generator" content="Cocoa HTML Writer">
+  <meta name="CocoaVersion" content="1187.4">
+  <style type="text/css">
+    p.p1 {margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Courier}
+    p.p2 {margin: 0.0px 0.0px 0.0px 0.0px; font: 11.0px Monaco; color: #941100}
+    p.p3 {margin: 0.0px 0.0px 0.0px 0.0px; font: 11.0px Monaco; min-height: 15.0px}
+    p.p4 {margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Courier; min-height: 14.0px}
+  </style>
+</head>
+<body>
+<p class="p1">&lt;?xml version="1.0" encoding="utf-8"?&gt;</p>
+<p class="p2">&lt;!--</p>
+<p class="p3"><br></p>
+<p class="p2">Licensed to the Apache Software Foundation (ASF) under one or more</p>
+<p class="p2">contributor license agreements.<span class="Apple-converted-space">  </span>See the NOTICE file distributed with</p>
+<p class="p2">this work for additional information regarding copyright ownership.</p>
+<p class="p2">The ASF licenses this file to You under the Apache License, Version 2.0</p>
+<p class="p2">(the "License"); you may not use this file except in compliance with</p>
+<p class="p2">the License.<span class="Apple-converted-space">  </span>You may obtain a copy of the License at</p>
+<p class="p3"><br></p>
+<p class="p2">http://www.apache.org/licenses/LICENSE-2.0</p>
+<p class="p3"><br></p>
+<p class="p2">Unless required by applicable law or agreed to in writing, software</p>
+<p class="p2">distributed under the License is distributed on an "AS IS" BASIS,</p>
+<p class="p2">WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.</p>
+<p class="p2">See the License for the specific language governing permissions and</p>
+<p class="p2">limitations under the License.</p>
+<p class="p3"><br></p>
+<p class="p2">--&gt;</p>
+<p class="p4"><br></p>
+<p class="p1">&lt;s:Skin xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark"<span class="Apple-converted-space"> </span></p>
+<p class="p1"><span class="Apple-converted-space">        </span>alpha.disabled="0.5" minWidth="131" minHeight="127"&gt;</p>
+<p class="p4"><span class="Apple-converted-space">    </span></p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;fx:Metadata&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>[HostComponent("spark.components.Panel")]</p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;/fx:Metadata&gt;<span class="Apple-converted-space"> </span></p>
+<p class="p4"><span class="Apple-converted-space">    </span></p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;s:states&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:State name="normal" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:State name="disabled" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:State name="normalWithControlBar" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:State name="disabledWithControlBar" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;/s:states&gt;</p>
+<p class="p4"><span class="Apple-converted-space">    </span></p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;!-- drop shadow --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;s:Rect left="0" top="0" right="0" bottom="0"&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:filters&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:DropShadowFilter blurX="15" blurY="15" alpha="0.18" distance="11" angle="90" knockout="true" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;/s:filters&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:SolidColor color="0" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;/s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;/s:Rect&gt;</p>
+<p class="p4"><span class="Apple-converted-space">    </span></p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;!-- layer 1: border --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;s:Rect left="0" right="0" top="0" bottom="0"&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:stroke&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:SolidColorStroke color="0" alpha="0.50" weight="1" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;/s:stroke&gt;</p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;/s:Rect&gt;</p>
+<p class="p4"><span class="Apple-converted-space">    </span></p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;!-- layer 2: background fill --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;s:Rect left="0" right="0" bottom="0" height="15"&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:LinearGradient rotation="90"&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;s:GradientEntry color="0xE2E2E2" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;s:GradientEntry color="0x000000" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;/s:LinearGradient&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;/s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;/s:Rect&gt;</p>
+<p class="p4"><span class="Apple-converted-space">    </span></p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;!-- layer 3: contents --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;s:Group left="1" right="1" top="1" bottom="1" &gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:layout&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:VerticalLayout gap="0" horizontalAlign="justify" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;/s:layout&gt;</p>
+<p class="p4"><span class="Apple-converted-space">        </span></p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:Group id="topGroup" &gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;!-- layer 0: title bar fill --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;!-- Note: We have custom skinned the title bar to be solid black for Tour de Flex --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:Rect id="tbFill" left="0" right="0" top="0" bottom="1" &gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                    </span>&lt;s:SolidColor color="0x000000" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;/s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;/s:Rect&gt;</p>
+<p class="p4"><span class="Apple-converted-space">            </span></p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;!-- layer 1: title bar highlight --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:Rect id="tbHilite" left="0" right="0" top="0" bottom="0" &gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;s:stroke&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                    </span>&lt;s:LinearGradientStroke rotation="90" weight="1"&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                        </span>&lt;s:GradientEntry color="0xEAEAEA" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                        </span>&lt;s:GradientEntry color="0xD9D9D9" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                    </span>&lt;/s:LinearGradientStroke&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;/s:stroke&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;/s:Rect&gt;</p>
+<p class="p4"><span class="Apple-converted-space">            </span></p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;!-- layer 2: title bar divider --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:Rect id="tbDiv" left="0" right="0" height="1" bottom="0"&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                    </span>&lt;s:SolidColor color="0xC0C0C0" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;/s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;/s:Rect&gt;</p>
+<p class="p4"><span class="Apple-converted-space">            </span></p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;!-- layer 3: text --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:Label id="titleDisplay" maxDisplayedLines="1"</p>
+<p class="p1"><span class="Apple-converted-space">                     </span>left="9" right="3" top="1" minHeight="30"</p>
+<p class="p1"><span class="Apple-converted-space">                     </span>verticalAlign="middle" fontWeight="bold" color="#E2E2E2"&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;/s:Label&gt;</p>
+<p class="p4"><span class="Apple-converted-space">            </span></p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;/s:Group&gt;</p>
+<p class="p4"><span class="Apple-converted-space">        </span></p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:Group id="contentGroup" width="100%" height="100%" minWidth="0" minHeight="0"&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;/s:Group&gt;</p>
+<p class="p4"><span class="Apple-converted-space">        </span></p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:Group id="bottomGroup" minWidth="0" minHeight="0"</p>
+<p class="p1"><span class="Apple-converted-space">                 </span>includeIn="normalWithControlBar, disabledWithControlBar" &gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;!-- layer 0: control bar background --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:Rect left="0" right="0" bottom="0" top="1" &gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                    </span>&lt;s:SolidColor color="0xE2EdF7" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;/s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;/s:Rect&gt;</p>
+<p class="p4"><span class="Apple-converted-space">            </span></p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;!-- layer 1: control bar divider line --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:Rect left="0" right="0" top="0" height="1" &gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                    </span>&lt;s:SolidColor color="0xD1E0F2" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;/s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;/s:Rect&gt;</p>
+<p class="p4"><span class="Apple-converted-space">            </span></p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;!-- layer 2: control bar --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:Group id="controlBarGroup" left="0" right="0" top="1" bottom="1" minWidth="0" minHeight="0"&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;s:layout&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                    </span>&lt;s:HorizontalLayout paddingLeft="10" paddingRight="10" paddingTop="7" paddingBottom="7" gap="10" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;/s:layout&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;/s:Group&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;/s:Group&gt;</p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;/s:Group&gt;</p>
+<p class="p1">&lt;/s:Skin&gt;</p>
+</body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR20/NetworkInfo/TDFPanelSkin.mxml.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR20/NetworkInfo/TDFPanelSkin.mxml.html b/TourDeFlex/TourDeFlex/src/objects/AIR20/NetworkInfo/TDFPanelSkin.mxml.html
new file mode 100644
index 0000000..df79d11
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR20/NetworkInfo/TDFPanelSkin.mxml.html
@@ -0,0 +1,147 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+<head>
+  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+  <meta http-equiv="Content-Style-Type" content="text/css">
+  <title>TDFPanelSkin.mxml</title>
+  <meta name="Generator" content="Cocoa HTML Writer">
+  <meta name="CocoaVersion" content="1187.4">
+  <style type="text/css">
+    p.p1 {margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Courier}
+    p.p2 {margin: 0.0px 0.0px 0.0px 0.0px; font: 11.0px Monaco; color: #941100}
+    p.p3 {margin: 0.0px 0.0px 0.0px 0.0px; font: 11.0px Monaco; min-height: 15.0px}
+    p.p4 {margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Courier; min-height: 14.0px}
+  </style>
+</head>
+<body>
+<p class="p1">&lt;?xml version="1.0" encoding="utf-8"?&gt;</p>
+<p class="p2">&lt;!--</p>
+<p class="p3"><br></p>
+<p class="p2">Licensed to the Apache Software Foundation (ASF) under one or more</p>
+<p class="p2">contributor license agreements.<span class="Apple-converted-space">  </span>See the NOTICE file distributed with</p>
+<p class="p2">this work for additional information regarding copyright ownership.</p>
+<p class="p2">The ASF licenses this file to You under the Apache License, Version 2.0</p>
+<p class="p2">(the "License"); you may not use this file except in compliance with</p>
+<p class="p2">the License.<span class="Apple-converted-space">  </span>You may obtain a copy of the License at</p>
+<p class="p3"><br></p>
+<p class="p2">http://www.apache.org/licenses/LICENSE-2.0</p>
+<p class="p3"><br></p>
+<p class="p2">Unless required by applicable law or agreed to in writing, software</p>
+<p class="p2">distributed under the License is distributed on an "AS IS" BASIS,</p>
+<p class="p2">WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.</p>
+<p class="p2">See the License for the specific language governing permissions and</p>
+<p class="p2">limitations under the License.</p>
+<p class="p3"><br></p>
+<p class="p2">--&gt;</p>
+<p class="p4"><br></p>
+<p class="p1">&lt;s:Skin xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark"<span class="Apple-converted-space"> </span></p>
+<p class="p1"><span class="Apple-converted-space">        </span>alpha.disabled="0.5" minWidth="131" minHeight="127"&gt;</p>
+<p class="p4"><span class="Apple-converted-space">    </span></p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;fx:Metadata&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>[HostComponent("spark.components.Panel")]</p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;/fx:Metadata&gt;<span class="Apple-converted-space"> </span></p>
+<p class="p4"><span class="Apple-converted-space">    </span></p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;s:states&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:State name="normal" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:State name="disabled" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:State name="normalWithControlBar" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:State name="disabledWithControlBar" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;/s:states&gt;</p>
+<p class="p4"><span class="Apple-converted-space">    </span></p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;!-- drop shadow --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;s:Rect left="0" top="0" right="0" bottom="0"&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:filters&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:DropShadowFilter blurX="15" blurY="15" alpha="0.18" distance="11" angle="90" knockout="true" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;/s:filters&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:SolidColor color="0" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;/s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;/s:Rect&gt;</p>
+<p class="p4"><span class="Apple-converted-space">    </span></p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;!-- layer 1: border --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;s:Rect left="0" right="0" top="0" bottom="0"&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:stroke&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:SolidColorStroke color="0" alpha="0.50" weight="1" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;/s:stroke&gt;</p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;/s:Rect&gt;</p>
+<p class="p4"><span class="Apple-converted-space">    </span></p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;!-- layer 2: background fill --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;s:Rect left="0" right="0" bottom="0" height="15"&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:LinearGradient rotation="90"&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;s:GradientEntry color="0xE2E2E2" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;s:GradientEntry color="0x000000" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;/s:LinearGradient&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;/s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;/s:Rect&gt;</p>
+<p class="p4"><span class="Apple-converted-space">    </span></p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;!-- layer 3: contents --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;s:Group left="1" right="1" top="1" bottom="1" &gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:layout&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:VerticalLayout gap="0" horizontalAlign="justify" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;/s:layout&gt;</p>
+<p class="p4"><span class="Apple-converted-space">        </span></p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:Group id="topGroup" &gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;!-- layer 0: title bar fill --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;!-- Note: We have custom skinned the title bar to be solid black for Tour de Flex --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:Rect id="tbFill" left="0" right="0" top="0" bottom="1" &gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                    </span>&lt;s:SolidColor color="0x000000" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;/s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;/s:Rect&gt;</p>
+<p class="p4"><span class="Apple-converted-space">            </span></p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;!-- layer 1: title bar highlight --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:Rect id="tbHilite" left="0" right="0" top="0" bottom="0" &gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;s:stroke&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                    </span>&lt;s:LinearGradientStroke rotation="90" weight="1"&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                        </span>&lt;s:GradientEntry color="0xEAEAEA" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                        </span>&lt;s:GradientEntry color="0xD9D9D9" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                    </span>&lt;/s:LinearGradientStroke&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;/s:stroke&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;/s:Rect&gt;</p>
+<p class="p4"><span class="Apple-converted-space">            </span></p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;!-- layer 2: title bar divider --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:Rect id="tbDiv" left="0" right="0" height="1" bottom="0"&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                    </span>&lt;s:SolidColor color="0xC0C0C0" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;/s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;/s:Rect&gt;</p>
+<p class="p4"><span class="Apple-converted-space">            </span></p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;!-- layer 3: text --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:Label id="titleDisplay" maxDisplayedLines="1"</p>
+<p class="p1"><span class="Apple-converted-space">                     </span>left="9" right="3" top="1" minHeight="30"</p>
+<p class="p1"><span class="Apple-converted-space">                     </span>verticalAlign="middle" fontWeight="bold" color="#E2E2E2"&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;/s:Label&gt;</p>
+<p class="p4"><span class="Apple-converted-space">            </span></p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;/s:Group&gt;</p>
+<p class="p4"><span class="Apple-converted-space">        </span></p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:Group id="contentGroup" width="100%" height="100%" minWidth="0" minHeight="0"&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;/s:Group&gt;</p>
+<p class="p4"><span class="Apple-converted-space">        </span></p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:Group id="bottomGroup" minWidth="0" minHeight="0"</p>
+<p class="p1"><span class="Apple-converted-space">                 </span>includeIn="normalWithControlBar, disabledWithControlBar" &gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;!-- layer 0: control bar background --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:Rect left="0" right="0" bottom="0" top="1" &gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                    </span>&lt;s:SolidColor color="0xE2EdF7" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;/s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;/s:Rect&gt;</p>
+<p class="p4"><span class="Apple-converted-space">            </span></p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;!-- layer 1: control bar divider line --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:Rect left="0" right="0" top="0" height="1" &gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                    </span>&lt;s:SolidColor color="0xD1E0F2" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;/s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;/s:Rect&gt;</p>
+<p class="p4"><span class="Apple-converted-space">            </span></p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;!-- layer 2: control bar --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:Group id="controlBarGroup" left="0" right="0" top="1" bottom="1" minWidth="0" minHeight="0"&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;s:layout&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                    </span>&lt;s:HorizontalLayout paddingLeft="10" paddingRight="10" paddingTop="7" paddingBottom="7" gap="10" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;/s:layout&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;/s:Group&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;/s:Group&gt;</p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;/s:Group&gt;</p>
+<p class="p1">&lt;/s:Skin&gt;</p>
+</body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR20/NetworkInfo/sample.mxml.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR20/NetworkInfo/sample.mxml.html b/TourDeFlex/TourDeFlex/src/objects/AIR20/NetworkInfo/sample.mxml.html
new file mode 100644
index 0000000..31bcce6
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR20/NetworkInfo/sample.mxml.html
@@ -0,0 +1,85 @@
+<!--
+  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.
+-->
+<!-- saved from url=(0014)about:internet -->
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+<title>sample.mxml</title>
+<link rel="stylesheet" type="text/css" href="../SourceStyles.css"/>
+</head>
+
+<body><pre><span class="MXMLComponent_Tag">&lt;s:WindowedApplication</span><span class="MXMLDefault_Text"> xmlns:fx="</span><span class="MXMLString">http://ns.adobe.com/mxml/2009</span><span class="MXMLDefault_Text">" 
+                       xmlns:s="</span><span class="MXMLString">library://ns.adobe.com/flex/spark</span><span class="MXMLDefault_Text">" 
+                       xmlns:mx="</span><span class="MXMLString">library://ns.adobe.com/flex/mx</span><span class="MXMLDefault_Text">" 
+                       styleName="</span><span class="MXMLString">plain</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" height="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+    
+    <span class="MXMLSpecial_Tag">&lt;fx:Script&gt;</span>
+        &lt;![CDATA[
+            <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">flash</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">events</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">ErrorEvent</span>;
+            <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">flash</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">events</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">MouseEvent</span>;
+            <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">flash</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">net</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">NetworkInfo</span>;
+            <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">flash</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">net</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">NetworkInterface</span>;
+            <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">flash</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">events</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">UncaughtErrorEvent</span>;
+            
+            <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">mx</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">collections</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">ArrayCollection</span>;
+            
+            <span class="ActionScriptBracket/Brace">[</span><span class="ActionScriptMetadata">Bindable</span><span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptReserved">private</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">ac</span>:<span class="ActionScriptDefault_Text">ArrayCollection</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">ArrayCollection</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
+            
+            <span class="ActionScriptReserved">protected</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">button1_clickHandler</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">event</span>:<span class="ActionScriptDefault_Text">MouseEvent</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
+            <span class="ActionScriptBracket/Brace">{</span>
+                <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">ni</span>:<span class="ActionScriptDefault_Text">NetworkInfo</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">NetworkInfo</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">networkInfo</span>;
+                <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">interfaceVector</span>:<span class="ActionScriptDefault_Text">Vector</span><span class="ActionScriptBracket/Brace">.&lt;</span><span class="ActionScriptDefault_Text">NetworkInterface</span><span class="ActionScriptBracket/Brace">&gt;</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">ni</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">findInterfaces</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
+                
+                <span class="ActionScriptReserved">for each</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">item</span>:<span class="ActionScriptDefault_Text">NetworkInterface</span> <span class="ActionScriptReserved">in</span> <span class="ActionScriptDefault_Text">interfaceVector</span><span class="ActionScriptBracket/Brace">)</span>
+                <span class="ActionScriptBracket/Brace">{</span>
+                    <span class="ActionScriptDefault_Text">ac</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">addItem</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">item</span><span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptBracket/Brace">}</span>
+            <span class="ActionScriptBracket/Brace">}</span>
+            
+            <span class="ActionScriptReserved">protected</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">addressFunction</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">item</span>:<span class="ActionScriptDefault_Text">Object</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">column</span>:<span class="ActionScriptDefault_Text">DataGridColumn</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptDefault_Text">String</span>
+            <span class="ActionScriptBracket/Brace">{</span>
+                <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">NetworkInterface</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">item</span><span class="ActionScriptBracket/Brace">)</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">addresses</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">length</span> <span class="ActionScriptOperator">&gt;</span> 0<span class="ActionScriptBracket/Brace">)</span>
+                <span class="ActionScriptBracket/Brace">{</span>
+                    <span class="ActionScriptReserved">return</span> <span class="ActionScriptDefault_Text">NetworkInterface</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">item</span><span class="ActionScriptBracket/Brace">)</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">addresses</span><span class="ActionScriptBracket/Brace">[</span>0<span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">address</span>;    
+                <span class="ActionScriptBracket/Brace">}</span>
+                <span class="ActionScriptReserved">else</span> <span class="ActionScriptReserved">return</span> <span class="ActionScriptString">""</span>;
+            <span class="ActionScriptBracket/Brace">}</span>
+        <span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptOperator">&gt;</span>
+    <span class="MXMLSpecial_Tag">&lt;/fx:Script&gt;</span>
+
+    <span class="MXMLComponent_Tag">&lt;s:Panel</span><span class="MXMLDefault_Text"> width="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" height="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" title="</span><span class="MXMLString">NetworkInfo Sample</span><span class="MXMLDefault_Text">" skinClass="</span><span class="MXMLString">skins.TDFPanelSkin</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;s:VGroup</span><span class="MXMLDefault_Text"> width="</span><span class="MXMLString">98%</span><span class="MXMLDefault_Text">" height="</span><span class="MXMLString">98%</span><span class="MXMLDefault_Text">" top="</span><span class="MXMLString">5</span><span class="MXMLDefault_Text">" left="</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;s:Button</span><span class="MXMLDefault_Text"> label="</span><span class="MXMLString">Find Network Interfaces</span><span class="MXMLDefault_Text">" click="</span><span class="ActionScriptDefault_Text">button1_clickHandler</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">event</span><span class="ActionScriptBracket/Brace">)</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>    
+            <span class="MXMLComponent_Tag">&lt;mx:DataGrid</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">dataGrid</span><span class="MXMLDefault_Text">" dataProvider="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">ac</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">650</span><span class="MXMLDefault_Text">" height="</span><span class="MXMLString">120</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+                <span class="MXMLComponent_Tag">&lt;mx:columns&gt;</span>
+                    <span class="MXMLComponent_Tag">&lt;mx:DataGridColumn</span><span class="MXMLDefault_Text"> dataField="</span><span class="MXMLString">name</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+                    <span class="MXMLComponent_Tag">&lt;mx:DataGridColumn</span><span class="MXMLDefault_Text"> dataField="</span><span class="MXMLString">hardwareAddress</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">140</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+                    <span class="MXMLComponent_Tag">&lt;mx:DataGridColumn</span><span class="MXMLDefault_Text"> dataField="</span><span class="MXMLString">active</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">70</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+                    <span class="MXMLComponent_Tag">&lt;mx:DataGridColumn</span><span class="MXMLDefault_Text"> dataField="</span><span class="MXMLString">addresses</span><span class="MXMLDefault_Text">" labelFunction="</span><span class="MXMLString">addressFunction</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">150</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+                    <span class="MXMLComponent_Tag">&lt;mx:DataGridColumn</span><span class="MXMLDefault_Text"> dataField="</span><span class="MXMLString">mtu</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+                <span class="MXMLComponent_Tag">&lt;/mx:columns&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;/mx:DataGrid&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;s:Label</span><span class="MXMLDefault_Text"> width="</span><span class="MXMLString">650</span><span class="MXMLDefault_Text">" verticalAlign="</span><span class="MXMLString">justify</span><span class="MXMLDefault_Text">" color="</span><span class="MXMLString">#323232</span><span class="MXMLDefault_Text">" 
+                     text="</span><span class="MXMLString">The NetworkInfo class provides information about the network interfaces on a computer. Most computers 
+    have one or more interfaces, such as a wired and a wireless network interface. Additional interfaces such as VPN, loopback, or virtual interfaces may also be present. Click
+    the Find Network Interfaces button to display your current interfaces.</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;/s:VGroup&gt;</span>
+    <span class="MXMLComponent_Tag">&lt;/s:Panel&gt;</span>
+    
+<span class="MXMLComponent_Tag">&lt;/s:WindowedApplication&gt;</span></pre></body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR20/NetworkInfo/srcview/Sample-AIR2-NetworkInfo/src/sample-app.xml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR20/NetworkInfo/srcview/Sample-AIR2-NetworkInfo/src/sample-app.xml b/TourDeFlex/TourDeFlex/src/objects/AIR20/NetworkInfo/srcview/Sample-AIR2-NetworkInfo/src/sample-app.xml
new file mode 100755
index 0000000..58d0d2e
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR20/NetworkInfo/srcview/Sample-AIR2-NetworkInfo/src/sample-app.xml
@@ -0,0 +1,153 @@
+<?xml version="1.0" encoding="utf-8" standalone="no"?>
+<!--
+
+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.
+
+-->
+<application xmlns="http://ns.adobe.com/air/application/2.0">
+
+<!-- Adobe AIR Application Descriptor File Template.
+
+	Specifies parameters for identifying, installing, and launching AIR applications.
+
+	xmlns - The Adobe AIR namespace: http://ns.adobe.com/air/application/2.0beta
+			The last segment of the namespace specifies the version 
+			of the AIR runtime required for this application to run.
+			
+	minimumPatchLevel - The minimum patch level of the AIR runtime required to run 
+			the application. Optional.
+-->
+
+	<!-- The application identifier string, unique to this application. Required. -->
+	<id>NetworkInfoSample</id>
+
+	<!-- Used as the filename for the application. Required. -->
+	<filename>Network Info Sample</filename>
+
+	<!-- The name that is displayed in the AIR application installer. 
+	     May have multiple values for each language. See samples or xsd schema file. Optional. -->
+	<name>Network Info Sample</name>
+
+	<!-- An application version designator (such as "v1", "2.5", or "Alpha 1"). Required. -->
+	<version>v1</version>
+
+	<!-- Description, displayed in the AIR application installer.
+	     May have multiple values for each language. See samples or xsd schema file. Optional. -->
+	<!-- <description></description> -->
+
+	<!-- Copyright information. Optional -->
+	<!-- <copyright></copyright> -->
+
+	<!-- Settings for the application's initial window. Required. -->
+	<initialWindow>
+		<!-- The main SWF or HTML file of the application. Required. -->
+		<!-- Note: In Flash Builder, the SWF reference is set automatically. -->
+		<content>[This value will be overwritten by Flash Builder in the output app.xml]</content>
+		
+		<!-- The title of the main window. Optional. -->
+		<!-- <title></title> -->
+
+		<!-- The type of system chrome to use (either "standard" or "none"). Optional. Default standard. -->
+		<!-- <systemChrome></systemChrome> -->
+
+		<!-- Whether the window is transparent. Only applicable when systemChrome is none. Optional. Default false. -->
+		<!-- <transparent></transparent> -->
+
+		<!-- Whether the window is initially visible. Optional. Default false. -->
+		<!-- <visible></visible> -->
+
+		<!-- Whether the user can minimize the window. Optional. Default true. -->
+		<!-- <minimizable></minimizable> -->
+
+		<!-- Whether the user can maximize the window. Optional. Default true. -->
+		<!-- <maximizable></maximizable> -->
+
+		<!-- Whether the user can resize the window. Optional. Default true. -->
+		<!-- <resizable></resizable> -->
+
+		<!-- The window's initial width in pixels. Optional. -->
+		<!-- <width></width> -->
+
+		<!-- The window's initial height in pixels. Optional. -->
+		<!-- <height></height> -->
+
+		<!-- The window's initial x position. Optional. -->
+		<!-- <x></x> -->
+
+		<!-- The window's initial y position. Optional. -->
+		<!-- <y></y> -->
+
+		<!-- The window's minimum size, specified as a width/height pair in pixels, such as "400 200". Optional. -->
+		<!-- <minSize></minSize> -->
+
+		<!-- The window's initial maximum size, specified as a width/height pair in pixels, such as "1600 1200". Optional. -->
+		<!-- <maxSize></maxSize> -->
+	</initialWindow>
+
+	<!-- The subpath of the standard default installation location to use. Optional. -->
+	<!-- <installFolder></installFolder> -->
+
+	<!-- The subpath of the Programs menu to use. (Ignored on operating systems without a Programs menu.) Optional. -->
+	<!-- <programMenuFolder></programMenuFolder> -->
+
+	<!-- The icon the system uses for the application. For at least one resolution,
+		 specify the path to a PNG file included in the AIR package. Optional. -->
+	<!-- <icon>
+		<image16x16></image16x16>
+		<image32x32></image32x32>
+		<image48x48></image48x48>
+		<image128x128></image128x128>
+	</icon> -->
+
+	<!-- Whether the application handles the update when a user double-clicks an update version
+	of the AIR file (true), or the default AIR application installer handles the update (false).
+	Optional. Default false. -->
+	<!-- <customUpdateUI></customUpdateUI> -->
+	
+	<!-- Whether the application can be launched when the user clicks a link in a web browser.
+	Optional. Default false. -->
+	<!-- <allowBrowserInvocation></allowBrowserInvocation> -->
+
+	<!-- Listing of file types for which the application can register. Optional. -->
+	<!-- <fileTypes> -->
+
+		<!-- Defines one file type. Optional. -->
+		<!-- <fileType> -->
+
+			<!-- The name that the system displays for the registered file type. Required. -->
+			<!-- <name></name> -->
+
+			<!-- The extension to register. Required. -->
+			<!-- <extension></extension> -->
+			
+			<!-- The description of the file type. Optional. -->
+			<!-- <description></description> -->
+			
+			<!-- The MIME content type. -->
+			<!-- <contentType></contentType> -->
+			
+			<!-- The icon to display for the file type. Optional. -->
+			<!-- <icon>
+				<image16x16></image16x16>
+				<image32x32></image32x32>
+				<image48x48></image48x48>
+				<image128x128></image128x128>
+			</icon> -->
+			
+		<!-- </fileType> -->
+	<!-- </fileTypes> -->
+
+</application>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR20/NetworkInfo/srcview/Sample-AIR2-NetworkInfo/src/sample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR20/NetworkInfo/srcview/Sample-AIR2-NetworkInfo/src/sample.mxml b/TourDeFlex/TourDeFlex/src/objects/AIR20/NetworkInfo/srcview/Sample-AIR2-NetworkInfo/src/sample.mxml
new file mode 100755
index 0000000..1fd89c8
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR20/NetworkInfo/srcview/Sample-AIR2-NetworkInfo/src/sample.mxml
@@ -0,0 +1,78 @@
+<!--
+
+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:Module xmlns:fx="http://ns.adobe.com/mxml/2009" 
+					   xmlns:s="library://ns.adobe.com/flex/spark" 
+					   xmlns:mx="library://ns.adobe.com/flex/mx" 
+					   styleName="plain" width="100%" height="100%">
+	
+	<fx:Script>
+		<![CDATA[
+			import flash.events.ErrorEvent;
+			import flash.events.MouseEvent;
+			import flash.net.NetworkInfo;
+			import flash.net.NetworkInterface;
+			import flash.events.UncaughtErrorEvent;
+			
+			import mx.collections.ArrayCollection;
+			
+			[Bindable]
+			private var ac:ArrayCollection = new ArrayCollection();
+			
+			protected function button1_clickHandler(event:MouseEvent):void
+			{
+				var ni:NetworkInfo = NetworkInfo.networkInfo;
+				var interfaceVector:Vector.<NetworkInterface> = ni.findInterfaces();
+				
+				for each (var item:NetworkInterface in interfaceVector)
+				{
+					ac.addItem(item);
+				}
+			}
+			
+			protected function addressFunction(item:Object, column:DataGridColumn):String
+			{
+				if (NetworkInterface(item).addresses.length > 0)
+				{
+					return NetworkInterface(item).addresses[0].address;	
+				}
+				else return "";
+			}
+		]]>
+	</fx:Script>
+
+	<s:Panel width="100%" height="100%" title="NetworkInfo Sample" skinClass="skins.TDFPanelSkin">
+		<s:VGroup width="98%" height="98%" top="5" left="10">
+			<s:Button label="Find Network Interfaces" click="button1_clickHandler(event)"/>	
+			<mx:DataGrid id="dataGrid" dataProvider="{ac}" width="650" height="120">
+				<mx:columns>
+					<mx:DataGridColumn dataField="name"/>
+					<mx:DataGridColumn dataField="hardwareAddress" width="140"/>
+					<mx:DataGridColumn dataField="active" width="70"/>
+					<mx:DataGridColumn dataField="addresses" labelFunction="addressFunction" width="150"/>
+					<mx:DataGridColumn dataField="mtu"/>
+				</mx:columns>
+			</mx:DataGrid>
+			<s:Label width="650" verticalAlign="justify" color="#323232" 
+					 text="The NetworkInfo class provides information about the network interfaces on a computer. Most computers 
+	have one or more interfaces, such as a wired and a wireless network interface. Additional interfaces such as VPN, loopback, or virtual interfaces may also be present. Click
+	the Find Network Interfaces button to display your current interfaces."/>
+		</s:VGroup>
+	</s:Panel>
+	
+</mx:Module>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR20/NetworkInfo/srcview/Sample-AIR2-NetworkInfo/src/skins/TDFPanelSkin.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR20/NetworkInfo/srcview/Sample-AIR2-NetworkInfo/src/skins/TDFPanelSkin.mxml b/TourDeFlex/TourDeFlex/src/objects/AIR20/NetworkInfo/srcview/Sample-AIR2-NetworkInfo/src/skins/TDFPanelSkin.mxml
new file mode 100644
index 0000000..ff46524
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR20/NetworkInfo/srcview/Sample-AIR2-NetworkInfo/src/skins/TDFPanelSkin.mxml
@@ -0,0 +1,130 @@
+<?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.
+
+-->
+
+
+<s:Skin xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark" 
+		alpha.disabled="0.5" minWidth="131" minHeight="127">
+	
+	<fx:Metadata>
+		[HostComponent("spark.components.Panel")]
+	</fx:Metadata> 
+	
+	<s:states>
+		<s:State name="normal" />
+		<s:State name="disabled" />
+		<s:State name="normalWithControlBar" />
+		<s:State name="disabledWithControlBar" />
+	</s:states>
+	
+	<!-- drop shadow -->
+	<s:Rect left="0" top="0" right="0" bottom="0">
+		<s:filters>
+			<s:DropShadowFilter blurX="15" blurY="15" alpha="0.18" distance="11" angle="90" knockout="true" />
+		</s:filters>
+		<s:fill>
+			<s:SolidColor color="0" />
+		</s:fill>
+	</s:Rect>
+	
+	<!-- layer 1: border -->
+	<s:Rect left="0" right="0" top="0" bottom="0">
+		<s:stroke>
+			<s:SolidColorStroke color="0" alpha="0.50" weight="1" />
+		</s:stroke>
+	</s:Rect>
+	
+	<!-- layer 2: background fill -->
+	<s:Rect left="0" right="0" bottom="0" height="15">
+		<s:fill>
+			<s:LinearGradient rotation="90">
+				<s:GradientEntry color="0xE2E2E2" />
+				<s:GradientEntry color="0x000000" />
+			</s:LinearGradient>
+		</s:fill>
+	</s:Rect>
+	
+	<!-- layer 3: contents -->
+	<s:Group left="1" right="1" top="1" bottom="1" >
+		<s:layout>
+			<s:VerticalLayout gap="0" horizontalAlign="justify" />
+		</s:layout>
+		
+		<s:Group id="topGroup" >
+			<!-- layer 0: title bar fill -->
+			<!-- Note: We have custom skinned the title bar to be solid black for Tour de Flex -->
+			<s:Rect id="tbFill" left="0" right="0" top="0" bottom="1" >
+				<s:fill>
+					<s:SolidColor color="0x000000" />
+				</s:fill>
+			</s:Rect>
+			
+			<!-- layer 1: title bar highlight -->
+			<s:Rect id="tbHilite" left="0" right="0" top="0" bottom="0" >
+				<s:stroke>
+					<s:LinearGradientStroke rotation="90" weight="1">
+						<s:GradientEntry color="0xEAEAEA" />
+						<s:GradientEntry color="0xD9D9D9" />
+					</s:LinearGradientStroke>
+				</s:stroke>
+			</s:Rect>
+			
+			<!-- layer 2: title bar divider -->
+			<s:Rect id="tbDiv" left="0" right="0" height="1" bottom="0">
+				<s:fill>
+					<s:SolidColor color="0xC0C0C0" />
+				</s:fill>
+			</s:Rect>
+			
+			<!-- layer 3: text -->
+			<s:Label id="titleDisplay" maxDisplayedLines="1"
+					 left="9" right="3" top="1" minHeight="30"
+					 verticalAlign="middle" fontWeight="bold" color="#E2E2E2">
+			</s:Label>
+			
+		</s:Group>
+		
+		<s:Group id="contentGroup" width="100%" height="100%" minWidth="0" minHeight="0">
+		</s:Group>
+		
+		<s:Group id="bottomGroup" minWidth="0" minHeight="0"
+				 includeIn="normalWithControlBar, disabledWithControlBar" >
+			<!-- layer 0: control bar background -->
+			<s:Rect left="0" right="0" bottom="0" top="1" >
+				<s:fill>
+					<s:SolidColor color="0xE2EdF7" />
+				</s:fill>
+			</s:Rect>
+			
+			<!-- layer 1: control bar divider line -->
+			<s:Rect left="0" right="0" top="0" height="1" >
+				<s:fill>
+					<s:SolidColor color="0xD1E0F2" />
+				</s:fill>
+			</s:Rect>
+			
+			<!-- layer 2: control bar -->
+			<s:Group id="controlBarGroup" left="0" right="0" top="1" bottom="1" minWidth="0" minHeight="0">
+				<s:layout>
+					<s:HorizontalLayout paddingLeft="10" paddingRight="10" paddingTop="7" paddingBottom="7" gap="10" />
+				</s:layout>
+			</s:Group>
+		</s:Group>
+	</s:Group>
+</s:Skin>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR20/NetworkInfo/srcview/SourceIndex.xml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR20/NetworkInfo/srcview/SourceIndex.xml b/TourDeFlex/TourDeFlex/src/objects/AIR20/NetworkInfo/srcview/SourceIndex.xml
new file mode 100644
index 0000000..942527c
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR20/NetworkInfo/srcview/SourceIndex.xml
@@ -0,0 +1,37 @@
+<?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.
+
+-->
+<index>
+	<title>Source of Sample-AIR2-NetworkInfo</title>
+	<nodes>
+		<node label="libs">
+		</node>
+		<node label="src">
+			<node icon="packageIcon" label="skins" expanded="true">
+				<node icon="mxmlIcon" label="TDFPanelSkin.mxml" url="source/skins/TDFPanelSkin.mxml.html"/>
+			</node>
+			<node label="sample-app.xml" url="source/sample-app.xml.txt"/>
+			<node icon="mxmlAppIcon" selected="true" label="sample.mxml" url="source/sample.mxml.html"/>
+		</node>
+	</nodes>
+	<zipfile label="Download source (ZIP, 7K)" url="Sample-AIR2-NetworkInfo.zip">
+	</zipfile>
+	<sdklink label="Download Flex SDK" url="http://www.adobe.com/go/flex4_sdk_download">
+	</sdklink>
+</index>


[49/51] [partial] Merged TourDeFlex release from develop

Posted by jm...@apache.org.
http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/classes/ObjectData.as
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/classes/ObjectData.as b/TourDeFlex/TourDeFlex/src/classes/ObjectData.as
new file mode 100644
index 0000000..01ef169
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/classes/ObjectData.as
@@ -0,0 +1,336 @@
+////////////////////////////////////////////////////////////////////////////////
+//
+//  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.
+//
+////////////////////////////////////////////////////////////////////////////////
+package classes
+{
+	import flash.desktop.NativeApplication;
+	import flash.events.Event;
+	import flash.events.IOErrorEvent;
+	import flash.filesystem.File;
+	import flash.filesystem.FileMode;
+	import flash.filesystem.FileStream;
+	import flash.net.URLLoader;
+	import flash.net.URLRequest;
+	
+	import mx.collections.ArrayCollection;
+	import mx.collections.Sort;
+	import mx.collections.SortField;
+	import mx.collections.XMLListCollection;
+	import mx.controls.Alert;
+	import mx.managers.CursorManager;
+	
+	import plugin.Component; //HS
+	
+	public class ObjectData
+	{		
+		//--------------------------------------------------------------------------
+		//  Variables
+		//--------------------------------------------------------------------------
+		[Bindable] public var topLevelCategoriesXml:XMLList;		
+		[Bindable] public var listXml:XMLListCollection;
+		[Bindable] public var treeXml:XMLListCollection;
+		[Bindable] public var featuredTreeXml:XMLListCollection;		
+		[Bindable] public var searchTags:Array;
+		private var objectXml:XML;
+		private var selectedTopLevelCategory:String = "";
+		private var previousSortType:String;
+
+		//--------------------------------------------------------------------------
+		//  Loading/setup
+		//--------------------------------------------------------------------------		
+		public function ObjectData()
+		{		
+			loadData();
+		}
+		
+		public function loadData():void
+		{
+			var objectsUrl:String = Config.OBJECTS_URL;
+			trace(objectsUrl);
+			var updatableObjectFile:File = File.applicationStorageDirectory.resolvePath(Config.OBJECTS_FILE);
+			var staticObjectFile:File = File.applicationDirectory.resolvePath(Config.OBJECTS_URL);
+					
+			if(Config.isAppFirstTimeRun() || !updatableObjectFile.exists)
+				staticObjectFile.copyTo(updatableObjectFile, true);
+		
+			var loader:URLLoader = new URLLoader(new URLRequest("file://" + updatableObjectFile.nativePath));
+			loader.addEventListener(Event.COMPLETE, objectsXmlLoaded);			
+		}		
+		
+		private function objectsXmlLoaded(event:Event):void
+		{
+			trace("OBJECTS LOADED");
+			var loader:URLLoader = URLLoader(event.target);
+			objectXml = new XML(loader.data);
+			
+			loadSettings();
+			loadCategoriesAndObjects()
+			checkForNewObjectXml();
+		}
+		
+		private function loadCategoriesAndObjects():void
+		{
+			Config.OBJECTS_FILE_VERSION = objectXml.@version;
+			Config.OBJECTS_TOTAL = XMLList(objectXml..Object).length();
+			
+			var searchTagsLabels:Array = String(objectXml.@searchTags).split(",");
+			var searchTagsTotals:Array = String(objectXml.@searchTagsTotals).split(",");
+			var searchTagsCombined:Array = new Array();
+
+			for(var i:int=0; i<searchTagsLabels.length; i++)
+				searchTagsCombined.push([searchTagsLabels[i], searchTagsTotals[i]]);
+				
+			searchTags = searchTagsCombined;
+											
+			topLevelCategoriesXml = new XMLList(objectXml.children().@name);
+			selectedTopLevelCategory = topLevelCategoriesXml[0];
+			filterTopLevelCategory(selectedTopLevelCategory);	
+		}
+
+		//--------------------------------------------------------------------------
+		//  Filtering
+		//--------------------------------------------------------------------------		
+		public function filterTopLevelCategory(category:String):void
+		{
+			selectedTopLevelCategory = category;
+			listXml = new XMLListCollection(objectXml.Category.(@name == category)..Object);
+			//treeXml = new XMLListCollection(XMLList(objectXml.Category.(@name == category)));
+			treeXml = new XMLListCollection(XMLList(objectXml.Category));
+		}
+		
+		public function filterList(filterText:String, onlyTags:Boolean = false):XMLList // HS
+		{
+			filterText = filterText.toLowerCase();
+			var filterTextTerms:Array = filterText.split(" ");
+			var filteredList:XMLList = new XMLList();
+			
+			//for each(var objectItem:XML in objectXml.Category.(@name == selectedTopLevelCategory)..Object)
+			//for each(var objectItem:XML in objectXml..Object)
+			
+			var objectsToSearch:XML = objectXml.copy();
+			delete objectsToSearch.Category.(@name == "Featured").*;
+			
+			for each(var objectItem:XML in objectsToSearch..Object)
+			{
+				var name:String = objectItem.@name.toLowerCase();
+				var tags:String = objectItem.@tags.toLowerCase();
+				var author:String = objectItem.@author.toLowerCase();
+				
+				for each(var term:String in filterTextTerms)
+				{								
+					var found:Boolean = false;
+					if(onlyTags)
+					{
+						if(tags.indexOf(term) != -1)
+							found = true;
+					}
+					else
+					{
+						if(name.indexOf(term) != -1 || author.indexOf(term) != -1 || tags.indexOf(term) != -1)
+							found = true;
+					}
+					
+					if(found)
+					{
+						filteredList += objectItem;
+						break;					
+					}					
+				}
+			}
+			
+			listXml = new XMLListCollection(filteredList);
+			sort(previousSortType);
+			return filteredList; //HS
+		}
+
+		public function sort(sortType:String = ObjectListSortTypes.ALPHABETICAL):void
+		{
+			previousSortType = sortType;
+			var sortField:String = "@name";
+			var descending:Boolean = false;
+			var numeric:Boolean = false;
+			
+			switch(sortType)
+			{
+				case ObjectListSortTypes.ALPHABETICAL:
+					sortField = "@name";
+					break;
+				case ObjectListSortTypes.MOST_RECENT:
+					sortField = "@dateAdded";
+					descending = true;
+					break;
+				case ObjectListSortTypes.MOST_POPULAR:
+					sortField = "@viewCount";
+					descending = true;
+					numeric = true;
+					break;
+			}
+
+			var sort:Sort = new Sort();
+			sort.fields = [new SortField(sortField, true, descending, numeric)];
+			listXml.sort = sort;
+			listXml.refresh();
+		}
+			
+		//--------------------------------------------------------------------------
+		//  Settings / localization
+		//--------------------------------------------------------------------------	
+		private function loadSettings():void
+		{			
+			Config.PROGRAM_TITLE = objectXml.Settings.@title;
+			Config.ABOUT_MENU_LIST = objectXml.Settings.AboutMenu.Item;
+			Config.ABOUT_MENU_TITLE = objectXml.Settings.AboutMenu.@title;
+			
+			var appXml:XML = NativeApplication.nativeApplication.applicationDescriptor;
+			var ns:Namespace = appXml.namespace();
+			Config.APP_VERSION = appXml.ns::version;					
+		}		
+		
+		//--------------------------------------------------------------------------
+		//  Checking for new objects.xml and updating it 
+		//--------------------------------------------------------------------------		
+		private function checkForNewObjectXml():void
+		{
+			var loader:URLLoader = new URLLoader(new URLRequest(Config.OBJECTS_UPDATER_URL));
+			loader.addEventListener(Event.COMPLETE, objectsUpdaterXmlLoaded);
+			loader.addEventListener(IOErrorEvent.IO_ERROR, objectsUpdaterXmlLoadedError);
+		}
+		
+		private function objectsUpdaterXmlLoadedError(event:IOErrorEvent):void
+		{
+		}
+				
+		private function objectsUpdaterXmlLoaded(event:Event):void
+		{
+			var loader:URLLoader = URLLoader(event.target);
+			var objectsUpdaterXml:XML = new XML(loader.data);
+			
+			var currentVersion:String = objectXml.@version;
+			var onlineVersion:String = objectsUpdaterXml.version;
+			var onlineVersionDescription:String = objectsUpdaterXml.description;
+			
+			if(onlineVersion > currentVersion) {
+				downloadNewObjectXml(objectsUpdaterXml.url);
+				if(onlineVersionDescription.length > 0) {
+					// Only show notice if a description was provided, otherwise, silent install
+					var myPattern:RegExp = /\r\n/g;  
+					onlineVersionDescription = onlineVersionDescription.replace(myPattern,"\n");					
+					Alert.show(onlineVersionDescription, "Samples Database Updated to Version " + onlineVersion);
+				}
+			}
+		}
+		
+		private function downloadNewObjectXml(path:String):void
+		{
+			var loader:URLLoader = new URLLoader(new URLRequest(path));
+			loader.addEventListener(Event.COMPLETE, updatedObjectsXmlLoaded);
+			CursorManager.setBusyCursor();	
+		}
+		
+		public function updatedObjectsXmlLoaded(event:Event):void
+		{
+			var file:File = File.applicationStorageDirectory;
+			file = file.resolvePath(Config.OBJECTS_FILE);
+			if(file.exists)
+				file.deleteFile();
+
+			var loader:URLLoader = URLLoader(event.target);
+
+			objectXml = new XML(loader.data);	
+			loadSettings();	
+			loadCategoriesAndObjects();			
+
+			var fileStream:FileStream = new FileStream();
+			fileStream.open(file, FileMode.WRITE);
+			fileStream.writeUTFBytes(objectXml.toXMLString());
+			fileStream.close();	
+			CursorManager.removeBusyCursor();	
+
+		}			
+		//--------------------------------------------------------------------------
+		//--------------------------------------------------------------------------	
+		//------------------------------------------------------------------------
+		// Convert the XML objects into Component objects so they map to the remote 
+		// java object for easier processing by plug-in. HS
+		//------------------------------------------------------------------------
+		private function createComponentsFromXML(xmlList:XMLList):ArrayCollection 
+		{	
+			var objectsAsComponents:ArrayCollection = new ArrayCollection();
+			for each(var object:XML in xmlList)
+			{
+				trace("Component name " + object.attribute("name") + " id " + object.attribute("id"));	
+				var c:Component = new Component();
+				c.id = object.attribute("id");
+				c.name = object.attribute("name");	
+				c.author = object.attribute("author");
+				c.description = object.attribute("description");
+				objectsAsComponents.addItem(c);	
+			}
+			return objectsAsComponents;
+		}
+		//-----------------------------------------------------
+		// Find the matching components based on the search string
+		// passed from the Eclipse plug-in and add them to an Array
+		// Collection as component objects for return via Merapi. HS
+		//-----------------------------------------------------
+		public function getFilteredComponents(filter:String):ArrayCollection
+		{
+			// First setup the XML list based on the search string from the plugin
+			var resultList:XMLList = filterList(filter);			
+			var objectsAsComponents:ArrayCollection = createComponentsFromXML(resultList);
+			return objectsAsComponents;
+		}
+		//-----------------------------------------------------
+		// Fetch the list of featured components and convert them
+		// to component objects and add them to the array collection
+		// that will be returned to the eclipse plug-in. HS
+		//-----------------------------------------------------
+		public function getFeaturedComponents():ArrayCollection
+		{
+			// First setup the XML list based on the search string from the plugin
+			// Featured Components are the first child in the object XML...
+
+			var featXml:XML = objectXml.children()[0];
+			trace("Top level categories: " + featXml + objectXml.contains("Category"));
+			var featObjsList:XMLList = featXml.descendants("Object")
+			var objectsAsComponents:ArrayCollection = createComponentsFromXML(featObjsList);			
+			return objectsAsComponents;
+			
+		}
+		//-----------------------------------------------------
+		// Fetch the XML object for the id that was passed in
+		// from the Eclipse plug-in so we can navigate to that
+		// object for display. HS
+		//-----------------------------------------------------
+		public function getXMLForObjectId(matchId:String):XML {
+			var objects:XMLList = XMLList(objectXml..Object);
+			for each(var objectItem:XML in objects) {
+				var id:String = objectItem.@id.toLowerCase();
+				var name:String = objectItem.@name.toLowerCase();
+				var tags:String = objectItem.@tags.toLowerCase();
+				var author:String = objectItem.@author.toLowerCase();
+				if (id == matchId) {
+					trace("NAME: " + name + " id " + id);
+					return objectItem;
+				}
+			}
+			return null;
+		}
+
+	}
+}
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/classes/ObjectListSortTypes.as
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/classes/ObjectListSortTypes.as b/TourDeFlex/TourDeFlex/src/classes/ObjectListSortTypes.as
new file mode 100644
index 0000000..166cbd4
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/classes/ObjectListSortTypes.as
@@ -0,0 +1,38 @@
+////////////////////////////////////////////////////////////////////////////////
+//
+//  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.
+//
+////////////////////////////////////////////////////////////////////////////////
+package classes
+{
+	import mx.collections.ArrayCollection;
+	
+	public final class ObjectListSortTypes
+	{
+		
+		public static const ALPHABETICAL:String = "Alphabetical";
+		public static const MOST_RECENT:String = "Most Recent";
+		public static const MOST_POPULAR:String = "Most Popular";	
+		
+		[Bindable]
+		public static var ObjectListSortTypeArray:Array = [ALPHABETICAL, MOST_RECENT, MOST_POPULAR];
+		
+		public function ObjectListSortTypes()
+		{
+		}		
+
+	}
+}
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/classes/ObjectTreeDataDescriptor.as
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/classes/ObjectTreeDataDescriptor.as b/TourDeFlex/TourDeFlex/src/classes/ObjectTreeDataDescriptor.as
new file mode 100644
index 0000000..17394f2
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/classes/ObjectTreeDataDescriptor.as
@@ -0,0 +1,191 @@
+////////////////////////////////////////////////////////////////////////////////
+//
+//  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.
+//
+////////////////////////////////////////////////////////////////////////////////
+package classes
+{
+	import mx.collections.ArrayCollection;
+	import mx.collections.CursorBookmark;
+	import mx.collections.ICollectionView;
+	import mx.collections.IViewCursor;
+	import mx.collections.XMLListCollection;
+	import mx.controls.treeClasses.ITreeDataDescriptor;
+	import mx.events.CollectionEvent;
+	import mx.events.CollectionEventKind;
+	
+	public class ObjectTreeDataDescriptor implements ITreeDataDescriptor
+	{
+		public function ObjectTreeDataDescriptor()
+		{
+		}
+
+		public function getChildren(node:Object, model:Object=null):ICollectionView
+		{
+			try
+			{		
+				return new XMLListCollection(XMLList(node).children());
+			}
+			catch (e:Error)
+			{
+				trace("[Descriptor] exception checking for getChildren:" + e.toString());
+			}
+			return null;
+		}
+		
+		// The isBranch method simply returns true if the node is an
+		// Object with a children field.
+		// It does not support empty branches, but does support null children
+		// fields.
+		public function isBranch(node:Object, model:Object=null):Boolean
+		{
+			try
+			{
+				if(node is Object)
+				{
+					if(node.children != null && XML(node).name().toString() != "Object")
+						return true;
+				}
+			}
+			catch (e:Error)
+			{
+				trace("[Descriptor] exception checking for isBranch");
+			}
+			
+			return false;
+		}
+		
+		// The hasChildren method Returns true if the
+		// node actually has children. 
+		public function hasChildren(node:Object, model:Object=null):Boolean
+		{
+			if(node == null) 
+				return false;
+			
+			var children:ICollectionView = getChildren(node, model);
+			
+			try
+			{
+				if(children.length > 0)
+					return true;
+			}
+			catch(e:Error)
+			{
+				trace("hasChildren: " + e.toString());
+			}
+			
+			return false;
+		}
+		
+		// The getData method simply returns the node as an Object.
+		public function getData(node:Object, model:Object=null):Object
+		{
+			try
+			{
+				return node;
+			}
+			catch (e:Error)
+			{
+				trace("getData: " + e.toString());
+			}
+			
+			return null;
+		}
+		
+		// The addChildAt method does the following:
+		// If the parent parameter is null or undefined, inserts
+		// the child parameter as the first child of the model parameter.
+		// If the parent parameter is an Object and has a children field,
+		// adds the child parameter to it at the index parameter location.
+		// It does not add a child to a terminal node if it does not have
+		// a children field.
+		public function addChildAt(parent:Object, child:Object, index:int, model:Object=null):Boolean
+		{
+			var event:CollectionEvent = new CollectionEvent(CollectionEvent.COLLECTION_CHANGE);
+			event.kind = CollectionEventKind.ADD;
+			event.items = [child];
+			event.location = index;
+			
+			if (!parent)
+			{
+				var iterator:IViewCursor = model.createCursor();
+				iterator.seek(CursorBookmark.FIRST, index);
+				iterator.insert(child);
+			}
+			else if (parent is Object)
+			{
+				if (parent.children != null)
+				{
+					if(parent.children is ArrayCollection)
+					{
+						parent.children.addItemAt(child, index);
+						if (model)
+						{
+							model.dispatchEvent(event);
+							model.itemUpdated(parent);
+						}
+						return true;
+					}
+					else
+					{
+						parent.children.splice(index, 0, child);
+						if(model)
+							model.dispatchEvent(event);
+						return true;
+					}
+				}
+			}
+			return false;
+		}
+		
+		// The removeChildAt method does the following:
+		// If the parent parameter is null or undefined,
+		// removes the child at the specified index
+		// in the model.
+		// If the parent parameter is an Object and has a children field,
+		// removes the child at the index parameter location in the parent.
+		public function removeChildAt(parent:Object, child:Object, index:int, model:Object=null):Boolean
+		{
+			var event:CollectionEvent = new CollectionEvent(CollectionEvent.COLLECTION_CHANGE);
+			event.kind = CollectionEventKind.REMOVE;
+			event.items = [child];
+			event.location = index;
+		
+			//handle top level where there is no parent
+			if (!parent)
+			{
+				var iterator:IViewCursor = model.createCursor();
+				iterator.seek(CursorBookmark.FIRST, index);
+				iterator.remove();
+				if (model)
+						model.dispatchEvent(event);
+				return true;
+			}
+			else if (parent is Object)
+			{
+				if (parent.children != undefined)
+				{
+					parent.children.splice(index, 1);
+					if(model) 
+						model.dispatchEvent(event);
+					return true;
+				}
+			}
+			return false;
+		}
+
+	}
+}
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/classes/ObjectTreeItemRenderer.as
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/classes/ObjectTreeItemRenderer.as b/TourDeFlex/TourDeFlex/src/classes/ObjectTreeItemRenderer.as
new file mode 100644
index 0000000..4133b00
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/classes/ObjectTreeItemRenderer.as
@@ -0,0 +1,94 @@
+////////////////////////////////////////////////////////////////////////////////
+//
+//  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.
+//
+////////////////////////////////////////////////////////////////////////////////
+package classes
+{
+	import mx.controls.Image;
+	import mx.controls.treeClasses.TreeItemRenderer;
+	import mx.controls.treeClasses.TreeListData;
+
+	public class ObjectTreeItemRenderer extends TreeItemRenderer
+	{
+		protected var iconImage:Image;
+		private var imageWidth:Number	= 18;
+		private var imageHeight:Number	= 18;
+		private var imageToLabelMargin:Number = 2;
+		
+		public function ObjectTreeItemRenderer()
+		{
+			super();
+		}
+		
+		override protected function createChildren():void
+		{	
+			iconImage = new Image();	
+			iconImage.width = imageWidth;
+			iconImage.height = imageHeight;
+			addChild(iconImage);	
+	
+			super.createChildren();
+		} 
+		
+		override protected function updateDisplayList(unscaledWidth:Number, unscaledHeight:Number):void
+		{
+			super.updateDisplayList(unscaledWidth, unscaledHeight);
+			if(super.data)
+			{
+				if(!TreeListData(super.listData).hasChildren)
+				{
+					iconImage.x = super.label.x - imageWidth - imageToLabelMargin;
+					
+					var tmp:XMLList = new XMLList(TreeListData(super.listData).item);					
+					var iconPath:String = tmp.@iconPath.toString();
+					if(tmp.@localIconPath.toString().length > 0)
+						iconPath = tmp.@localIconPath;
+						
+					if(iconPath.length > 0)
+					{
+						if(hasFullPath(iconPath)) {
+							if (Config.IS_ONLINE) {
+								iconImage.source = iconPath;
+							} else {
+								iconImage.source = Config.TREE_NO_ICON;
+							}
+						}
+						else
+							iconImage.source = Config.LOCAL_OBJECTS_ROOT_PATH + iconPath;
+					}
+					else
+					{
+						iconImage.source = Config.TREE_NO_ICON;
+					}										
+				}
+				else
+				{
+					iconImage.source = null;
+				}
+			}
+		}
+		
+		private function hasFullPath(path:String):Boolean
+		{
+			if(path.indexOf("//") >= 0 || path.indexOf(":") >= 0)
+				return true;
+			else
+				return false;
+		}
+		
+	}
+}
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/components/AboutWindow.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/components/AboutWindow.mxml b/TourDeFlex/TourDeFlex/src/components/AboutWindow.mxml
new file mode 100644
index 0000000..02293a2
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/components/AboutWindow.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.
+
+-->
+<mx:Canvas xmlns:mx="http://www.adobe.com/2006/mxml" width="500" height="430" horizontalScrollPolicy="off" verticalScrollPolicy="off" click="closeAbout()">
+	
+	<mx:Script>
+	<![CDATA[
+		import mx.managers.PopUpManager;
+		
+		public var isOpen:Boolean = false;
+		
+		public function set url(value:String):void
+		{
+			html_view.htmlLoader.navigateInSystemBrowser = true;
+			html_view.location = value;			
+		}
+		
+		public function closeAbout():void {
+			isOpen = false;
+			parentApplication.setFocus(); 
+			PopUpManager.removePopUp(this)
+		}
+		
+	]]>
+	</mx:Script>
+
+	<mx:Parallel id="aboutEffect">
+		<mx:Fade alphaFrom="0" alphaTo="1" duration="300"/>
+		<mx:Blur blurXFrom="300" blurXTo="0" duration="700"/>
+	</mx:Parallel>
+
+	<mx:Parallel id="shadowEffect">
+		<mx:Fade duration="1000"/>
+		<mx:Blur blurXFrom="0" blurYFrom="0" blurXTo="20" blurYTo="20" duration="500"/>
+		<mx:Fade duration="1000"/>
+	</mx:Parallel>
+
+	<mx:Canvas x="15" y="15" backgroundColor="black" backgroundAlpha="0.5" width="434" height="368" addedEffect="shadowEffect"/>
+	<mx:HTML x="0" y="0" id="html_view" width="439" height="368" addedEffect="aboutEffect" verticalScrollPolicy="off" horizontalScrollPolicy="off" />
+	
+</mx:Canvas>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/components/ApplicationFooter.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/components/ApplicationFooter.mxml b/TourDeFlex/TourDeFlex/src/components/ApplicationFooter.mxml
new file mode 100644
index 0000000..2524d89
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/components/ApplicationFooter.mxml
@@ -0,0 +1,62 @@
+<?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.
+
+-->
+<mx:Canvas xmlns:mx="http://www.adobe.com/2006/mxml" creationComplete="init()" width="100%" height="30" styleName="applicationFooter">
+
+	<mx:Script >
+	<![CDATA[
+		import mx.managers.PopUpManager;
+		
+		private var popup:AboutWindow;
+		
+		private function init():void
+		{
+			popup = new AboutWindow();
+		}
+		
+		private function showAbout():void
+		{
+			if(!popup.isOpen)
+			{				
+				PopUpManager.addPopUp(popup, DisplayObject(this.parentApplication), false);
+				popup.url = "data/about.html";
+				popup.isOpen = true;
+				PopUpManager.centerPopUp(popup);
+				popup.move(popup.x + 70, popup.y + 50);
+			}
+			else
+			{			
+				popup.isOpen = false;	
+				PopUpManager.removePopUp(popup);
+			}
+		}
+		
+	]]>
+	</mx:Script>
+	<mx:Button x="4" y="1" id="aboutBtn" styleName="aboutButton" click="showAbout();" />
+	<mx:HBox x="70" width="100%" height="100%" verticalAlign="middle">
+		<mx:Label text="©2010 Adobe Inc, All Rights Reserved" width="25%" textAlign="center" />
+		<mx:Label id="label_version" text="Version: {Config.APP_VERSION}" width="25%" textAlign="center" />
+		<mx:Label id="label_objectsDataVersion" text="List Version: {Config.OBJECTS_FILE_VERSION}" width="25%" textAlign="center" />
+		<mx:Label id="label_objectsTotal" text="Samples: {Config.OBJECTS_TOTAL}" width="25%" textAlign="center" />		
+	</mx:HBox>	
+	
+	<mx:Image bottom="5" right="4" source="@Embed('/images/button_clear.png')" mouseDown="stage.nativeWindow.startResize()" buttonMode="true" mouseEnabled="true" useHandCursor="true" />
+	
+</mx:Canvas>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/components/ApplicationHeader.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/components/ApplicationHeader.mxml b/TourDeFlex/TourDeFlex/src/components/ApplicationHeader.mxml
new file mode 100644
index 0000000..a01947c
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/components/ApplicationHeader.mxml
@@ -0,0 +1,81 @@
+<?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.
+
+-->
+<mx:Canvas xmlns:mx="http://www.adobe.com/2006/mxml" width="100%" height="42"
+	 verticalScrollPolicy="off" horizontalScrollPolicy="off" backgroundAlpha="0">
+	
+	<mx:Script>
+	<![CDATA[
+		import mx.controls.Alert;
+		import mx.managers.PopUpManager;
+		import mx.events.ListEvent;
+		
+		[Bindable]
+		private var resourceTitle:String = " ";
+		
+		/*
+		private function comboBox_about_change(event:ListEvent):void
+		{	
+			if(comboBox_about.selectedItem.@data.toString().toLowerCase().indexOf("http") == 0)
+			{
+				navigateToURL(new URLRequest(comboBox_about.selectedItem.@data));
+			}
+			else if(comboBox_about.selectedItem.@data == "SplashWindow")
+			{
+				var splashWindow:SplashWindow = new SplashWindow();
+				PopUpManager.addPopUp(splashWindow, DisplayObject(this.parentApplication), false);
+				PopUpManager.centerPopUp(splashWindow);
+			}
+			else
+			{
+				var popup:AboutWindow = new AboutWindow();
+				PopUpManager.addPopUp(popup, DisplayObject(this.parentApplication), false);
+				popup.url = comboBox_about.selectedItem.@data;
+				PopUpManager.centerPopUp(popup);
+				popup.move(popup.x + 70, popup.y + 50);	 // move it 50 pixels right - GAW						
+			}
+			comboBox_about.selectedIndex = -1; // Reset menu
+		}
+		*/
+		
+		private function button_quickStart_click(event:MouseEvent):void
+		{				
+			TourDeFlex(this.parentApplication).showQuickStart();
+		}
+		
+	]]>
+	</mx:Script>
+	
+	<mx:HBox styleName="applicationHeader" width="100%" height="100%"  mouseDown="stage.nativeWindow.startMove()" />
+	
+	<!--<mx:VBox right="37" y="2" height="100%" verticalAlign="middle" horizontalAlign="right">-->
+		<mx:HBox right="6" y="10" paddingTop="2" width="214" horizontalGap="2" horizontalScrollPolicy="off">
+			<mx:Button styleName="aboutComboBox" width="103" height="14" click="button_quickStart_click(event)" />
+			<!--<mx:ComboBox id="comboBox_about" prompt="{resourceTitle}" width="103" height="14" change="comboBox_about_change(event)" rowCount="20" styleName="aboutComboBox" dataProvider="{Config.ABOUT_MENU_LIST}" labelField="@label" />-->	
+			<!--prompt="{Config.ABOUT_MENU_TITLE}" -->
+			<mx:Spacer width="30" />
+			<mx:Button width="20" styleName="applicationMinimizeButton" click="parentApplication.minimize()" tabEnabled="false" toolTip="Minimize" buttonMode="true" mouseEnabled="true" useHandCursor="true" />
+			<mx:Button width="20" styleName="applicationMaximizeButton" click="if(stage.displayState == StageDisplayState.FULL_SCREEN_INTERACTIVE) stage.displayState = StageDisplayState.NORMAL; else stage.displayState = StageDisplayState.FULL_SCREEN_INTERACTIVE" tabEnabled="false" toolTip="Full Screen" buttonMode="true" mouseEnabled="true" useHandCursor="true" />
+			<mx:Button width="20" styleName="applicationCloseButton" 
+				click="NativeApplication.nativeApplication.dispatchEvent(new Event(Event.EXITING,true,true));" 
+				tabEnabled="false" toolTip="Close" buttonMode="true" mouseEnabled="true" useHandCursor="true" />
+				
+		</mx:HBox>
+	<!--</mx:VBox>-->	
+</mx:Canvas>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/components/CommentsWindow.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/components/CommentsWindow.mxml b/TourDeFlex/TourDeFlex/src/components/CommentsWindow.mxml
new file mode 100644
index 0000000..67094d5
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/components/CommentsWindow.mxml
@@ -0,0 +1,50 @@
+<?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.
+
+-->
+<WipeWindow xmlns="components.*" xmlns:mx="http://www.adobe.com/2006/mxml" horizontalAlign="right">
+
+	<mx:Script>
+	<![CDATA[
+		
+		private var commentsInitiallyLoaded:Boolean = false;
+		
+		public function loadComments(objectId:int, isOnline:Boolean):void
+		{
+			if(isOnline)
+				this.html_comments.location = Config.COMMENTS_URL + objectId;
+			else
+				this.html_comments.location = Config.OFFLINE_URL;
+		}
+		
+		private function html_comments_loaded(event:Event):void
+		{			
+			if(commentsInitiallyLoaded)
+				this.parentApplication.HTTP_GetCommentsTotal.send();
+			
+			commentsInitiallyLoaded = true;
+		}
+		
+	]]>
+	</mx:Script>
+	
+	<mx:Button click="{this.visible = false}" styleName="closeButton"/>
+	
+	<mx:HTML id="html_comments" width="100%" height="100%" complete="html_comments_loaded(event)" />
+	
+</WipeWindow>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/components/DocumentTabs.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/components/DocumentTabs.mxml b/TourDeFlex/TourDeFlex/src/components/DocumentTabs.mxml
new file mode 100644
index 0000000..e9b1251
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/components/DocumentTabs.mxml
@@ -0,0 +1,126 @@
+<?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.
+
+-->
+<mx:TabNavigator xmlns:mx="http://www.adobe.com/2006/mxml" xmlns:local="components.*"
+					   width="100%" height="100%" styleName="documentTabs" selectedTabTextStyleName="documentTabSelected">
+
+	<mx:Script>
+	<![CDATA[
+		import classes.Document;
+		import mx.controls.HTML;
+		import mx.containers.VBox;
+		
+		public var needHtmlHack:Boolean = false; // This is a total hack to work around TWO bugs in Flex.  Ask Greg Wilson for details
+				
+		public function addTabs(documents:Array, localRootPath:String):void
+		{
+			this.selectedIndex = 0;
+			this.validateNow();
+			this.removeAllChildren();
+						
+			for each(var document:Document in documents)
+				this.addTab(document.name, document.path, document.openLinksExternal, localRootPath);
+		}
+		
+		// There is a bug in the Flex 3.2 html control where the default font is set too large.  This method puts it back to the desired default of 11px.
+		public function changeDefaultFont(e:Event):void {
+			var frames:Object = e.target.htmlLoader.window.document.getElementsByTagName("frame");
+			if (frames.length == 0)
+			{
+				// document does not have frames
+				if(e.target.htmlLoader.window.document.getElementsByTagName("body")[0])
+					e.target.htmlLoader.window.document.getElementsByTagName("body")[0].style.fontSize="11px";
+			}
+			else
+			{
+				// document has frames... change style for document in each frame
+				for (var i:int=0;i<frames.length;i++)
+				{
+					if(frames[i].contentDocument.getElementsByTagName("body")[0])
+						frames[i].contentDocument.getElementsByTagName("body")[0].style.fontSize="11px";
+				}
+			}
+			e.target.visible = true;
+		}
+	
+		public function removeCleanup(e:Event):void {
+			if (this.needHtmlHack) {
+				//trace("CLEANUP");
+				e.target.htmlText = ""; // Hack - GAW - forces any loaded SWFs to stop
+			}
+		}
+
+		
+		public function addTab(name:String, path:String, openLinksExternal:String, localRootPath:String):void
+		{
+			var tab:VBox = new VBox();
+			tab.percentWidth = 100;
+			tab.percentHeight = 100;
+			if(name.length == 0)
+				tab.label = getFileName(path);
+			else
+				tab.label = name;
+			this.addChild(tab);
+			
+			var html_illustration:HTML = new HTML();
+			html_illustration.percentWidth = 100;
+			html_illustration.percentHeight = 100;
+			html_illustration.visible = false;   // Set to true after changeDefaultFont
+			html_illustration.addEventListener(Event.COMPLETE,changeDefaultFont);
+			html_illustration.addEventListener(Event.REMOVED_FROM_STAGE, removeCleanup);
+			tab.addChild(html_illustration);	
+			
+			if (openLinksExternal.toLowerCase() == "true") 
+			{
+				html_illustration.htmlLoader.navigateInSystemBrowser = true; // Open links in default browser
+			}
+			
+			if(path.toLowerCase().indexOf("http") == 0)
+			{
+				if(Config.IS_ONLINE)
+					html_illustration.location = path;
+				else
+					html_illustration.location = Config.OFFLINE_URL;
+			}
+			else
+			{
+				html_illustration.location = localRootPath + path;
+			}
+		}
+		
+		private function getFileName(path:String):String
+		{
+			var fileName:String = "";
+			var slashPos:int = path.lastIndexOf("/");
+			var backslashPos:int = path.lastIndexOf("\\");
+			
+			if(slashPos > 0)
+				fileName = path.substr(slashPos+1); 
+			else if(backslashPos > 0)	
+				fileName = path.substr(backslashPos+1);	
+			else
+				fileName = "Document";
+				
+			return fileName;
+		}
+		
+	]]>
+	</mx:Script>
+
+</mx:TabNavigator>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/components/DownloadWindow.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/components/DownloadWindow.mxml b/TourDeFlex/TourDeFlex/src/components/DownloadWindow.mxml
new file mode 100644
index 0000000..e0b7be8
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/components/DownloadWindow.mxml
@@ -0,0 +1,123 @@
+<?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.
+
+-->
+<mx:TitleWindow xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical" horizontalAlign="center" verticalAlign="middle" styleName="downloadWindow" width="300" height="150" creationComplete="init()">
+	<mx:Script>
+	<![CDATA[
+		import mx.controls.Alert;
+		import mx.managers.PopUpManager;
+		
+		private var fileReference:FileReference;
+		private var localFileToSave:File;
+		private var fileToSave:File;
+				
+		private function init():void
+		{
+			fileReference = new FileReference();
+		}
+		
+		public function download(path:String, localRootPath:String):void
+		{
+			if(path.toLowerCase().indexOf("http") == 0)
+				downloadHttp(path);
+			else
+				downloadLocal(localRootPath + path);			
+		}
+		
+		private function downloadLocal(path:String):void
+		{		
+			localFileToSave = File.applicationDirectory.resolvePath(path);
+			
+			fileToSave = new File(File.documentsDirectory.nativePath + File.separator + localFileToSave.name);
+			fileToSave.addEventListener(Event.SELECT, downloadLocal_directorySelect);
+			fileToSave.addEventListener(Event.CANCEL, downloadLocal_directorySelectCancel);
+			fileToSave.browseForSave("Save As");			
+		}
+		
+		private function downloadLocal_directorySelect(event:Event):void 
+		{			
+			localFileToSave.addEventListener(ProgressEvent.PROGRESS, download_progressHandler);
+			localFileToSave.addEventListener(Event.COMPLETE, download_completeHandler);
+			localFileToSave.copyToAsync(fileToSave, true);
+			progressBar_download.setProgress(100,100);
+		}	
+		
+		private function downloadLocal_directorySelectCancel(event:Event):void 
+		{
+			PopUpManager.removePopUp(this);
+		}		
+
+		private function downloadHttp(path:String):void
+		{
+			var request:URLRequest = new URLRequest(path);
+			fileReference = new FileReference();
+			fileReference.addEventListener(Event.OPEN, download_openHandler);
+			fileReference.addEventListener(ProgressEvent.PROGRESS, download_progressHandler);
+			fileReference.addEventListener(Event.COMPLETE, download_completeHandler);
+			
+			try
+			{
+				fileReference.download(request);
+			}
+			catch (error:Error)
+			{
+				Alert.show(error.message, "Download Error");
+			}
+		}
+		
+		private function download_openHandler(event:Event):void
+    {
+			progressBar_download.label = "DOWNLOADING %3%%";
+			button_cancel.visible = true;
+			button_close.visible = false;
+    }
+		
+ 		private function download_progressHandler(event:ProgressEvent):void
+		{
+			progressBar_download.setProgress(event.bytesLoaded, event.bytesTotal);
+		}	
+		
+ 		private function download_cancel(event:MouseEvent):void
+		{
+			fileReference.cancel();
+			progressBar_download.label = "CANCELLED";
+			button_close.visible = true;
+			button_cancel.visible = false;
+			
+			PopUpManager.removePopUp(this);
+		}			
+		
+		private function download_completeHandler(event:Event):void
+		{
+			progressBar_download.label = "DOWNLOAD COMPLETE";
+			button_close.visible = true;
+			button_cancel.visible = false;
+		}
+		
+	]]>
+	</mx:Script>	
+	
+	<mx:ProgressBar id="progressBar_download" width="90%" mode="manual" label="DOWNLOADING..." />	
+	
+	<mx:Canvas>
+		<mx:Button id="button_cancel" label="Cancel" visible="false" click="download_cancel(event)" horizontalCenter="0" />		
+		<mx:Button id="button_close" label="Close" click="{PopUpManager.removePopUp(this)}" horizontalCenter="0"/>
+	</mx:Canvas>
+	
+</mx:TitleWindow>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/components/IllustrationTab.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/components/IllustrationTab.mxml b/TourDeFlex/TourDeFlex/src/components/IllustrationTab.mxml
new file mode 100644
index 0000000..7095a69
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/components/IllustrationTab.mxml
@@ -0,0 +1,81 @@
+<?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.
+
+-->
+<mx:Canvas xmlns:mx="http://www.adobe.com/2006/mxml" width="100%" height="100%" remove="unloadIllustration();">
+	
+	<mx:Script>
+	<![CDATA[
+		import mx.controls.Alert;
+		import mx.core.Application;
+		import mx.core.FlexGlobals;
+		import mx.modules.ModuleLoader;
+		
+		public var downloadPath:String = "";
+		public var illustrationURL:String = "";
+		public var autoExpand:Boolean = false;
+
+		public function setLocation(path:String, isModule:String):void
+		{			
+			//mx.core.Application.application.button_expand.enabled = true;
+			FlexGlobals.topLevelApplication.button_expand.enabled = true;
+			
+			if(isModule.toLowerCase() == "true")
+			{
+				this.removeChild(html_illustration);
+				module_swfs.url = path;
+				illustrationURL = "";
+				FlexGlobals.topLevelApplication.button_browser.enabled = false;
+			}
+			else
+			{				
+				this.removeChild(module_swfs);
+				html_illustration.location = path;
+				illustrationURL = path;
+				FlexGlobals.topLevelApplication.button_browser.enabled = true;
+
+			}			
+		}
+		
+		public function unloadIllustration():void {
+			if (this.contains(html_illustration)) 
+			{
+				html_illustration.htmlText = ""; // hack - GAW
+ 				this.removeChild(html_illustration); // hack - GAW				
+			} 
+			else
+			{	
+				module_swfs.unloadModule();
+ 			}
+		}
+		
+	]]>
+	</mx:Script>
+	
+	<mx:Parallel id="arrowShow">
+		<mx:Fade alphaFrom="0.5" alphaTo="1.0" duration="500"/>
+	</mx:Parallel>
+
+	<mx:Parallel id="arrowDim">	
+		<mx:Fade alphaFrom="1.0" alphaTo="0.5" duration="500"/>
+	</mx:Parallel>
+		
+	<mx:HTML id="html_illustration" width="100%" height="100%" horizontalScrollPolicy="off" verticalScrollPolicy="off" />
+	<mx:ModuleLoader id="module_swfs" height="100%" width="100%" backgroundColor="#323232" horizontalAlign="center" verticalAlign="middle" />
+
+</mx:Canvas>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/components/IllustrationTabs.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/components/IllustrationTabs.mxml b/TourDeFlex/TourDeFlex/src/components/IllustrationTabs.mxml
new file mode 100644
index 0000000..1d4e226
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/components/IllustrationTabs.mxml
@@ -0,0 +1,86 @@
+<?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.
+
+-->
+<local:TDFTabNavigator xmlns:mx="http://www.adobe.com/2006/mxml" xmlns:local="components.*" width="100%" height="100%"  
+	creationComplete="init()" styleName="illustrationTabs"  selectedTabTextStyleName="illustrationTabSelected">
+
+	<mx:Script>
+	<![CDATA[
+		import mx.controls.Image;
+		import mx.collections.ArrayCollection;
+		import mx.controls.HTML;
+		import mx.containers.VBox;
+		
+		public var associatedDocumentsCollection:ArrayCollection;
+		
+		private function init():void
+		{
+			var t:TDFTabNavigator = new TDFTabNavigator();
+			associatedDocumentsCollection = new ArrayCollection();
+		}
+		
+		public function addTab(name:String, path:String, localRootPath:String, isModule:String, downloadPath:String, autoExpand:String, openLinksExternal:String, scrollBars:String, associatedDocuments:Array):void
+		{
+			this.associatedDocumentsCollection.addItem(associatedDocuments);
+						
+			var tab:IllustrationTab = new IllustrationTab();
+			tab.downloadPath = downloadPath;	
+			tab.autoExpand = (autoExpand.toLowerCase() == "true")? true:false;
+			
+			if(name.length == 0)
+				tab.label = "Sample " + (this.getChildren().length + 1);
+			else
+				tab.label = name;
+				
+			this.addChild(tab);
+
+			if(scrollBars.toLowerCase() == "true") {
+				tab.html_illustration.verticalScrollPolicy = "auto";
+				tab.html_illustration.horizontalScrollPolicy = "auto";
+			}
+			
+			if(openLinksExternal.toLowerCase() == "true") 
+				tab.html_illustration.htmlLoader.navigateInSystemBrowser = true;
+
+			if(path.toLowerCase().indexOf("http") == 0)
+				tab.setLocation(path, isModule);
+			else
+				tab.setLocation(localRootPath + path, isModule);
+		}
+		
+		public function removeAllIllustrations():void
+		{
+			//reset selected tab due to tab selection issue - HS - took out, use TDFTabNavigator class now instead.
+			//this.selectedIndex = 0;
+			//this.validateNow();
+			
+			this.removeAllChildren();
+			this.associatedDocumentsCollection.removeAll();
+			
+		}
+		
+		public function hideSwf():void
+		{
+			this.selectedChild.visible = false;
+		}
+		
+	]]>
+	</mx:Script>
+
+</local:TDFTabNavigator>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/components/ObjectList.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/components/ObjectList.mxml b/TourDeFlex/TourDeFlex/src/components/ObjectList.mxml
new file mode 100644
index 0000000..b79ea67
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/components/ObjectList.mxml
@@ -0,0 +1,88 @@
+<?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.
+
+-->
+<mx:VBox xmlns:mx="http://www.adobe.com/2006/mxml" width="98%" height="98%">
+	
+	<mx:Script>
+	<![CDATA[
+		import classes.ObjectListSortTypes;
+		import classes.ObjectTreeItemRenderer;
+		import classes.ObjectTreeDataDescriptor;
+		import mx.events.FlexEvent;
+		import mx.collections.XMLListCollection;
+		import mx.events.ListEvent;
+
+		[Bindable] public var treeDataProvider:Object;
+		[Bindable] public var listDataProvider:Object;
+		[Bindable] public var selectedId:int = -1;
+		[Bindable] public var selectedObject:XML;	
+		[Bindable] public var sortType:String = "";		
+		public static const SORT_CHANGE:String = "sortChange";
+
+		private function list_objects_change(event:ListEvent):void
+		{
+			dispatchEvent(event);
+		}
+
+		private function comboBox_sort_change(event:ListEvent):void
+		{
+			sortType = comboBox_sort.selectedLabel;
+			var sortEvent:ListEvent = new ListEvent(SORT_CHANGE, event.bubbles, event.cancelable, event.columnIndex, event.rowIndex, event.reason, event.itemRenderer);
+			dispatchEvent(sortEvent);
+		}
+				
+		private function tree_dataChange(event:FlexEvent):void
+		{
+			if(treeDataProvider && treeDataProvider[0].@autoExpand == true)
+				tree_objects.expandChildrenOf(treeDataProvider[0], true);
+		}
+		
+		public function showTreeView(show:Boolean):void
+		{
+			tree_objects.visible = show;
+			box_list_objects.visible = !show;
+		}
+		
+		public function setDescription(description:String, dateAdded:String, author:String):void
+		{
+			text_description.htmlText = description + "<br><b>Author:</b> " + author + "<br><b>Date Added:</b> " + dateAdded; 
+		}
+						
+	]]>
+	</mx:Script>
+	
+	<mx:Metadata>
+		[Event(name="change", type="mx.events.ListEvent")]
+		[Event(name="sortChange", type="mx.events.ListEvent")]		
+	</mx:Metadata>
+
+	<mx:Canvas width="100%" height="100%">
+		
+		<mx:VBox id="box_list_objects" width="100%" height="100%">			
+			<mx:ComboBox id="comboBox_sort" width="100%" change="comboBox_sort_change(event)" dataProvider="{ObjectListSortTypes.ObjectListSortTypeArray}" /> 
+			<mx:List id="list_objects" fontSize="11" fontAntiAliasType="advanced" labelField="@name" itemRenderer="components.ObjectListItemRenderer" change="list_objects_change(event)" dataProvider="{listDataProvider}" width="100%" height="100%" />
+		</mx:VBox>
+		
+		<mx:Tree id="tree_objects"  fontSize="11" fontAntiAliasType="advanced" labelField="@name" showRoot="true" defaultLeafIcon="{null}" valueCommit="tree_dataChange(event)" itemRenderer="classes.ObjectTreeItemRenderer" change="list_objects_change(event)" dataProvider="{treeDataProvider}" dataDescriptor="{new ObjectTreeDataDescriptor()}" height="100%" width="100%" openDuration="0" />
+	
+	</mx:Canvas>
+
+	<mx:Text id="text_description" width="100%" />
+	
+</mx:VBox>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/components/ObjectListItemRenderer.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/components/ObjectListItemRenderer.mxml b/TourDeFlex/TourDeFlex/src/components/ObjectListItemRenderer.mxml
new file mode 100644
index 0000000..d3d052e
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/components/ObjectListItemRenderer.mxml
@@ -0,0 +1,86 @@
+<?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.
+
+-->
+<mx:Canvas xmlns:mx="http://www.adobe.com/2006/mxml" implements="mx.controls.listClasses.IDropInListItemRenderer" horizontalScrollPolicy="off">
+	
+	<mx:Script>
+	<![CDATA[
+		import mx.controls.listClasses.BaseListData;
+
+		private var _listData:BaseListData;		
+		
+		public function get listData():BaseListData
+		{
+			return _listData;
+		}
+		
+		public function set listData(value:BaseListData):void
+		{
+			_listData = value;
+		}	
+		
+		override protected function updateDisplayList(unscaledWidth:Number, unscaledHeight:Number):void
+		{
+			super.updateDisplayList(unscaledWidth, unscaledHeight);
+			
+			if(data)
+			{
+				label_name.text = data.@name;
+				var iconPath:String = data.@iconPath;
+				if(data.@localIconPath.toString().length > 0)
+					iconPath = data.@localIconPath;
+					
+				//Config.IS_ONLINE
+				if(iconPath.length > 0)
+				{
+					if(hasFullPath(data.@iconPath) && data.@localIconPath.toString().length == 0)
+					{
+						if(Config.IS_ONLINE) {
+							image_icon.source = iconPath;
+						} else {
+							image_icon.source = Config.TREE_NO_ICON;
+						}
+					} 
+					else
+					{
+						image_icon.source = Config.LOCAL_OBJECTS_ROOT_PATH + iconPath;
+					}
+				}
+				else
+				{
+					image_icon.source = Config.TREE_NO_ICON;
+				}	
+			}		
+		}
+		
+		private function hasFullPath(path:String):Boolean
+		{
+			if(path.indexOf("//") >= 0 || path.indexOf(":") >= 0)
+				return true;
+			else
+				return false;
+		}
+			
+	]]>
+	</mx:Script>
+	
+	<mx:Image id="image_icon" width="18" height="18" />
+	<mx:Label id="label_name" x="20" />
+	
+</mx:Canvas>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/components/PluginDownloadWindow.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/components/PluginDownloadWindow.mxml b/TourDeFlex/TourDeFlex/src/components/PluginDownloadWindow.mxml
new file mode 100644
index 0000000..82b5297
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/components/PluginDownloadWindow.mxml
@@ -0,0 +1,125 @@
+<?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.
+
+-->
+<mx:TitleWindow xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical" horizontalAlign="center" verticalAlign="middle" styleName="downloadWindow" width="300" height="150" creationComplete="init()">
+	<mx:Script>
+	<![CDATA[
+		import mx.controls.Alert;
+		import mx.managers.PopUpManager;
+		
+		private var fileReference:FileReference;
+		private var localFileToSave:File;
+		private var fileToSave:File;
+				
+		private function init():void
+		{
+			fileReference = new FileReference();
+		}
+		
+		public function download(samplePath:String, pluginPath:String, localRootPath:String):void
+		{
+			if(samplePath.toLowerCase().indexOf("http") == 0)
+				downloadHttp(samplePath);
+			else
+				downloadLocal(localRootPath + samplePath, pluginPath);			
+		}
+		
+		private function downloadLocal(samplePath:String, path:String):void
+		{		
+			var sampleFile:File = File.applicationDirectory.resolvePath(samplePath);
+			localFileToSave = File.documentsDirectory.resolvePath(path);
+			
+			fileToSave = new File(localFileToSave.nativePath + File.separator +  sampleFile.name);
+			//fileToSave.resolvePath(path);
+			fileToSave.nativePath = path;
+			fileToSave.addEventListener(Event.SELECT, downloadLocal_directorySelect);		
+			fileToSave.addEventListener(Event.CANCEL, downloadLocal_directorySelectCancel);
+			fileToSave.browseForSave("Save to project:");
+			
+		}
+		
+		private function downloadLocal_directorySelect(event:Event):void 
+		{			
+			localFileToSave.addEventListener(ProgressEvent.PROGRESS, download_progressHandler);
+			localFileToSave.addEventListener(Event.COMPLETE, download_completeHandler);
+			localFileToSave.copyToAsync(fileToSave, true);
+			progressBar_download.setProgress(100,100);
+		}		
+		private function downloadLocal_directorySelectCancel(event:Event):void 
+		{
+			PopUpManager.removePopUp(this);
+		}	
+		private function downloadHttp(path:String):void
+		{
+			var request:URLRequest = new URLRequest(path);
+			fileReference = new FileReference();
+			fileReference.addEventListener(Event.OPEN, download_openHandler);
+			fileReference.addEventListener(ProgressEvent.PROGRESS, download_progressHandler);
+			fileReference.addEventListener(Event.COMPLETE, download_completeHandler);
+			
+			try
+			{
+				fileReference.download(request);
+			}
+			catch (error:Error)
+			{
+				Alert.show(error.message, "Download Error");
+			}
+		}
+		
+		private function download_openHandler(event:Event):void
+    {
+			progressBar_download.label = "DOWNLOADING %3%%";
+			button_cancel.visible = true;
+			button_close.visible = false;
+    }
+		
+ 		private function download_progressHandler(event:ProgressEvent):void
+		{
+			progressBar_download.setProgress(event.bytesLoaded, event.bytesTotal);
+		}	
+		
+ 		private function download_cancel(event:MouseEvent):void
+		{
+			fileReference.cancel();
+			progressBar_download.label = "CANCELLED";
+			button_close.visible = true;
+			button_cancel.visible = false;
+			
+			PopUpManager.removePopUp(this);
+		}			
+		
+		private function download_completeHandler(event:Event):void
+		{
+			progressBar_download.label = "DOWNLOAD COMPLETE";
+			button_close.visible = true;
+			button_cancel.visible = false;
+		}
+		
+	]]>
+	</mx:Script>	
+	
+	<mx:ProgressBar id="progressBar_download" width="90%" mode="manual" label="DOWNLOADING..." />	
+	
+	<mx:Canvas>
+		<mx:Button id="button_cancel" label="Cancel" visible="false" click="download_cancel(event)" horizontalCenter="0" />		
+		<mx:Button id="button_close" label="Close" click="{PopUpManager.removePopUp(this)}" horizontalCenter="0"/>
+	</mx:Canvas>
+	
+</mx:TitleWindow>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/components/QuickStartWindow.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/components/QuickStartWindow.mxml b/TourDeFlex/TourDeFlex/src/components/QuickStartWindow.mxml
new file mode 100644
index 0000000..e35f3bb
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/components/QuickStartWindow.mxml
@@ -0,0 +1,82 @@
+<?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.
+
+-->
+<mx:VBox xmlns:mx="http://www.adobe.com/2006/mxml" creationComplete="init()" width="100%" height="100%" verticalGap="0" styleName="qStartStyle"  >
+	
+	<mx:Script>
+	<![CDATA[
+		import mx.events.CloseEvent;
+		import mx.core.FlexSprite;
+		import mx.managers.PopUpManager;
+		import TopPanels4_fla.MainTimeline;
+		
+		public static const CLOSE_EVENT:String = "close";
+		
+		private function init():void
+		{
+			html_quickStart.htmlLoader.navigateInSystemBrowser = true;
+			html_quickStart.htmlText = "<BR><BR><BR><CENTER>Loading...</CENTER>";
+			this.systemManager.addEventListener(MouseEvent.CLICK, modal_click);		
+		}		
+		
+		private function modal_click(event:MouseEvent):void
+		{
+			if(event.target is FlexSprite && FlexSprite(event.target).name == "modalWindow")
+				PopUpManager.removePopUp(this);
+		}
+		
+		public function set location(value:String):void
+		{
+			if(html_quickStart)
+				html_quickStart.location = value;
+		}
+		
+		public function clearContents():void
+		{
+			html_quickStart.htmlText = "";
+		}
+	]]>
+	</mx:Script>
+	
+	<mx:Style>
+		.qStartStyle{
+			backgroundImage: Embed(skinClass='QuickStartPanel');
+			backgroundSize: "100%";
+		}
+		.closeHTML{
+			skin: Embed(skinClass='CloseHTMLButton');
+		}
+		.linkButton{
+			icon: Embed(skinClass='LinkIcon');
+			color: #314983;
+			textRollOverColor: #323232;
+			fontWeight: normal;
+		}
+	</mx:Style>
+
+	<mx:Metadata>
+		[Event(name="close", type="mx.events.CloseEvent")]
+	</mx:Metadata>
+	
+	<mx:VBox height="100%" width="100%" paddingBottom="5" paddingLeft="6" paddingRight="6" paddingTop="5">
+		<mx:HTML id="html_quickStart" height="100%" width="100%" horizontalScrollPolicy="off" />
+	</mx:VBox>		
+
+
+</mx:VBox>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/components/SearchWindow.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/components/SearchWindow.mxml b/TourDeFlex/TourDeFlex/src/components/SearchWindow.mxml
new file mode 100644
index 0000000..4b017be
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/components/SearchWindow.mxml
@@ -0,0 +1,197 @@
+<?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.
+
+-->
+<WipeWindow xmlns="components.*" xmlns:mx="http://www.adobe.com/2006/mxml" horizontalAlign="right" creationComplete="init()">
+	
+	<mx:Script>
+	<![CDATA[		
+		//--------------------------------------------------------------------------
+		//  Imports
+		//--------------------------------------------------------------------------	
+		import classes.ObjectData;
+		import mx.core.EdgeMetrics;
+		import mx.containers.GridItem;
+		import mx.containers.GridRow;
+		import mx.utils.StringUtil;
+		import mx.events.CollectionEvent;
+		import mx.controls.CheckBox;
+
+		//--------------------------------------------------------------------------
+		//  Variables/properties
+		//--------------------------------------------------------------------------		
+		public var objectData:ObjectData;
+		public static const SEARCH_SUBMIT:String = "searchSubmit";
+
+		public function set searchTagsData(tags:Array):void
+		{
+			var tagCounter:int = 0;
+			
+			for each(var row:GridRow in grid_tags.getChildren())
+			{
+				for each(var col:GridItem in row.getChildren())
+				{
+					var checkBox:CheckBox = CheckBox(col.getChildAt(0));
+					
+					var tagTotal:String = "";
+					if(tags[tagCounter][1] && tags[tagCounter][1].toString().length > 0)
+						tagTotal = "  (" + tags[tagCounter][1] + ")";
+						
+					checkBox.label = tags[tagCounter][0] + tagTotal;
+					checkBox.data = tags[tagCounter][0];
+					checkBox.addEventListener(Event.CHANGE, checkBox_tag_change);
+					checkBox.styleName = "tagCheckBox";
+					checkBox.visible = true;			
+					tagCounter++;
+					if(tagCounter == tags.length)
+						break;
+				}
+				if(tagCounter == tags.length)
+					break;				
+			}				
+		}
+		
+		//--------------------------------------------------------------------------
+		//  Grid creation
+		//--------------------------------------------------------------------------	
+		private function init():void
+		{
+			createTagGrid();
+		}
+		
+		private function createTagGrid():void
+		{
+			for(var rows:int=0; rows<14; rows++)
+			{
+				var row:GridRow = new GridRow();
+				row.percentWidth = 100;
+				row.percentHeight = 100;			
+				
+				for(var cols:int=0; cols<4; cols++)
+				{
+					var col:GridItem = new GridItem();
+					col.percentWidth = 100;
+					col.percentHeight = 100;
+					
+					if(cols == 0 && rows == 0)
+						col.styleName = "tagGridFirstRowItem"
+					else if(rows == 0)
+						col.styleName = "tagGridFirstRow";
+					else if(cols == 0)
+						col.styleName = "tagGridFirstItem";
+					else
+						col.styleName = "tagGridItem";		
+
+					var checkBox:CheckBox = new CheckBox();
+					checkBox.visible = false;
+					
+					col.addChild(checkBox);
+					row.addChild(col);
+				}
+				grid_tags.addChild(row);
+			}
+		}
+		
+		//--------------------------------------------------------------------------
+		//  Search controls
+		//--------------------------------------------------------------------------		
+		public function clear():void
+		{
+			textInput_search.text = "";			
+			clearGridTags();
+		}
+		
+		private function button_clear_click(event:MouseEvent):void
+		{
+			objectData.filterList("");
+			clear();
+		}
+		
+		private function clearGridTags():void
+		{
+			for each(var row:GridRow in grid_tags.getChildren())
+			{
+				for each(var col:GridItem in row.getChildren())
+				{					
+					var checkBox:CheckBox = CheckBox(col.getChildAt(0));
+					checkBox.selected = false;
+				}
+			}
+		}
+		
+		private function textBox_submit(event:Event):void
+		{
+			clearGridTags();
+			
+			objectData.filterList(textInput_search.text);
+			dispatchEvent(new Event(SEARCH_SUBMIT, true));
+		}
+		
+		private function checkBox_tag_change(event:Event):void
+		{	
+			textInput_search.text = "";		
+			var searchTerms:String = "";
+			
+			for each(var row:GridRow in grid_tags.getChildren())
+			{
+				for each(var col:GridItem in row.getChildren())
+				{					
+					var checkBox:CheckBox = CheckBox(col.getChildAt(0));
+					if(checkBox.visible && checkBox.selected)
+						searchTerms += checkBox.data + " ";
+				}
+			}
+	
+			objectData.filterList(StringUtil.trim(searchTerms), true);
+			dispatchEvent(new Event(SEARCH_SUBMIT, true));			
+		}
+		
+		//--------------------------------------------------------------------------
+		//--------------------------------------------------------------------------		
+		
+	]]>
+	</mx:Script>
+	
+	<mx:Metadata>
+		[Event(name="searchSubmit", type="flash.events.Event")]
+	</mx:Metadata>
+	
+	<mx:HBox width="100%" paddingLeft="10">
+	
+		<mx:VBox>
+			<mx:Label text="Search:" styleName="headingLabel" />
+			<mx:HBox>
+				<TextBoxSearch id="textInput_search" width="240" textSubmit="textBox_submit(event)" />
+				<mx:Button id="button_clear" label="Reset" click="button_clear_click(event)" />
+			</mx:HBox>
+		</mx:VBox>
+
+		<mx:HBox width="100%" horizontalAlign="right">
+			<mx:Button click="{this.visible = false}" styleName="closeButton" />
+		</mx:HBox>
+
+	</mx:HBox>
+
+	<mx:Spacer height="5" />
+
+	<mx:VBox styleName="searchWindowTagBox" width="100%" height="100%">
+		<mx:Label text="Popular Tags:" styleName="headingLabel" />
+		<mx:Grid id="grid_tags" width="100%" height="100%" styleName="searchWindowTags" verticalGap="0" horizontalGap="0" />		
+	</mx:VBox>
+		
+</WipeWindow>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/components/SplashWindow.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/components/SplashWindow.mxml b/TourDeFlex/TourDeFlex/src/components/SplashWindow.mxml
new file mode 100644
index 0000000..2d011b6
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/components/SplashWindow.mxml
@@ -0,0 +1,86 @@
+<?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.
+
+-->
+<mx:Canvas xmlns:mx="http://www.adobe.com/2006/mxml" backgroundColor="#000000" horizontalScrollPolicy="off" verticalScrollPolicy="off" remove="video_intro.stop()" >
+	
+	<mx:Script>
+	<![CDATA[
+		import mx.managers.PopUpManager;
+
+		private var videoLength:int;
+
+		private function setVolume(event:Event):void
+		{
+			if(event.target.selected)
+			{
+				video_intro.volume = 0;
+			}
+			else
+			{
+				video_intro.volume = 1;
+				video_intro.playheadTime = 0;
+				video_intro.play();
+			}
+			//so.data.mute = ev.target.selected;
+		}
+		
+		private function checkBox_skip_click(event:Event):void
+		{
+			if(event.target.selected)
+			{				
+				video_intro_complete();
+			}
+			else
+			{
+				video_intro.playheadTime = 0;
+				video_intro.play();
+			}
+			//so.data.skip = event.target.selected;
+		}
+		
+		private function video_intro_complete():void
+		{		
+			//Preferences.preferencesXml.Splash.@skip = checkBox_skip.selected.toString(); -- no longer save skip - GAW
+			video_intro.playheadTime = video_intro.totalTime;
+			video_intro.stop();
+			//PopUpManager.removePopUp(this);
+			//Preferences.save();
+		}
+		
+	]]>
+	</mx:Script>
+
+	<mx:VideoDisplay id="video_intro" width="678" height="568" source="{Config.SPLASH_URL}" 
+		autoPlay="true" borderThickness="2" borderColor="black" borderStyle="inset"
+		autoBandWidthDetection="false" bufferTime="0.1" volume="0" complete="video_intro_complete()" rollOver="panel_options.visible=true;"
+		rollOut="panel_options.visible=false;" autoRewind="false" />
+	
+	<mx:Panel id="panel_options" width="90" height="35" color="0xFFFFFF" backgroundAlpha="0.6" backgroundColor="0x000000" borderColor="0x000000" layout="horizontal" borderAlpha="0.6"
+		borderThicknessTop="1" borderThicknessBottom="10" headerHeight="10" cornerRadius="5" x="{(video_intro.width/2)-(panel_options.width/2)}"
+		y="{(video_intro.height - 70)}" horizontalAlign="center" verticalAlign="middle"  horizontalGap="20" visible="false" 
+		roundedBottomCorners="true" rollOver="panel_options.visible=true;" >		 
+		 
+		<mx:CheckBox id="checkBox_mute" label="MUTE" selected="true" click="setVolume(event);"  textRollOverColor="0x55C0FF" textSelectedColor="0xACACAC" />
+		<!-- Removed - GAW
+		<mx:VRule height="20" alpha="0.5" />
+		<mx:Button id="checkBox_skip" label="SKIP" click="checkBox_skip_click(event);" textRollOverColor="0x55C0FF" textSelectedColor="0xACACAC" />
+		-->
+	</mx:Panel>
+	
+</mx:Canvas>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/components/TDFTabNavigator.as
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/components/TDFTabNavigator.as b/TourDeFlex/TourDeFlex/src/components/TDFTabNavigator.as
new file mode 100644
index 0000000..c045973
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/components/TDFTabNavigator.as
@@ -0,0 +1,43 @@
+////////////////////////////////////////////////////////////////////////////////
+//
+//  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.
+//
+////////////////////////////////////////////////////////////////////////////////
+package components
+{	
+	import mx.containers.TabNavigator; 
+	
+	/**
+	 * Currently there is a known bug within flex that prevents you from simply setting the selectedIndex 
+	 * once all the children are added. This class should be used to avoid the issue. 
+	 **/
+	
+	public class TDFTabNavigator extends TabNavigator
+	{
+		public function TDFTabNavigator()
+		{
+			super();
+		} 
+		override protected function commitSelectedIndex(newIndex:int):void
+		{
+			super.commitSelectedIndex(newIndex);
+			if(tabBar.numChildren > 0)
+			{
+				tabBar.selectedIndex = newIndex;
+			}
+		}
+	}
+}
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/components/TextBoxSearch.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/components/TextBoxSearch.mxml b/TourDeFlex/TourDeFlex/src/components/TextBoxSearch.mxml
new file mode 100644
index 0000000..978200f
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/components/TextBoxSearch.mxml
@@ -0,0 +1,79 @@
+<?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.
+
+-->
+<mx:TextInput xmlns:mx="http://www.adobe.com/2006/mxml" creationComplete="init()" keyUp="textBox_keyUp(event)" change="textBox_change()">
+
+	<mx:Script>
+	<![CDATA[
+	
+		public static const TEXT_SUBMIT:String = "textSubmit";
+		private var isDirty:Boolean = false;
+		private var typingPauseTimer:Timer;
+
+		private function init():void
+		{
+			typingPauseTimer = new Timer(700, 1);
+			typingPauseTimer.addEventListener(TimerEvent.TIMER, timer_typingPause);
+		}
+
+		private function textBox_change():void
+		{
+			isDirty = true;
+			
+			if(typingPauseTimer.running)
+				typingPauseTimer.reset();
+			typingPauseTimer.start();
+		}
+		
+		private function timer_typingPause(event:TimerEvent):void
+		{
+			if(isDirty)
+				submitText();
+		}
+
+		private function textBox_keyUp(event:KeyboardEvent):void
+		{
+			if(event.keyCode == Keyboard.ENTER && isDirty)
+				submitText();
+		}
+		
+		private function submitText():void
+		{
+			var notificationTimer:Timer = new Timer(100, 1);
+			notificationTimer.addEventListener(TimerEvent.TIMER, timer_turnNotificationOff);
+			notificationTimer.start();
+			
+			isDirty = false;
+			this.setStyle("backgroundColor", 0xFFFFB3);	
+			dispatchEvent(new Event(TEXT_SUBMIT, true));	
+		}
+
+		private function timer_turnNotificationOff(event:TimerEvent):void 
+		{
+			this.setStyle("backgroundColor", 0xFFFFFF);
+		}
+
+	]]>
+	</mx:Script>
+	
+	<mx:Metadata>
+		[Event(name="textSubmit", type="flash.events.Event")]
+	</mx:Metadata>
+	
+</mx:TextInput>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/components/WipeWindow.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/components/WipeWindow.mxml b/TourDeFlex/TourDeFlex/src/components/WipeWindow.mxml
new file mode 100644
index 0000000..fe8cea9
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/components/WipeWindow.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.
+
+-->
+<mx:VBox xmlns:mx="http://www.adobe.com/2006/mxml" showEffect="{this.wipeDown}" hideEffect="{this.wipeUp}" styleName="wipeWindow">
+
+	<mx:Script>
+	<![CDATA[
+		import mx.events.FlexEvent;
+		import mx.events.EffectEvent;
+		
+		public static const HIDE_COMPLETE:String = "hideComplete";
+	
+		private function hideComplete(event:EffectEvent):void
+		{
+			var hideCompleteEvent:FlexEvent = new FlexEvent(HIDE_COMPLETE);
+			dispatchEvent(hideCompleteEvent);	
+		}
+		
+	]]>
+	</mx:Script>
+
+	<mx:Metadata>
+		[Event(name="hideComplete", type="mx.events.FlexEvent")]
+	</mx:Metadata>
+
+	<mx:WipeDown id="wipeDown" duration="500" />
+	<mx:WipeUp id="wipeUp" duration="500" effectEnd="hideComplete(event)" />
+		
+</mx:VBox>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/data/about.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/data/about.html b/TourDeFlex/TourDeFlex/src/data/about.html
new file mode 100644
index 0000000..11c6bd7
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/data/about.html
@@ -0,0 +1,57 @@
+<!--
+  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.
+-->
+<html>
+	<head>
+		<meta http-equiv="content-type" content="text/html; charset=utf-8">
+		<title>About</title>
+		<link rel="stylesheet" href="style.css" />
+	</head>
+	<!-- width:434 height:333 -->
+	<body>
+		<div id="hdr">
+			<a href="http://www.adobe.com/devnet/flex/tourdeflex" target="_blank"><img src="images/logo.png" alt="logo" width="159" height="43" border="0"></a>
+			<div id="version"><br>
+				<span class="team"><b><font color="#FFFFFF"><CENTER>A Product of the <BR>Adobe Evangelism Team</CENTER></font></b><br /></span>
+			</div>
+		</div>
+		<div id="main">
+			<div id="credits">
+				<p><b>Concept by:</b><BR/>
+				<A HREF="http://www.jamesward.com">James Ward</A>, <A HREF="http://coenraets.org/">Christophe Coenraets</A>, and <A HREF="http://gregsramblings.com">Greg Wilson</A></p>
+				<p><b>Application Design & Development:</b><br />
+				Sean Carey, Rich Emery, Trae Regan, Holly Schinsky, <A HREF="http://www.taterboy.com/blog/">Todd Williams</A><BR>
+				Christophe Coenraets, James Ward, Greg Wilson</p>
+				
+				<p><b>Eclipse Plugin Development:</b><br />
+				<A HREF="http://richdesktopsolutions.com">Holly Schinsky</A></p>
+				
+			</div>
+			<div id="logo">
+				<a href="http://www.hdinteractive.com" target="_blank"><img src="images/HDlogo.png" alt="HDlogo" width="97" height="25" border="0"></a><br />
+				<a href="http://www.hdinteractive.com" target="_blank">http://www.hdinteractive.com</a>
+			</div>
+			<div id="ftr">
+				<div id="ftrLogo" class="lt">
+					<img src="images/adobe_logo.png" alt="adobe_logo" width="22" height="25">
+				</div>
+				<div id="rights" class="rt">
+					©2010 Adobe Systems Inccorporated. All rights reserved.  The Adobe logo and Flex are registered trademarks of Adobe Systems Incorporated in the United States and/or other countries.
+				</div>
+			</div>
+		</div>
+	</body>
+</html>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/data/images/bkg.jpg
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/data/images/bkg.jpg b/TourDeFlex/TourDeFlex/src/data/images/bkg.jpg
new file mode 100644
index 0000000..4654381
Binary files /dev/null and b/TourDeFlex/TourDeFlex/src/data/images/bkg.jpg differ

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/data/images/logo.png
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/data/images/logo.png b/TourDeFlex/TourDeFlex/src/data/images/logo.png
new file mode 100644
index 0000000..4db7317
Binary files /dev/null and b/TourDeFlex/TourDeFlex/src/data/images/logo.png differ

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/data/images/qs_banner_plain_big2.jpg
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/data/images/qs_banner_plain_big2.jpg b/TourDeFlex/TourDeFlex/src/data/images/qs_banner_plain_big2.jpg
new file mode 100644
index 0000000..3012a3b
Binary files /dev/null and b/TourDeFlex/TourDeFlex/src/data/images/qs_banner_plain_big2.jpg differ

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/data/images/quickstart.gif
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/data/images/quickstart.gif b/TourDeFlex/TourDeFlex/src/data/images/quickstart.gif
new file mode 100644
index 0000000..0bf5e21
Binary files /dev/null and b/TourDeFlex/TourDeFlex/src/data/images/quickstart.gif differ


[23/51] [partial] Merged TourDeFlex release from develop

Posted by jm...@apache.org.
http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR20/Microphone/source/skins/TDFPanelSkin.mxml.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR20/Microphone/source/skins/TDFPanelSkin.mxml.html b/TourDeFlex/TourDeFlex/src/objects/AIR20/Microphone/source/skins/TDFPanelSkin.mxml.html
new file mode 100755
index 0000000..df79d11
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR20/Microphone/source/skins/TDFPanelSkin.mxml.html
@@ -0,0 +1,147 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+<head>
+  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+  <meta http-equiv="Content-Style-Type" content="text/css">
+  <title>TDFPanelSkin.mxml</title>
+  <meta name="Generator" content="Cocoa HTML Writer">
+  <meta name="CocoaVersion" content="1187.4">
+  <style type="text/css">
+    p.p1 {margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Courier}
+    p.p2 {margin: 0.0px 0.0px 0.0px 0.0px; font: 11.0px Monaco; color: #941100}
+    p.p3 {margin: 0.0px 0.0px 0.0px 0.0px; font: 11.0px Monaco; min-height: 15.0px}
+    p.p4 {margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Courier; min-height: 14.0px}
+  </style>
+</head>
+<body>
+<p class="p1">&lt;?xml version="1.0" encoding="utf-8"?&gt;</p>
+<p class="p2">&lt;!--</p>
+<p class="p3"><br></p>
+<p class="p2">Licensed to the Apache Software Foundation (ASF) under one or more</p>
+<p class="p2">contributor license agreements.<span class="Apple-converted-space">  </span>See the NOTICE file distributed with</p>
+<p class="p2">this work for additional information regarding copyright ownership.</p>
+<p class="p2">The ASF licenses this file to You under the Apache License, Version 2.0</p>
+<p class="p2">(the "License"); you may not use this file except in compliance with</p>
+<p class="p2">the License.<span class="Apple-converted-space">  </span>You may obtain a copy of the License at</p>
+<p class="p3"><br></p>
+<p class="p2">http://www.apache.org/licenses/LICENSE-2.0</p>
+<p class="p3"><br></p>
+<p class="p2">Unless required by applicable law or agreed to in writing, software</p>
+<p class="p2">distributed under the License is distributed on an "AS IS" BASIS,</p>
+<p class="p2">WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.</p>
+<p class="p2">See the License for the specific language governing permissions and</p>
+<p class="p2">limitations under the License.</p>
+<p class="p3"><br></p>
+<p class="p2">--&gt;</p>
+<p class="p4"><br></p>
+<p class="p1">&lt;s:Skin xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark"<span class="Apple-converted-space"> </span></p>
+<p class="p1"><span class="Apple-converted-space">        </span>alpha.disabled="0.5" minWidth="131" minHeight="127"&gt;</p>
+<p class="p4"><span class="Apple-converted-space">    </span></p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;fx:Metadata&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>[HostComponent("spark.components.Panel")]</p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;/fx:Metadata&gt;<span class="Apple-converted-space"> </span></p>
+<p class="p4"><span class="Apple-converted-space">    </span></p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;s:states&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:State name="normal" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:State name="disabled" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:State name="normalWithControlBar" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:State name="disabledWithControlBar" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;/s:states&gt;</p>
+<p class="p4"><span class="Apple-converted-space">    </span></p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;!-- drop shadow --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;s:Rect left="0" top="0" right="0" bottom="0"&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:filters&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:DropShadowFilter blurX="15" blurY="15" alpha="0.18" distance="11" angle="90" knockout="true" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;/s:filters&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:SolidColor color="0" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;/s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;/s:Rect&gt;</p>
+<p class="p4"><span class="Apple-converted-space">    </span></p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;!-- layer 1: border --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;s:Rect left="0" right="0" top="0" bottom="0"&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:stroke&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:SolidColorStroke color="0" alpha="0.50" weight="1" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;/s:stroke&gt;</p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;/s:Rect&gt;</p>
+<p class="p4"><span class="Apple-converted-space">    </span></p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;!-- layer 2: background fill --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;s:Rect left="0" right="0" bottom="0" height="15"&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:LinearGradient rotation="90"&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;s:GradientEntry color="0xE2E2E2" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;s:GradientEntry color="0x000000" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;/s:LinearGradient&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;/s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;/s:Rect&gt;</p>
+<p class="p4"><span class="Apple-converted-space">    </span></p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;!-- layer 3: contents --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;s:Group left="1" right="1" top="1" bottom="1" &gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:layout&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:VerticalLayout gap="0" horizontalAlign="justify" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;/s:layout&gt;</p>
+<p class="p4"><span class="Apple-converted-space">        </span></p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:Group id="topGroup" &gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;!-- layer 0: title bar fill --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;!-- Note: We have custom skinned the title bar to be solid black for Tour de Flex --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:Rect id="tbFill" left="0" right="0" top="0" bottom="1" &gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                    </span>&lt;s:SolidColor color="0x000000" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;/s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;/s:Rect&gt;</p>
+<p class="p4"><span class="Apple-converted-space">            </span></p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;!-- layer 1: title bar highlight --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:Rect id="tbHilite" left="0" right="0" top="0" bottom="0" &gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;s:stroke&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                    </span>&lt;s:LinearGradientStroke rotation="90" weight="1"&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                        </span>&lt;s:GradientEntry color="0xEAEAEA" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                        </span>&lt;s:GradientEntry color="0xD9D9D9" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                    </span>&lt;/s:LinearGradientStroke&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;/s:stroke&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;/s:Rect&gt;</p>
+<p class="p4"><span class="Apple-converted-space">            </span></p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;!-- layer 2: title bar divider --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:Rect id="tbDiv" left="0" right="0" height="1" bottom="0"&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                    </span>&lt;s:SolidColor color="0xC0C0C0" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;/s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;/s:Rect&gt;</p>
+<p class="p4"><span class="Apple-converted-space">            </span></p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;!-- layer 3: text --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:Label id="titleDisplay" maxDisplayedLines="1"</p>
+<p class="p1"><span class="Apple-converted-space">                     </span>left="9" right="3" top="1" minHeight="30"</p>
+<p class="p1"><span class="Apple-converted-space">                     </span>verticalAlign="middle" fontWeight="bold" color="#E2E2E2"&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;/s:Label&gt;</p>
+<p class="p4"><span class="Apple-converted-space">            </span></p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;/s:Group&gt;</p>
+<p class="p4"><span class="Apple-converted-space">        </span></p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:Group id="contentGroup" width="100%" height="100%" minWidth="0" minHeight="0"&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;/s:Group&gt;</p>
+<p class="p4"><span class="Apple-converted-space">        </span></p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:Group id="bottomGroup" minWidth="0" minHeight="0"</p>
+<p class="p1"><span class="Apple-converted-space">                 </span>includeIn="normalWithControlBar, disabledWithControlBar" &gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;!-- layer 0: control bar background --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:Rect left="0" right="0" bottom="0" top="1" &gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                    </span>&lt;s:SolidColor color="0xE2EdF7" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;/s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;/s:Rect&gt;</p>
+<p class="p4"><span class="Apple-converted-space">            </span></p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;!-- layer 1: control bar divider line --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:Rect left="0" right="0" top="0" height="1" &gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                    </span>&lt;s:SolidColor color="0xD1E0F2" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;/s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;/s:Rect&gt;</p>
+<p class="p4"><span class="Apple-converted-space">            </span></p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;!-- layer 2: control bar --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:Group id="controlBarGroup" left="0" right="0" top="1" bottom="1" minWidth="0" minHeight="0"&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;s:layout&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                    </span>&lt;s:HorizontalLayout paddingLeft="10" paddingRight="10" paddingTop="7" paddingBottom="7" gap="10" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;/s:layout&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;/s:Group&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;/s:Group&gt;</p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;/s:Group&gt;</p>
+<p class="p1">&lt;/s:Skin&gt;</p>
+</body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR20/Microphone/srcview/Sample-AIR2-Microphone/src/com/adobe/audio/format/WAVWriter.as
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR20/Microphone/srcview/Sample-AIR2-Microphone/src/com/adobe/audio/format/WAVWriter.as b/TourDeFlex/TourDeFlex/src/objects/AIR20/Microphone/srcview/Sample-AIR2-Microphone/src/com/adobe/audio/format/WAVWriter.as
new file mode 100644
index 0000000..62c0802
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR20/Microphone/srcview/Sample-AIR2-Microphone/src/com/adobe/audio/format/WAVWriter.as
@@ -0,0 +1,257 @@
+////////////////////////////////////////////////////////////////////////////////
+//
+//  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.
+//
+////////////////////////////////////////////////////////////////////////////////
+
+
+package com.adobe.audio.format
+{
+	import flash.utils.ByteArray;
+	import flash.utils.Endian;
+	import flash.utils.IDataOutput;
+	
+
+/**
+ * 	Helper class to write WAV formated audio files.  The class
+ *  expects audio input data in a byte array with samples represented
+ *  as floats.  
+ * 
+ *  <p>The default compressed code is set to PCM.  The class
+ *  resamples and formats the audio samples according to the 
+ *  class properties.  The resampling geared for performance and
+ *  not quality, for best quality use sampling rates that divide/multiple
+ *  into the desired output <code>samplingRate</code>.
+ * 
+ * 	For more information about the WAVE file format see:
+ * 	http://ccrma.stanford.edu/courses/422/projects/WaveFormat/</p>
+ * 
+ * 	TODO Get WAV's for testing
+ *  
+ * 	@langversion ActionScript 3.0
+ * 	@playerversion Flash 10.0 
+ */
+public class WAVWriter
+{
+	
+	//-------------------------------------------------------------------
+	// Variables
+	//-------------------------------------------------------------------
+
+	/**
+	 * 	@private
+	 *  Used for resampling channels where input channels > output channels
+	 */
+	private var tempValueSum:Number = 0;
+	/**
+	 * 	@private
+	 *  Used for resampling channels where input channels > output channels
+	 */
+	private var tempValueCount:int = 0;
+	
+	//-------------------------------------------------------------------
+	// Properties
+	//-------------------------------------------------------------------
+	
+	/**
+	 * 	The sampling rate, in Hz, for the data in the WAV file.
+	 * 
+	 * 	@default 44100
+	 */
+	public var samplingRate:Number = 44100;
+	
+	/**
+	 * 	The audio sample bit rate.  Has to be set to 8, 16, 24, or 32.
+	 * 
+	 * 	@default 16
+	 */		
+	public var sampleBitRate:int = 16; // ie: 16 bit wav file
+	
+	/**
+	 * 	The number of audio channels in the WAV file.
+	 * 
+	 * 	@default 2
+	 */	
+	public var numOfChannels:int = 2;
+	
+	/**
+	 * 	The WAV header compression code value.  The default is the PCM 
+	 *  code.
+	 * 
+	 * 	@default 1 
+	 */	
+	public var compressionCode:int = 1;
+	
+	//-------------------------------------------------------------------
+	// Methods
+	//-------------------------------------------------------------------
+	
+	/**
+	 * 	@private
+	 * 	Create WAV header bytes
+	 */
+	private function header(dataOutput:IDataOutput, fileSize:Number):void
+	{
+		dataOutput.writeUTFBytes("RIFF");
+		dataOutput.writeUnsignedInt(fileSize); // Size of whole file
+		dataOutput.writeUTFBytes("WAVE");
+		// WAVE Chunk
+		dataOutput.writeUTFBytes("fmt ");	// Chunk ID
+		dataOutput.writeUnsignedInt(16);	// Header Chunk Data Size
+		dataOutput.writeShort(compressionCode); // Compression code - 1 = PCM
+		dataOutput.writeShort(numOfChannels); // Number of channels
+		dataOutput.writeUnsignedInt(samplingRate); // Sample rate
+		dataOutput.writeUnsignedInt(samplingRate * numOfChannels * sampleBitRate / 8); // Byte Rate == SampleRate * NumChannels * BitsPerSample/8		
+		dataOutput.writeShort(numOfChannels * sampleBitRate / 8); // Block align == NumChannels * BitsPerSample/8
+		dataOutput.writeShort(sampleBitRate); // Bits Per Sample
+	}
+	
+	/**
+	 * 	Resample the <code>dataInput</code> audio data into the WAV format.
+	 *  Writing the output to the <code>dataOutput</code> object.
+	 * 
+	 * 	<p>The <code>dataOutput.endian</code> will be set to <code>Endian.LITTLE_ENDIAN</code>
+	 *  with the header and data written out on the data stream. The <code>dataInput</code>
+	 *  will set the position = 0 and read all bytes in the <code>ByteArray</code> as samples.
+	 * 
+	 * 	
+	 *  </p>
+	 * 
+	 * 	@param dataOutput The IDataOutput object that you want the WAV formated bytes to be written to.
+	 *  @param dataInput 	The audio sample data in float format.
+	 * 	@param inputSamplingRate The sampling rate of the <code>dataInput</code> data.
+	 *  @param inputNumChannels	The number of audio changes in <code>dataInput</code> data.
+	 *  	
+	 */
+	public function processSamples(dataOutput:IDataOutput, dataInput:ByteArray, inputSamplingRate:int, inputNumChannels:int = 1):void
+	{
+		if (!dataInput || dataInput.bytesAvailable <= 0) // Return if null
+			throw new Error("No audio data");
+
+		
+		// 16 bit values are between -32768 to 32767.
+		var bitResolution:Number = (Math.pow(2, sampleBitRate)/2)-1;
+		var soundRate:Number = samplingRate / inputSamplingRate;
+		var dataByteLength:int = ((dataInput.length/4) * soundRate * sampleBitRate/8);
+		// data.length is in 4 bytes per float, where we want samples * sampleBitRate/8 for bytes
+		var fileSize:int = 32 + 8 + dataByteLength;
+		// WAV format requires little-endian
+		dataOutput.endian = Endian.LITTLE_ENDIAN;  
+		// RIFF WAVE Header Information
+		header(dataOutput, fileSize);
+		// Data Chunk Header
+		dataOutput.writeUTFBytes("data");
+		dataOutput.writeUnsignedInt(dataByteLength); // Size of whole file
+		
+		// Write data to file
+		dataInput.position = 0;
+		var tempData:ByteArray = new ByteArray();
+		tempData.endian = Endian.LITTLE_ENDIAN;
+		
+		
+		
+		// Write to file in chunks of converted data.
+		while (dataInput.bytesAvailable > 0) 
+		{
+			tempData.clear();
+			// Resampling logic variables
+			var minSamples:int = Math.min(dataInput.bytesAvailable/4, 8192);
+			var readSampleLength:int = minSamples;//Math.floor(minSamples/soundRate);
+			var resampleFrequency:int = 100;  // Every X frames drop or add frames
+			var resampleFrequencyCheck:int = (soundRate-Math.floor(soundRate))*resampleFrequency;
+			var soundRateCeil:int = Math.ceil(soundRate);
+			var soundRateFloor:int = Math.floor(soundRate);
+			var jlen:int = 0;
+			var channelCount:int = (numOfChannels-inputNumChannels);
+			/*
+			trace("resampleFrequency: " + resampleFrequency + " resampleFrequencyCheck: " + resampleFrequencyCheck
+				+ " soundRateCeil: " + soundRateCeil + " soundRateFloor: " + soundRateFloor);
+			*/
+			var value:Number = 0;
+			// Assumes data is in samples of float value
+			for (var i:int = 0;i < readSampleLength;i+=4)
+			{
+				value = dataInput.readFloat();
+				// Check for sanity of float value
+				if (value > 1 || value < -1)
+					throw new Error("Audio samples not in float format");
+				
+				// Special case with 8bit WAV files
+				if (sampleBitRate == 8)
+					value = (bitResolution * value) + bitResolution;
+				else
+					value = bitResolution * value;
+				
+				// Resampling Logic for non-integer sampling rate conversions
+				jlen = (resampleFrequencyCheck > 0 && i % resampleFrequency < resampleFrequencyCheck) ? soundRateCeil : soundRateFloor; 
+				for (var j:int = 0; j < jlen; j++)
+				{
+					writeCorrectBits(tempData, value, channelCount);
+				}
+			}
+			dataOutput.writeBytes(tempData);
+		}
+	}
+	
+	/**
+	 * 	@private
+	 * 	Change the audio sample to the write resolution
+	 */
+	private function writeCorrectBits(outputData:ByteArray, value:Number, channels:int):void
+	{
+		// Handle case where input channels > output channels.  Sum values and divide values
+		if (channels < 0)
+		{
+			if (tempValueCount+channels == 1)
+			{
+				value = int(tempValueSum/tempValueCount);
+				tempValueSum = 0;
+				tempValueCount = 0;
+				channels = 1;
+			}
+			else
+			{
+				tempValueSum += value;
+				tempValueCount++;
+				return;
+			}
+		}
+		else
+		{
+			channels++;
+		}
+		// Now write data according to channels
+		for (var i:int = 0;i < channels; i++) 
+		{
+			if (sampleBitRate == 8)
+				outputData.writeByte(value);
+			else if (sampleBitRate == 16)
+				outputData.writeShort(value);
+			else if (sampleBitRate == 24)
+			{
+				outputData.writeByte(value & 0xFF);
+				outputData.writeByte(value >>> 8 & 0xFF); 
+				outputData.writeByte(value >>> 16 & 0xFF);
+			}
+			else if (sampleBitRate == 32)
+				outputData.writeInt(value);
+			else
+				throw new Error("Sample bit rate not supported");
+		}
+	}
+
+}
+}
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR20/Microphone/srcview/Sample-AIR2-Microphone/src/sample-app.xml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR20/Microphone/srcview/Sample-AIR2-Microphone/src/sample-app.xml b/TourDeFlex/TourDeFlex/src/objects/AIR20/Microphone/srcview/Sample-AIR2-Microphone/src/sample-app.xml
new file mode 100755
index 0000000..21dad49
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR20/Microphone/srcview/Sample-AIR2-Microphone/src/sample-app.xml
@@ -0,0 +1,153 @@
+<?xml version="1.0" encoding="utf-8" standalone="no"?>
+<!--
+
+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.
+
+-->
+<application xmlns="http://ns.adobe.com/air/application/2.0">
+
+<!-- Adobe AIR Application Descriptor File Template.
+
+	Specifies parameters for identifying, installing, and launching AIR applications.
+
+	xmlns - The Adobe AIR namespace: http://ns.adobe.com/air/application/2.0beta
+			The last segment of the namespace specifies the version 
+			of the AIR runtime required for this application to run.
+			
+	minimumPatchLevel - The minimum patch level of the AIR runtime required to run 
+			the application. Optional.
+-->
+
+	<!-- The application identifier string, unique to this application. Required. -->
+	<id>main</id>
+
+	<!-- Used as the filename for the application. Required. -->
+	<filename>main</filename>
+
+	<!-- The name that is displayed in the AIR application installer. 
+	     May have multiple values for each language. See samples or xsd schema file. Optional. -->
+	<name>main</name>
+
+	<!-- An application version designator (such as "v1", "2.5", or "Alpha 1"). Required. -->
+	<version>v1</version>
+
+	<!-- Description, displayed in the AIR application installer.
+	     May have multiple values for each language. See samples or xsd schema file. Optional. -->
+	<!-- <description></description> -->
+
+	<!-- Copyright information. Optional -->
+	<!-- <copyright></copyright> -->
+
+	<!-- Settings for the application's initial window. Required. -->
+	<initialWindow>
+		<!-- The main SWF or HTML file of the application. Required. -->
+		<!-- Note: In Flash Builder, the SWF reference is set automatically. -->
+		<content>[This value will be overwritten by Flash Builder in the output app.xml]</content>
+		
+		<!-- The title of the main window. Optional. -->
+		<!-- <title></title> -->
+
+		<!-- The type of system chrome to use (either "standard" or "none"). Optional. Default standard. -->
+		<!-- <systemChrome></systemChrome> -->
+
+		<!-- Whether the window is transparent. Only applicable when systemChrome is none. Optional. Default false. -->
+		<!-- <transparent></transparent> -->
+
+		<!-- Whether the window is initially visible. Optional. Default false. -->
+		<!-- <visible></visible> -->
+
+		<!-- Whether the user can minimize the window. Optional. Default true. -->
+		<!-- <minimizable></minimizable> -->
+
+		<!-- Whether the user can maximize the window. Optional. Default true. -->
+		<!-- <maximizable></maximizable> -->
+
+		<!-- Whether the user can resize the window. Optional. Default true. -->
+		<!-- <resizable></resizable> -->
+
+		<!-- The window's initial width. Optional. -->
+		<!-- <width></width> -->
+
+		<!-- The window's initial height. Optional. -->
+		<!-- <height></height> -->
+
+		<!-- The window's initial x position. Optional. -->
+		<!-- <x></x> -->
+
+		<!-- The window's initial y position. Optional. -->
+		<!-- <y></y> -->
+
+		<!-- The window's minimum size, specified as a width/height pair, such as "400 200". Optional. -->
+		<!-- <minSize></minSize> -->
+
+		<!-- The window's initial maximum size, specified as a width/height pair, such as "1600 1200". Optional. -->
+		<!-- <maxSize></maxSize> -->
+	</initialWindow>
+
+	<!-- The subpath of the standard default installation location to use. Optional. -->
+	<!-- <installFolder></installFolder> -->
+
+	<!-- The subpath of the Programs menu to use. (Ignored on operating systems without a Programs menu.) Optional. -->
+	<!-- <programMenuFolder></programMenuFolder> -->
+
+	<!-- The icon the system uses for the application. For at least one resolution,
+		 specify the path to a PNG file included in the AIR package. Optional. -->
+	<!-- <icon>
+		<image16x16></image16x16>
+		<image32x32></image32x32>
+		<image48x48></image48x48>
+		<image128x128></image128x128>
+	</icon> -->
+
+	<!-- Whether the application handles the update when a user double-clicks an update version
+	of the AIR file (true), or the default AIR application installer handles the update (false).
+	Optional. Default false. -->
+	<!-- <customUpdateUI></customUpdateUI> -->
+	
+	<!-- Whether the application can be launched when the user clicks a link in a web browser.
+	Optional. Default false. -->
+	<!-- <allowBrowserInvocation></allowBrowserInvocation> -->
+
+	<!-- Listing of file types for which the application can register. Optional. -->
+	<!-- <fileTypes> -->
+
+		<!-- Defines one file type. Optional. -->
+		<!-- <fileType> -->
+
+			<!-- The name that the system displays for the registered file type. Required. -->
+			<!-- <name></name> -->
+
+			<!-- The extension to register. Required. -->
+			<!-- <extension></extension> -->
+			
+			<!-- The description of the file type. Optional. -->
+			<!-- <description></description> -->
+			
+			<!-- The MIME content type. -->
+			<!-- <contentType></contentType> -->
+			
+			<!-- The icon to display for the file type. Optional. -->
+			<!-- <icon>
+				<image16x16></image16x16>
+				<image32x32></image32x32>
+				<image48x48></image48x48>
+				<image128x128></image128x128>
+			</icon> -->
+			
+		<!-- </fileType> -->
+	<!-- </fileTypes> -->
+
+</application>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR20/Microphone/srcview/Sample-AIR2-Microphone/src/sample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR20/Microphone/srcview/Sample-AIR2-Microphone/src/sample.mxml b/TourDeFlex/TourDeFlex/src/objects/AIR20/Microphone/srcview/Sample-AIR2-Microphone/src/sample.mxml
new file mode 100644
index 0000000..1ef7be3
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR20/Microphone/srcview/Sample-AIR2-Microphone/src/sample.mxml
@@ -0,0 +1,198 @@
+<?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.
+
+-->
+<mx:Module xmlns:fx="http://ns.adobe.com/mxml/2009" 
+						xmlns:s="library://ns.adobe.com/flex/spark" 
+						xmlns:mx="library://ns.adobe.com/flex/mx" 
+						creationComplete="init()" styleName="plain" width="100%" height="100%">
+	
+	<!-- LINK TO ARTICLE: http://www.adobe.com/devnet/air/flex/articles/using_mic_api.html -->
+	<fx:Script>
+		<![CDATA[
+			import com.adobe.audio.format.WAVWriter;
+			
+			import flash.events.SampleDataEvent;
+			import flash.media.Microphone;
+			import flash.media.Sound;
+			import flash.utils.ByteArray;
+			
+			import mx.collections.ArrayCollection;
+			
+			[Bindable] 
+			private var microphoneList:ArrayCollection;
+			protected var microphone:Microphone;
+			
+			[Bindable]
+			protected var isRecording:Boolean = false;
+			
+			[Bindable]
+			protected var isPlaying:Boolean = false;
+			
+			[Bindable]
+			protected var soundData:ByteArray;
+			protected var sound:Sound;
+			protected var channel:SoundChannel;
+			
+			protected function init():void
+			{
+				microphoneList = new ArrayCollection(Microphone.names);
+				cbMicChoices.selectedIndex=0;
+			}
+			
+			protected function startRecording():void
+			{
+				isRecording = true;
+				microphone = Microphone.getMicrophone(cbMicChoices.selectedIndex);
+				microphone.rate = 44;
+				microphone.gain = 100;
+				soundData = new ByteArray();
+				trace("Recording");
+				microphone.addEventListener(SampleDataEvent.SAMPLE_DATA, onSampleDataReceived);
+			
+			}
+			
+			protected function stopRecording():void
+			{
+				isRecording = false;
+				trace("Stopped recording");
+				microphone.removeEventListener(SampleDataEvent.SAMPLE_DATA, onSampleDataReceived);
+			}
+			
+			private function onSampleDataReceived(event:SampleDataEvent):void
+			{
+				while(event.data.bytesAvailable)
+				{
+					var sample:Number = event.data.readFloat();
+					soundData.writeFloat(sample);
+				}
+			}
+			
+			protected function soundCompleteHandler(event:Event):void
+			{
+				isPlaying = false;
+			}
+			
+			protected function startPlaying():void
+			{
+				isPlaying = true
+				soundData.position = 0;
+				sound = new Sound();
+				sound.addEventListener(SampleDataEvent.SAMPLE_DATA, sound_sampleDataHandler);
+				channel = sound.play();
+				channel.addEventListener(Event.SOUND_COMPLETE, soundCompleteHandler);	
+			}
+			
+			protected function sound_sampleDataHandler(event:SampleDataEvent):void
+			{
+				if (!soundData.bytesAvailable > 0)
+				{
+					return;
+				}
+				
+				for (var i:int = 0; i < 8192; i++)
+				{
+					var sample:Number = 0;
+					
+					if (soundData.bytesAvailable > 0)
+					{
+						sample = soundData.readFloat();
+					}
+					event.data.writeFloat(sample); 
+					event.data.writeFloat(sample);  
+				}
+				
+			}
+			
+			protected function stopPlaying():void
+			{
+				channel.stop();
+				isPlaying = false;
+			}
+			protected function save():void
+			{
+				var docsDir:File = File.documentsDirectory;
+				try
+				{
+					docsDir.browseForSave("Save As");
+					docsDir.addEventListener(Event.SELECT, saveFile);
+				}
+				catch (error:Error)
+				{
+					trace("Save failed:", error.message);
+				}
+
+
+			}
+			protected function saveFile(event:Event):void
+			{
+				var outputStream:FileStream = new FileStream();
+				var wavWriter:WAVWriter = new WAVWriter();
+				var newFile:File = event.target as File;
+				
+				if (!newFile.exists)
+				{
+					soundData.position = 0;  // rewind to the beginning of the sample
+					
+					wavWriter.numOfChannels = 1; // set the inital properties of the Wave Writer
+					wavWriter.sampleBitRate = 16;
+					wavWriter.samplingRate = 44100;
+					outputStream.open(newFile, FileMode.WRITE);  //write out our file to disk.
+					wavWriter.processSamples(outputStream, soundData, 44100, 1); // convert our ByteArray to a WAV file.
+					outputStream.close();
+				}
+			}
+			
+			protected function toggleRecording():void
+			{
+				if (isRecording)
+				{
+					isRecording = false;
+					btnRecord.label = "Record";
+					stopRecording();
+				}
+				else
+				{
+					isRecording = true;
+					btnRecord.label = "Stop Recording";
+					startRecording();
+				}
+			}
+			
+		]]>
+	</fx:Script>
+	
+	<s:Panel skinClass="skins.TDFPanelSkin" width="100%" height="100%" title="Microphone Support">
+		<s:Label left="10" top="7" width="80%" verticalAlign="justify" color="#323232" 
+				 text="The new Microphone support allows you to record audio such as voice memo's using a built-in or external mic. The Microphone.names
+property will return the list of all available sound input devices found (see init method in code):"/>
+		<s:VGroup top="70" horizontalAlign="center" horizontalCenter="0">
+			<s:Label text="Select the microphone input device to use:"/>
+			<s:ComboBox id="cbMicChoices" dataProvider="{microphoneList}" selectedIndex="0"/>
+		</s:VGroup>
+		<s:VGroup top="130" horizontalCenter="0">
+			<s:Label text="Start recording audio by clicking the Record button:"/>
+			<s:HGroup horizontalCenter="0" verticalAlign="middle">
+				<s:Button id="btnRecord" label="Record" click="toggleRecording()" enabled="{!isPlaying}"/>
+				<s:Button id="btnPlay" label="Play" click="startPlaying()" enabled="{!isRecording}"/>
+				<s:Button label="Save Audio Clip" click="save()"  horizontalCenter="0"/>
+			</s:HGroup>
+		</s:VGroup>
+	</s:Panel>
+	
+</mx:Module>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR20/Microphone/srcview/Sample-AIR2-Microphone/src/skins/TDFPanelSkin.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR20/Microphone/srcview/Sample-AIR2-Microphone/src/skins/TDFPanelSkin.mxml b/TourDeFlex/TourDeFlex/src/objects/AIR20/Microphone/srcview/Sample-AIR2-Microphone/src/skins/TDFPanelSkin.mxml
new file mode 100644
index 0000000..ff46524
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR20/Microphone/srcview/Sample-AIR2-Microphone/src/skins/TDFPanelSkin.mxml
@@ -0,0 +1,130 @@
+<?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.
+
+-->
+
+
+<s:Skin xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark" 
+		alpha.disabled="0.5" minWidth="131" minHeight="127">
+	
+	<fx:Metadata>
+		[HostComponent("spark.components.Panel")]
+	</fx:Metadata> 
+	
+	<s:states>
+		<s:State name="normal" />
+		<s:State name="disabled" />
+		<s:State name="normalWithControlBar" />
+		<s:State name="disabledWithControlBar" />
+	</s:states>
+	
+	<!-- drop shadow -->
+	<s:Rect left="0" top="0" right="0" bottom="0">
+		<s:filters>
+			<s:DropShadowFilter blurX="15" blurY="15" alpha="0.18" distance="11" angle="90" knockout="true" />
+		</s:filters>
+		<s:fill>
+			<s:SolidColor color="0" />
+		</s:fill>
+	</s:Rect>
+	
+	<!-- layer 1: border -->
+	<s:Rect left="0" right="0" top="0" bottom="0">
+		<s:stroke>
+			<s:SolidColorStroke color="0" alpha="0.50" weight="1" />
+		</s:stroke>
+	</s:Rect>
+	
+	<!-- layer 2: background fill -->
+	<s:Rect left="0" right="0" bottom="0" height="15">
+		<s:fill>
+			<s:LinearGradient rotation="90">
+				<s:GradientEntry color="0xE2E2E2" />
+				<s:GradientEntry color="0x000000" />
+			</s:LinearGradient>
+		</s:fill>
+	</s:Rect>
+	
+	<!-- layer 3: contents -->
+	<s:Group left="1" right="1" top="1" bottom="1" >
+		<s:layout>
+			<s:VerticalLayout gap="0" horizontalAlign="justify" />
+		</s:layout>
+		
+		<s:Group id="topGroup" >
+			<!-- layer 0: title bar fill -->
+			<!-- Note: We have custom skinned the title bar to be solid black for Tour de Flex -->
+			<s:Rect id="tbFill" left="0" right="0" top="0" bottom="1" >
+				<s:fill>
+					<s:SolidColor color="0x000000" />
+				</s:fill>
+			</s:Rect>
+			
+			<!-- layer 1: title bar highlight -->
+			<s:Rect id="tbHilite" left="0" right="0" top="0" bottom="0" >
+				<s:stroke>
+					<s:LinearGradientStroke rotation="90" weight="1">
+						<s:GradientEntry color="0xEAEAEA" />
+						<s:GradientEntry color="0xD9D9D9" />
+					</s:LinearGradientStroke>
+				</s:stroke>
+			</s:Rect>
+			
+			<!-- layer 2: title bar divider -->
+			<s:Rect id="tbDiv" left="0" right="0" height="1" bottom="0">
+				<s:fill>
+					<s:SolidColor color="0xC0C0C0" />
+				</s:fill>
+			</s:Rect>
+			
+			<!-- layer 3: text -->
+			<s:Label id="titleDisplay" maxDisplayedLines="1"
+					 left="9" right="3" top="1" minHeight="30"
+					 verticalAlign="middle" fontWeight="bold" color="#E2E2E2">
+			</s:Label>
+			
+		</s:Group>
+		
+		<s:Group id="contentGroup" width="100%" height="100%" minWidth="0" minHeight="0">
+		</s:Group>
+		
+		<s:Group id="bottomGroup" minWidth="0" minHeight="0"
+				 includeIn="normalWithControlBar, disabledWithControlBar" >
+			<!-- layer 0: control bar background -->
+			<s:Rect left="0" right="0" bottom="0" top="1" >
+				<s:fill>
+					<s:SolidColor color="0xE2EdF7" />
+				</s:fill>
+			</s:Rect>
+			
+			<!-- layer 1: control bar divider line -->
+			<s:Rect left="0" right="0" top="0" height="1" >
+				<s:fill>
+					<s:SolidColor color="0xD1E0F2" />
+				</s:fill>
+			</s:Rect>
+			
+			<!-- layer 2: control bar -->
+			<s:Group id="controlBarGroup" left="0" right="0" top="1" bottom="1" minWidth="0" minHeight="0">
+				<s:layout>
+					<s:HorizontalLayout paddingLeft="10" paddingRight="10" paddingTop="7" paddingBottom="7" gap="10" />
+				</s:layout>
+			</s:Group>
+		</s:Group>
+	</s:Group>
+</s:Skin>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR20/Microphone/srcview/SourceIndex.xml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR20/Microphone/srcview/SourceIndex.xml b/TourDeFlex/TourDeFlex/src/objects/AIR20/Microphone/srcview/SourceIndex.xml
new file mode 100644
index 0000000..9350f7b
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR20/Microphone/srcview/SourceIndex.xml
@@ -0,0 +1,40 @@
+<?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.
+
+-->
+<index>
+	<title>Source of Sample-AIR2-Microphone</title>
+	<nodes>
+		<node label="libs">
+		</node>
+		<node label="src">
+			<node icon="packageIcon" label="com.adobe.audio.format" expanded="true">
+				<node icon="actionScriptIcon" label="WAVWriter.as" url="source/com/adobe/audio/format/WAVWriter.as.html"/>
+			</node>
+			<node icon="packageIcon" label="skins" expanded="true">
+				<node icon="mxmlIcon" label="TDFPanelSkin.mxml" url="source/skins/TDFPanelSkin.mxml.html"/>
+			</node>
+			<node label="sample-app.xml" url="source/sample-app.xml.txt"/>
+			<node icon="mxmlAppIcon" selected="true" label="sample.mxml" url="source/sample.mxml.html"/>
+		</node>
+	</nodes>
+	<zipfile label="Download source (ZIP, 12K)" url="Sample-AIR2-Microphone.zip">
+	</zipfile>
+	<sdklink label="Download Flex SDK" url="http://www.adobe.com/go/flex4_sdk_download">
+	</sdklink>
+</index>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR20/Microphone/srcview/SourceStyles.css
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR20/Microphone/srcview/SourceStyles.css b/TourDeFlex/TourDeFlex/src/objects/AIR20/Microphone/srcview/SourceStyles.css
new file mode 100644
index 0000000..a8b5614
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR20/Microphone/srcview/SourceStyles.css
@@ -0,0 +1,155 @@
+/*
+ * 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.
+ */
+body {
+	font-family: Courier New, Courier, monospace;
+	font-size: medium;
+}
+
+.CSS@font-face {
+	color: #990000;
+	font-weight: bold;
+}
+
+.CSS@import {
+	color: #006666;
+	font-weight: bold;
+}
+
+.CSS@media {
+	color: #663333;
+	font-weight: bold;
+}
+
+.CSS@namespace {
+	color: #923196;
+}
+
+.CSSComment {
+	color: #999999;
+}
+
+.CSSDefault_Text {
+}
+
+.CSSDelimiters {
+}
+
+.CSSProperty_Name {
+	color: #330099;
+}
+
+.CSSProperty_Value {
+	color: #3333cc;
+}
+
+.CSSSelector {
+	color: #ff00ff;
+}
+
+.CSSString {
+	color: #990000;
+}
+
+.ActionScriptASDoc {
+	color: #3f5fbf;
+}
+
+.ActionScriptBracket/Brace {
+}
+
+.ActionScriptComment {
+	color: #009900;
+	font-style: italic;
+}
+
+.ActionScriptDefault_Text {
+}
+
+.ActionScriptMetadata {
+	color: #0033ff;
+	font-weight: bold;
+}
+
+.ActionScriptOperator {
+}
+
+.ActionScriptReserved {
+	color: #0033ff;
+	font-weight: bold;
+}
+
+.ActionScriptString {
+	color: #990000;
+	font-weight: bold;
+}
+
+.ActionScriptclass {
+	color: #9900cc;
+	font-weight: bold;
+}
+
+.ActionScriptfunction {
+	color: #339966;
+	font-weight: bold;
+}
+
+.ActionScriptinterface {
+	color: #9900cc;
+	font-weight: bold;
+}
+
+.ActionScriptpackage {
+	color: #9900cc;
+	font-weight: bold;
+}
+
+.ActionScripttrace {
+	color: #cc6666;
+	font-weight: bold;
+}
+
+.ActionScriptvar {
+	color: #6699cc;
+	font-weight: bold;
+}
+
+.MXMLASDoc {
+	color: #3f5fbf;
+}
+
+.MXMLComment {
+	color: #800000;
+}
+
+.MXMLComponent_Tag {
+	color: #0000ff;
+}
+
+.MXMLDefault_Text {
+}
+
+.MXMLProcessing_Instruction {
+}
+
+.MXMLSpecial_Tag {
+	color: #006633;
+}
+
+.MXMLString {
+	color: #990000;
+}
+

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR20/Microphone/srcview/SourceTree.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR20/Microphone/srcview/SourceTree.html b/TourDeFlex/TourDeFlex/src/objects/AIR20/Microphone/srcview/SourceTree.html
new file mode 100644
index 0000000..80281a9
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR20/Microphone/srcview/SourceTree.html
@@ -0,0 +1,129 @@
+<!--
+  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.
+-->
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<!-- saved from url=(0014)about:internet -->
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">	
+    <!-- 
+    Smart developers always View Source. 
+    
+    This application was built using Adobe Flex, an open source framework
+    for building rich Internet applications that get delivered via the
+    Flash Player or to desktops via Adobe AIR. 
+    
+    Learn more about Flex at http://flex.org 
+    // -->
+    <head>
+        <title></title>         
+        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+		<!-- Include CSS to eliminate any default margins/padding and set the height of the html element and 
+		     the body element to 100%, because Firefox, or any Gecko based browser, interprets percentage as 
+			 the percentage of the height of its parent container, which has to be set explicitly.  Initially, 
+			 don't display flashContent div so it won't show if JavaScript disabled.
+		-->
+        <style type="text/css" media="screen"> 
+			html, body	{ height:100%; }
+			body { margin:0; padding:0; overflow:auto; text-align:center; 
+			       background-color: #ffffff; }   
+			#flashContent { display:none; }
+        </style>
+		
+		<!-- Enable Browser History by replacing useBrowserHistory tokens with two hyphens -->
+        <!-- BEGIN Browser History required section >
+        <link rel="stylesheet" type="text/css" href="history/history.css" />
+        <script type="text/javascript" src="history/history.js"></script>
+        <! END Browser History required section -->  
+		    
+        <script type="text/javascript" src="swfobject.js"></script>
+        <script type="text/javascript">
+  	        function loadIntoMain(url) {
+				parent.mainFrame.location.href = url;
+			}
+			
+			function openUrlWindow(url) {
+				window.top.location = url;
+			}
+			
+            <!-- For version detection, set to min. required Flash Player version, or 0 (or 0.0.0), for no version detection. --> 
+            var swfVersionStr = "10.0.0";
+            <!-- To use express install, set to playerProductInstall.swf, otherwise the empty string. -->
+            var xiSwfUrlStr = "playerProductInstall.swf";
+            var flashvars = {};
+            var params = {};
+            params.quality = "high";
+            params.bgcolor = "#ffffff";
+            params.allowscriptaccess = "sameDomain";
+            params.allowfullscreen = "true";
+            var attributes = {};
+            attributes.id = "SourceTree";
+            attributes.name = "SourceTree";
+            attributes.align = "middle";
+            swfobject.embedSWF(
+                "SourceTree.swf", "flashContent", 
+                "100%", "100%", 
+                swfVersionStr, xiSwfUrlStr, 
+                flashvars, params, attributes);
+			<!-- JavaScript enabled so display the flashContent div in case it is not replaced with a swf object. -->
+			swfobject.createCSS("#flashContent", "display:block;text-align:left;");
+        </script>
+    </head>
+    <body>
+        <!-- SWFObject's dynamic embed method replaces this alternative HTML content with Flash content when enough 
+			 JavaScript and Flash plug-in support is available. The div is initially hidden so that it doesn't show
+			 when JavaScript is disabled.
+		-->
+        <div id="flashContent">
+        	<p>
+	        	To view this page ensure that Adobe Flash Player version 
+				10.0.0 or greater is installed. 
+			</p>
+			<script type="text/javascript"> 
+				var pageHost = ((document.location.protocol == "https:") ? "https://" :	"http://"); 
+				document.write("<a href='http://www.adobe.com/go/getflashplayer'><img src='" 
+								+ pageHost + "www.adobe.com/images/shared/download_buttons/get_flash_player.gif' alt='Get Adobe Flash player' /></a>" ); 
+			</script> 
+        </div>
+	   	
+       	<noscript>
+            <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="100%" height="100%" id="SourceTree">
+                <param name="movie" value="SourceTree.swf" />
+                <param name="quality" value="high" />
+                <param name="bgcolor" value="#ffffff" />
+                <param name="allowScriptAccess" value="sameDomain" />
+                <param name="allowFullScreen" value="true" />
+                <!--[if !IE]>-->
+                <object type="application/x-shockwave-flash" data="SourceTree.swf" width="100%" height="100%">
+                    <param name="quality" value="high" />
+                    <param name="bgcolor" value="#ffffff" />
+                    <param name="allowScriptAccess" value="sameDomain" />
+                    <param name="allowFullScreen" value="true" />
+                <!--<![endif]-->
+                <!--[if gte IE 6]>-->
+                	<p> 
+                		Either scripts and active content are not permitted to run or Adobe Flash Player version
+                		10.0.0 or greater is not installed.
+                	</p>
+                <!--<![endif]-->
+                    <a href="http://www.adobe.com/go/getflashplayer">
+                        <img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash Player" />
+                    </a>
+                <!--[if !IE]>-->
+                </object>
+                <!--<![endif]-->
+            </object>
+	    </noscript>		
+   </body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR20/Microphone/srcview/index.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR20/Microphone/srcview/index.html b/TourDeFlex/TourDeFlex/src/objects/AIR20/Microphone/srcview/index.html
new file mode 100644
index 0000000..16f4ebb
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR20/Microphone/srcview/index.html
@@ -0,0 +1,32 @@
+<!--
+  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.
+-->
+<!-- saved from url=(0014)about:internet -->
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+<title>Source of Sample-AIR2-Microphone</title>
+</head>
+<frameset cols="235,*" border="2" framespacing="1">
+    <frame src="SourceTree.html" name="leftFrame" scrolling="NO">
+    <frame src="source/sample.mxml.html" name="mainFrame">
+</frameset>
+<noframes>
+	<body>		
+	</body>
+</noframes>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR20/Microphone/srcview/source/com/adobe/audio/format/WAVWriter.as.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR20/Microphone/srcview/source/com/adobe/audio/format/WAVWriter.as.html b/TourDeFlex/TourDeFlex/src/objects/AIR20/Microphone/srcview/source/com/adobe/audio/format/WAVWriter.as.html
new file mode 100644
index 0000000..9af6e87
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR20/Microphone/srcview/source/com/adobe/audio/format/WAVWriter.as.html
@@ -0,0 +1,16 @@
+<!--
+  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.
+-->

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR20/Microphone/srcview/source/sample-app.xml.txt
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR20/Microphone/srcview/source/sample-app.xml.txt b/TourDeFlex/TourDeFlex/src/objects/AIR20/Microphone/srcview/source/sample-app.xml.txt
new file mode 100644
index 0000000..21dad49
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR20/Microphone/srcview/source/sample-app.xml.txt
@@ -0,0 +1,153 @@
+<?xml version="1.0" encoding="utf-8" standalone="no"?>
+<!--
+
+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.
+
+-->
+<application xmlns="http://ns.adobe.com/air/application/2.0">
+
+<!-- Adobe AIR Application Descriptor File Template.
+
+	Specifies parameters for identifying, installing, and launching AIR applications.
+
+	xmlns - The Adobe AIR namespace: http://ns.adobe.com/air/application/2.0beta
+			The last segment of the namespace specifies the version 
+			of the AIR runtime required for this application to run.
+			
+	minimumPatchLevel - The minimum patch level of the AIR runtime required to run 
+			the application. Optional.
+-->
+
+	<!-- The application identifier string, unique to this application. Required. -->
+	<id>main</id>
+
+	<!-- Used as the filename for the application. Required. -->
+	<filename>main</filename>
+
+	<!-- The name that is displayed in the AIR application installer. 
+	     May have multiple values for each language. See samples or xsd schema file. Optional. -->
+	<name>main</name>
+
+	<!-- An application version designator (such as "v1", "2.5", or "Alpha 1"). Required. -->
+	<version>v1</version>
+
+	<!-- Description, displayed in the AIR application installer.
+	     May have multiple values for each language. See samples or xsd schema file. Optional. -->
+	<!-- <description></description> -->
+
+	<!-- Copyright information. Optional -->
+	<!-- <copyright></copyright> -->
+
+	<!-- Settings for the application's initial window. Required. -->
+	<initialWindow>
+		<!-- The main SWF or HTML file of the application. Required. -->
+		<!-- Note: In Flash Builder, the SWF reference is set automatically. -->
+		<content>[This value will be overwritten by Flash Builder in the output app.xml]</content>
+		
+		<!-- The title of the main window. Optional. -->
+		<!-- <title></title> -->
+
+		<!-- The type of system chrome to use (either "standard" or "none"). Optional. Default standard. -->
+		<!-- <systemChrome></systemChrome> -->
+
+		<!-- Whether the window is transparent. Only applicable when systemChrome is none. Optional. Default false. -->
+		<!-- <transparent></transparent> -->
+
+		<!-- Whether the window is initially visible. Optional. Default false. -->
+		<!-- <visible></visible> -->
+
+		<!-- Whether the user can minimize the window. Optional. Default true. -->
+		<!-- <minimizable></minimizable> -->
+
+		<!-- Whether the user can maximize the window. Optional. Default true. -->
+		<!-- <maximizable></maximizable> -->
+
+		<!-- Whether the user can resize the window. Optional. Default true. -->
+		<!-- <resizable></resizable> -->
+
+		<!-- The window's initial width. Optional. -->
+		<!-- <width></width> -->
+
+		<!-- The window's initial height. Optional. -->
+		<!-- <height></height> -->
+
+		<!-- The window's initial x position. Optional. -->
+		<!-- <x></x> -->
+
+		<!-- The window's initial y position. Optional. -->
+		<!-- <y></y> -->
+
+		<!-- The window's minimum size, specified as a width/height pair, such as "400 200". Optional. -->
+		<!-- <minSize></minSize> -->
+
+		<!-- The window's initial maximum size, specified as a width/height pair, such as "1600 1200". Optional. -->
+		<!-- <maxSize></maxSize> -->
+	</initialWindow>
+
+	<!-- The subpath of the standard default installation location to use. Optional. -->
+	<!-- <installFolder></installFolder> -->
+
+	<!-- The subpath of the Programs menu to use. (Ignored on operating systems without a Programs menu.) Optional. -->
+	<!-- <programMenuFolder></programMenuFolder> -->
+
+	<!-- The icon the system uses for the application. For at least one resolution,
+		 specify the path to a PNG file included in the AIR package. Optional. -->
+	<!-- <icon>
+		<image16x16></image16x16>
+		<image32x32></image32x32>
+		<image48x48></image48x48>
+		<image128x128></image128x128>
+	</icon> -->
+
+	<!-- Whether the application handles the update when a user double-clicks an update version
+	of the AIR file (true), or the default AIR application installer handles the update (false).
+	Optional. Default false. -->
+	<!-- <customUpdateUI></customUpdateUI> -->
+	
+	<!-- Whether the application can be launched when the user clicks a link in a web browser.
+	Optional. Default false. -->
+	<!-- <allowBrowserInvocation></allowBrowserInvocation> -->
+
+	<!-- Listing of file types for which the application can register. Optional. -->
+	<!-- <fileTypes> -->
+
+		<!-- Defines one file type. Optional. -->
+		<!-- <fileType> -->
+
+			<!-- The name that the system displays for the registered file type. Required. -->
+			<!-- <name></name> -->
+
+			<!-- The extension to register. Required. -->
+			<!-- <extension></extension> -->
+			
+			<!-- The description of the file type. Optional. -->
+			<!-- <description></description> -->
+			
+			<!-- The MIME content type. -->
+			<!-- <contentType></contentType> -->
+			
+			<!-- The icon to display for the file type. Optional. -->
+			<!-- <icon>
+				<image16x16></image16x16>
+				<image32x32></image32x32>
+				<image48x48></image48x48>
+				<image128x128></image128x128>
+			</icon> -->
+			
+		<!-- </fileType> -->
+	<!-- </fileTypes> -->
+
+</application>


[40/51] [partial] Merged TourDeFlex release from develop

Posted by jm...@apache.org.
http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR/Components/SourceStyles.css
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR/Components/SourceStyles.css b/TourDeFlex/TourDeFlex/src/objects/AIR/Components/SourceStyles.css
new file mode 100644
index 0000000..639c39a
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR/Components/SourceStyles.css
@@ -0,0 +1,146 @@
+/*
+ * 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.
+ */
+body {
+	font-family: Courier New, Courier, monospace;
+}
+
+.CSS@font-face {
+	color: #990000;
+	font-weight: bold;
+}
+
+.CSS@import {
+	color: #006666;
+	font-weight: bold;
+}
+
+.CSS@media {
+	color: #663333;
+	font-weight: bold;
+}
+
+.CSSComment {
+	color: #999999;
+}
+
+.CSSDefault_Text {
+}
+
+.CSSDelimiters {
+}
+
+.CSSProperty_Name {
+	color: #330099;
+}
+
+.CSSProperty_Value {
+	color: #3333cc;
+}
+
+.CSSSelector {
+	color: #ff00ff;
+}
+
+.CSSString {
+	color: #990000;
+}
+
+.ActionScriptASDoc {
+	color: #3f5fbf;
+}
+
+.ActionScriptBracket/Brace {
+}
+
+.ActionScriptComment {
+	color: #009900;
+	font-style: italic;
+}
+
+.ActionScriptDefault_Text {
+}
+
+.ActionScriptMetadata {
+	color: #0033ff;
+	font-weight: bold;
+}
+
+.ActionScriptOperator {
+}
+
+.ActionScriptReserved {
+	color: #0033ff;
+	font-weight: bold;
+}
+
+.ActionScriptString {
+	color: #990000;
+	font-weight: bold;
+}
+
+.ActionScriptclass {
+	color: #9900cc;
+	font-weight: bold;
+}
+
+.ActionScriptfunction {
+	color: #339966;
+	font-weight: bold;
+}
+
+.ActionScriptinterface {
+	color: #9900cc;
+	font-weight: bold;
+}
+
+.ActionScriptpackage {
+	color: #9900cc;
+	font-weight: bold;
+}
+
+.ActionScripttrace {
+	color: #cc6666;
+	font-weight: bold;
+}
+
+.ActionScriptvar {
+	color: #6699cc;
+	font-weight: bold;
+}
+
+.MXMLComment {
+	color: #800000;
+}
+
+.MXMLComponent_Tag {
+	color: #0000ff;
+}
+
+.MXMLDefault_Text {
+}
+
+.MXMLProcessing_Instruction {
+}
+
+.MXMLSpecial_Tag {
+	color: #006633;
+}
+
+.MXMLString {
+	color: #990000;
+}
+

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR/HOWTO/AutoUpdate/AutoUpdate.mxml.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR/HOWTO/AutoUpdate/AutoUpdate.mxml.html b/TourDeFlex/TourDeFlex/src/objects/AIR/HOWTO/AutoUpdate/AutoUpdate.mxml.html
new file mode 100644
index 0000000..d5449e0
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR/HOWTO/AutoUpdate/AutoUpdate.mxml.html
@@ -0,0 +1,82 @@
+<!--
+  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.
+-->
+<!-- saved from url=(0014)about:internet -->
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+<title>AutoUpdate.mxml</title>
+<link rel="stylesheet" type="text/css" href="../../../SourceStyles.css"/>
+</head>
+
+<body><pre><span class="MXMLProcessing_Instruction">&lt;?xml version=&quot;1.0&quot; encoding=&quot;utf-8&quot;?&gt;</span>
+<span class="MXMLComponent_Tag">&lt;mx:WindowedApplication</span><span class="MXMLDefault_Text"> xmlns:mx=&quot;</span><span class="MXMLString">http://www.adobe.com/2006/mxml</span><span class="MXMLDefault_Text">&quot; layout=&quot;</span><span class="MXMLString">absolute</span><span class="MXMLDefault_Text">&quot; width=&quot;</span><span class="MXMLString">200</span><span class="MXMLDefault_Text">&quot; height=&quot;</span><span class="MXMLString">70</span><span class="MXMLDefault_Text">&quot; creationComplete=&quot;</span><span class="ActionScriptDefault_Text">checkForUpdate</span><span class="ActionScriptBracket/Brace">()</span><span class="MXMLDefault_Text">&quot; viewSourceURL=&quot;</span><span class="MXMLString">srcview/index.html</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">&gt;</span>
+    <span class="MXMLSpecial_Tag">&lt;mx:Script&gt;</span>
+    <span class="ActionScriptOperator">&lt;!</span><span class="ActionScriptBracket/Brace">[</span><span class="ActionScriptDefault_Text">CDATA</span><span class="ActionScriptBracket/Brace">[</span>
+        <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">flash</span>.<span class="ActionScriptDefault_Text">events</span>.<span class="ActionScriptDefault_Text">ErrorEvent</span>;
+        <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">air</span>.<span class="ActionScriptDefault_Text">update</span>.<span class="ActionScriptDefault_Text">ApplicationUpdaterUI</span>;
+        <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">air</span>.<span class="ActionScriptDefault_Text">update</span>.<span class="ActionScriptDefault_Text">events</span>.<span class="ActionScriptDefault_Text">UpdateEvent</span>;
+        <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">mx</span>.<span class="ActionScriptDefault_Text">controls</span>.<span class="ActionScriptDefault_Text">Alert</span>;
+        
+        <span class="ActionScriptComment">// Instantiate the updater
+</span>        <span class="ActionScriptReserved">private</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">appUpdater</span><span class="ActionScriptOperator">:</span><span class="ActionScriptDefault_Text">ApplicationUpdaterUI</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">ApplicationUpdaterUI</span><span class="ActionScriptBracket/Brace">()</span>;
+    
+        <span class="ActionScriptReserved">private</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">checkForUpdate</span><span class="ActionScriptBracket/Brace">()</span><span class="ActionScriptOperator">:</span><span class="ActionScriptReserved">void</span> <span class="ActionScriptBracket/Brace">{</span>
+            <span class="ActionScriptComment">// The code below is a hack to work around a bug in the framework so that CMD-Q still works on MacOS
+</span>            <span class="ActionScriptComment">// This is a temporary fix until the framework is updated
+</span>            <span class="ActionScriptComment">// See http://www.adobe.com/cfusion/webforums/forum/messageview.cfm?forumid=72&amp;catid=670&amp;threadid=1373568
+</span>            <span class="ActionScriptDefault_Text">NativeApplication</span>.<span class="ActionScriptDefault_Text">nativeApplication</span>.<span class="ActionScriptDefault_Text">addEventListener</span><span class="ActionScriptBracket/Brace">(</span> <span class="ActionScriptDefault_Text">Event</span>.<span class="ActionScriptDefault_Text">EXITING</span>, 
+                <span class="ActionScriptfunction">function</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">e</span><span class="ActionScriptOperator">:</span><span class="ActionScriptDefault_Text">Event</span><span class="ActionScriptBracket/Brace">)</span><span class="ActionScriptOperator">:</span><span class="ActionScriptReserved">void</span> <span class="ActionScriptBracket/Brace">{</span>
+                    <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">opened</span><span class="ActionScriptOperator">:</span><span class="ActionScriptDefault_Text">Array</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">NativeApplication</span>.<span class="ActionScriptDefault_Text">nativeApplication</span>.<span class="ActionScriptDefault_Text">openedWindows</span>;
+                    <span class="ActionScriptReserved">for</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">i</span><span class="ActionScriptOperator">:</span><span class="ActionScriptDefault_Text">int</span> <span class="ActionScriptOperator">=</span> 0; <span class="ActionScriptDefault_Text">i</span> <span class="ActionScriptOperator">&lt;</span> <span class="ActionScriptDefault_Text">opened</span>.<span class="ActionScriptDefault_Text">length</span>; <span class="ActionScriptDefault_Text">i</span> <span class="ActionScriptOperator">++</span><span class="ActionScriptBracket/Brace">)</span> <span class="ActionScriptBracket/Brace">{</span>
+                        <span class="ActionScriptDefault_Text">opened</span><span class="ActionScriptBracket/Brace">[</span><span class="ActionScriptDefault_Text">i</span><span class="ActionScriptBracket/Brace">]</span>.<span class="ActionScriptDefault_Text">close</span><span class="ActionScriptBracket/Brace">()</span>;
+                    <span class="ActionScriptBracket/Brace">}</span>
+            <span class="ActionScriptBracket/Brace">})</span>;    
+    
+            <span class="ActionScriptDefault_Text">setApplicationVersion</span><span class="ActionScriptBracket/Brace">()</span>; <span class="ActionScriptComment">// Find the current version so we can show it below
+</span>            
+            <span class="ActionScriptComment">// Configuration stuff - see update framework docs for more details
+</span>            <span class="ActionScriptDefault_Text">appUpdater</span>.<span class="ActionScriptDefault_Text">updateURL</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptString">&quot;http://64.23.34.61/updatesample/update.xml&quot;</span>; <span class="ActionScriptComment">// Server-side XML file describing update
+</span>            <span class="ActionScriptDefault_Text">appUpdater</span>.<span class="ActionScriptDefault_Text">isCheckForUpdateVisible</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">false</span>; <span class="ActionScriptComment">// We won&apos;t ask permission to check for an update
+</span>            <span class="ActionScriptDefault_Text">appUpdater</span>.<span class="ActionScriptDefault_Text">addEventListener</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">UpdateEvent</span>.<span class="ActionScriptDefault_Text">INITIALIZED</span>, <span class="ActionScriptDefault_Text">onUpdate</span><span class="ActionScriptBracket/Brace">)</span>; <span class="ActionScriptComment">// Once initialized, run onUpdate
+</span>            <span class="ActionScriptDefault_Text">appUpdater</span>.<span class="ActionScriptDefault_Text">addEventListener</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">ErrorEvent</span>.<span class="ActionScriptDefault_Text">ERROR</span>, <span class="ActionScriptDefault_Text">onError</span><span class="ActionScriptBracket/Brace">)</span>; <span class="ActionScriptComment">// If something goes wrong, run onError
+</span>            <span class="ActionScriptDefault_Text">appUpdater</span>.<span class="ActionScriptDefault_Text">initialize</span><span class="ActionScriptBracket/Brace">()</span>; <span class="ActionScriptComment">// Initialize the update framework
+</span>        <span class="ActionScriptBracket/Brace">}</span>
+    
+        <span class="ActionScriptReserved">private</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">onError</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">event</span><span class="ActionScriptOperator">:</span><span class="ActionScriptDefault_Text">ErrorEvent</span><span class="ActionScriptBracket/Brace">)</span><span class="ActionScriptOperator">:</span><span class="ActionScriptReserved">void</span> <span class="ActionScriptBracket/Brace">{</span>
+            <span class="ActionScriptDefault_Text">Alert</span>.<span class="ActionScriptDefault_Text">show</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">event</span>.<span class="ActionScriptDefault_Text">toString</span><span class="ActionScriptBracket/Brace">())</span>;
+        <span class="ActionScriptBracket/Brace">}</span>
+        
+        <span class="ActionScriptReserved">private</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">onUpdate</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">event</span><span class="ActionScriptOperator">:</span><span class="ActionScriptDefault_Text">UpdateEvent</span><span class="ActionScriptBracket/Brace">)</span><span class="ActionScriptOperator">:</span><span class="ActionScriptReserved">void</span> <span class="ActionScriptBracket/Brace">{</span>
+            <span class="ActionScriptDefault_Text">appUpdater</span>.<span class="ActionScriptDefault_Text">checkNow</span><span class="ActionScriptBracket/Brace">()</span>; <span class="ActionScriptComment">// Go check for an update now
+</span>        <span class="ActionScriptBracket/Brace">}</span>
+    
+        <span class="ActionScriptComment">// Find the current version for our Label below
+</span>        <span class="ActionScriptReserved">private</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">setApplicationVersion</span><span class="ActionScriptBracket/Brace">()</span><span class="ActionScriptOperator">:</span><span class="ActionScriptReserved">void</span> <span class="ActionScriptBracket/Brace">{</span>
+            <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">appXML</span><span class="ActionScriptOperator">:</span><span class="ActionScriptDefault_Text">XML</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">NativeApplication</span>.<span class="ActionScriptDefault_Text">nativeApplication</span>.<span class="ActionScriptDefault_Text">applicationDescriptor</span>;
+            <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">ns</span><span class="ActionScriptOperator">:</span><span class="ActionScriptDefault_Text">Namespace</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">appXML</span>.<span class="ActionScriptDefault_Text">namespace</span><span class="ActionScriptBracket/Brace">()</span>;
+            <span class="ActionScriptDefault_Text">ver</span>.<span class="ActionScriptDefault_Text">text</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptString">&quot;Current version is &quot;</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptDefault_Text">appXML</span>.<span class="ActionScriptDefault_Text">ns</span><span class="ActionScriptOperator">::</span><span class="ActionScriptDefault_Text">version</span>;
+        <span class="ActionScriptBracket/Brace">}</span>
+    <span class="ActionScriptBracket/Brace">]]</span><span class="ActionScriptOperator">&gt;</span>
+    <span class="MXMLSpecial_Tag">&lt;/mx:Script&gt;</span>
+    
+    <span class="MXMLComponent_Tag">&lt;mx:VBox</span><span class="MXMLDefault_Text"> backgroundColor=&quot;</span><span class="MXMLString">blue</span><span class="MXMLDefault_Text">&quot; x=&quot;</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">&quot; y=&quot;</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">&quot; width=&quot;</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">&quot; height=&quot;</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;mx:Label</span><span class="MXMLDefault_Text"> color=&quot;</span><span class="MXMLString">white</span><span class="MXMLDefault_Text">&quot; id=&quot;</span><span class="MXMLString">ver</span><span class="MXMLDefault_Text">&quot; </span><span class="MXMLComponent_Tag">/&gt;</span>
+    <span class="MXMLComponent_Tag">&lt;/mx:VBox&gt;</span>
+
+<span class="MXMLComponent_Tag">&lt;/mx:WindowedApplication&gt;</span></pre></body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR/HOWTO/AutoUpdate/dialogscreenshot1.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR/HOWTO/AutoUpdate/dialogscreenshot1.html b/TourDeFlex/TourDeFlex/src/objects/AIR/HOWTO/AutoUpdate/dialogscreenshot1.html
new file mode 100644
index 0000000..bfcdd82
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR/HOWTO/AutoUpdate/dialogscreenshot1.html
@@ -0,0 +1,22 @@
+<!--
+  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.
+-->
+<HTML>
+<HEAD></HEAD>
+<BODY BGCOLOR="#323232">
+<IMG SRC="dialogscreenshot1.png">
+</BODY>
+</HTML>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR/HOWTO/AutoUpdate/dialogscreenshot1.png
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR/HOWTO/AutoUpdate/dialogscreenshot1.png b/TourDeFlex/TourDeFlex/src/objects/AIR/HOWTO/AutoUpdate/dialogscreenshot1.png
new file mode 100644
index 0000000..7a2d3af
Binary files /dev/null and b/TourDeFlex/TourDeFlex/src/objects/AIR/HOWTO/AutoUpdate/dialogscreenshot1.png differ

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR/HOWTO/AutoUpdate/readme.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR/HOWTO/AutoUpdate/readme.html b/TourDeFlex/TourDeFlex/src/objects/AIR/HOWTO/AutoUpdate/readme.html
new file mode 100644
index 0000000..0d96eda
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR/HOWTO/AutoUpdate/readme.html
@@ -0,0 +1,35 @@
+<!--
+  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.
+-->
+<h3>Adobe AIR Update Framework (beta)</H3>
+This beta release of the update framework provides APIs to assist developers in including 
+good update capabilities in their AIR applications. The framework assists with the following:
+<UL>
+<LI>Periodically checking for updates based on an interval or at the request of the user
+<LI>Downloading AIR files (updates) from a web source
+<LI>Alerting the user on the first run of the newly installed version or performing data migration
+<LI>Confirming that the user wants to check for updates
+<LI>Displaying information to the user on the new available version for download
+<LI>Displaying download progress and error information to the user 
+</UL>
+The update framework supplies a default user interface that your application can use. It provides the user with basic 
+information and options related to application updates. Your application can also also define its own custom user 
+interface for use with the update framework. 
+<BR>
+<UL>
+<LI><A HREF="http://labs.adobe.com/wiki/index.php/Adobe_AIR_Update_Framework">Adobe AIR Update Framework Home Page</A>
+<LI><A HREF="http://gregorywilson.wordpress.com/2008/08/16/adding-auto-update-features-to-your-air-application-in-3-easy-steps">Greg Wilson's Update Framework quick start</A>
+</UL>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR/HOWTO/AutoUpdate/update.xml.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR/HOWTO/AutoUpdate/update.xml.html b/TourDeFlex/TourDeFlex/src/objects/AIR/HOWTO/AutoUpdate/update.xml.html
new file mode 100644
index 0000000..b2cfcc5
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR/HOWTO/AutoUpdate/update.xml.html
@@ -0,0 +1,27 @@
+<!--
+  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.
+-->
+<div class="highlight"><pre><span style="color: #333333">&lt;?xml version=&quot;1.0&quot; encoding=&quot;utf-8&quot;?&gt;</span>
+<span style="color: #0000FF; font-weight: bold">&lt;update</span> <span style="color: #7D9029">xmlns=</span><span style="color: #BA2121">&quot;http://ns.adobe.com/air/framework/update/description/1.0&quot;</span><span style="color: #0000FF; font-weight: bold">&gt;</span>
+  <span style="color: #0000FF; font-weight: bold">&lt;version&gt;</span>v1.1<span style="color: #0000FF; font-weight: bold">&lt;/version&gt;</span>
+  <span style="color: #0000FF; font-weight: bold">&lt;url&gt;</span>http://yourserver/updatesample/UpdateSample.air<span style="color: #0000FF; font-weight: bold">&lt;/url&gt;</span>
+  <span style="color: #0000FF; font-weight: bold">&lt;description&gt;</span><span style="color: #333333">&lt;![CDATA[</span>
+<span style="color: #333333">v1.1</span>
+<span style="color: #333333">  * These notes are displayed to the user in the update dialog</span>
+<span style="color: #333333">  * Typically, this is used to summarize what&#39;s new in the release</span>
+<span style="color: #333333">  ]]&gt;</span><span style="color: #0000FF; font-weight: bold">&lt;/description&gt;</span>
+<span style="color: #0000FF; font-weight: bold">&lt;/update&gt;</span>
+</pre></div>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR/HOWTO/CopyPaste/main.mxml.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR/HOWTO/CopyPaste/main.mxml.html b/TourDeFlex/TourDeFlex/src/objects/AIR/HOWTO/CopyPaste/main.mxml.html
new file mode 100644
index 0000000..d416dc5
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR/HOWTO/CopyPaste/main.mxml.html
@@ -0,0 +1,121 @@
+<!--
+  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.
+-->
+<!-- saved from url=(0014)about:internet -->
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+<title>main.mxml</title>
+<link rel="stylesheet" type="text/css" href="../SourceStyles.css"/>
+</head>
+
+<body><pre><span class="MXMLProcessing_Instruction">&lt;?xml version="1.0" encoding="utf-8"?&gt;</span>
+<span class="MXMLComponent_Tag">&lt;s:WindowedApplication</span><span class="MXMLDefault_Text"> xmlns:fx="</span><span class="MXMLString">http://ns.adobe.com/mxml/2009</span><span class="MXMLDefault_Text">" 
+                       xmlns:s="</span><span class="MXMLString">library://ns.adobe.com/flex/spark</span><span class="MXMLDefault_Text">" 
+                       xmlns:mx="</span><span class="MXMLString">library://ns.adobe.com/flex/mx</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+    
+    <span class="MXMLSpecial_Tag">&lt;fx:Declarations&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;fx:Number</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">lastRollOverIndex</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+        
+        <span class="MXMLComponent_Tag">&lt;s:ArrayCollection</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">menuItems</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;fx:Object</span><span class="MXMLDefault_Text"> label="</span><span class="MXMLString">Copy</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;fx:Object</span><span class="MXMLDefault_Text"> label="</span><span class="MXMLString">Paste</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;/s:ArrayCollection&gt;</span>
+        
+        <span class="MXMLComponent_Tag">&lt;s:ArrayCollection</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">people</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;fx:Object</span><span class="MXMLDefault_Text"> firstName="</span><span class="MXMLString">James</span><span class="MXMLDefault_Text">" lastName="</span><span class="MXMLString">Ward</span><span class="MXMLDefault_Text">" phone="</span><span class="MXMLString">555-123-1234</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;fx:Object</span><span class="MXMLDefault_Text"> firstName="</span><span class="MXMLString">Greg</span><span class="MXMLDefault_Text">" lastName="</span><span class="MXMLString">Wilson</span><span class="MXMLDefault_Text">" phone="</span><span class="MXMLString">555-987-6543</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;fx:Object</span><span class="MXMLDefault_Text"> firstName="</span><span class="MXMLString">Christophe</span><span class="MXMLDefault_Text">" lastName="</span><span class="MXMLString">Coenraets</span><span class="MXMLDefault_Text">" phone="</span><span class="MXMLString">555-432-5678</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;/s:ArrayCollection&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;mx:FlexNativeMenu</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">cMenu</span><span class="MXMLDefault_Text">" labelField="</span><span class="MXMLString">label</span><span class="MXMLDefault_Text">" itemClick="</span><span class="ActionScriptDefault_Text">handleMenuClick</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">event</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">index</span><span class="ActionScriptBracket/Brace">)</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+    <span class="MXMLSpecial_Tag">&lt;/fx:Declarations&gt;</span>
+
+    <span class="MXMLSpecial_Tag">&lt;fx:Script&gt;</span>
+        &lt;![CDATA[
+        <span class="ActionScriptReserved">private</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">updateMenu</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">index</span>:<span class="ActionScriptDefault_Text">Number</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
+        <span class="ActionScriptBracket/Brace">{</span>
+            <span class="ActionScriptDefault_Text">lastRollOverIndex</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">index</span>;
+            
+            <span class="ActionScriptComment">// only enable the Copy menu item when the user is over a row in the DataGrid
+</span>            <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">isNaN</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">lastRollOverIndex</span><span class="ActionScriptBracket/Brace">)</span><span class="ActionScriptBracket/Brace">)</span>
+            <span class="ActionScriptBracket/Brace">{</span>
+                <span class="ActionScriptDefault_Text">menuItems</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">getItemAt</span><span class="ActionScriptBracket/Brace">(</span>0<span class="ActionScriptBracket/Brace">)</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">enabled</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">false</span>;
+            <span class="ActionScriptBracket/Brace">}</span>
+            <span class="ActionScriptReserved">else</span>
+            <span class="ActionScriptBracket/Brace">{</span>
+                <span class="ActionScriptDefault_Text">menuItems</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">getItemAt</span><span class="ActionScriptBracket/Brace">(</span>0<span class="ActionScriptBracket/Brace">)</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">enabled</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">true</span>;
+            <span class="ActionScriptBracket/Brace">}</span>
+            
+            <span class="ActionScriptDefault_Text">cMenu</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">dataProvider</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">menuItems</span>;
+            <span class="ActionScriptDefault_Text">dg</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">flexContextMenu</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">cMenu</span>;
+        <span class="ActionScriptBracket/Brace">}</span>
+        
+        <span class="ActionScriptReserved">private</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">handleMenuClick</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">index</span>:<span class="ActionScriptDefault_Text">int</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
+        <span class="ActionScriptBracket/Brace">{</span>
+            <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">index</span> <span class="ActionScriptOperator">==</span> 0<span class="ActionScriptBracket/Brace">)</span>
+            <span class="ActionScriptBracket/Brace">{</span>
+                <span class="ActionScriptComment">// add the data to the clipboard
+</span>                <span class="ActionScriptDefault_Text">Clipboard</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">generalClipboard</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">clear</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">cs</span>:<span class="ActionScriptDefault_Text">String</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">dg</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">dataProvider</span><span class="ActionScriptBracket/Brace">[</span><span class="ActionScriptDefault_Text">lastRollOverIndex</span><span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">firstName</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptString">"\t"</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptDefault_Text">dg</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">dataProvider</span><span class="ActionScriptBracket/Brace">[</span><span class="ActionScriptDefault_Text">lastRollOverIndex<
 /span><span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">lastName</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptString">"\t"</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptDefault_Text">dg</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">dataProvider</span><span class="ActionScriptBracket/Brace">[</span><span class="ActionScriptDefault_Text">lastRollOverIndex</span><span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">phone</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptString">"\r\n"</span>;
+                <span class="ActionScriptDefault_Text">Clipboard</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">generalClipboard</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">setData</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">ClipboardFormats</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">TEXT_FORMAT</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">cs</span><span class="ActionScriptBracket/Brace">)</span>;
+            <span class="ActionScriptBracket/Brace">}</span>
+            <span class="ActionScriptReserved">else</span> <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">index</span> <span class="ActionScriptOperator">==</span> 1<span class="ActionScriptBracket/Brace">)</span>
+            <span class="ActionScriptBracket/Brace">{</span>
+                <span class="ActionScriptComment">// read the data from the Clipboard
+</span>                <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">Clipboard</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">generalClipboard</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">hasFormat</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">ClipboardFormats</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">TEXT_FORMAT</span><span class="ActionScriptBracket/Brace">)</span><span class="ActionScriptBracket/Brace">)</span>
+                <span class="ActionScriptBracket/Brace">{</span>
+                    <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">a</span>:<span class="ActionScriptDefault_Text">Array</span>;
+                    <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">s</span>:<span class="ActionScriptDefault_Text">String</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">String</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">Clipboard</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">generalClipboard</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">getData</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">ClipboardFormats</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">TEXT_FORMAT</span><span class="ActionScriptBracket/Brace">)</span><span class="ActionScriptBracket/Brace">)</span>;
+                    
+                    <span class="ActionScriptComment">// split the Clipboard string into an array
+</span>                    <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">s</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">indexOf</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">"\t"</span><span class="ActionScriptBracket/Brace">)</span> <span class="ActionScriptOperator">&gt;=</span> 0<span class="ActionScriptBracket/Brace">)</span>
+                        <span class="ActionScriptDefault_Text">a</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">s</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">split</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">"\t"</span><span class="ActionScriptBracket/Brace">)</span>;
+                    <span class="ActionScriptReserved">else</span> <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">s</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">indexOf</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">" "</span><span class="ActionScriptBracket/Brace">)</span> <span class="ActionScriptOperator">&gt;=</span> 0<span class="ActionScriptBracket/Brace">)</span>
+                        <span class="ActionScriptDefault_Text">a</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">s</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">split</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">" "</span><span class="ActionScriptBracket/Brace">)</span>;
+                    <span class="ActionScriptReserved">else</span>
+                        <span class="ActionScriptDefault_Text">a</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptBracket/Brace">[</span><span class="ActionScriptDefault_Text">s</span><span class="ActionScriptBracket/Brace">]</span>;
+                    
+                    <span class="ActionScriptComment">// assign the Array items to a new Object
+</span>                    <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">o</span>:<span class="ActionScriptDefault_Text">Object</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">Object</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
+                    <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">a</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">length</span> <span class="ActionScriptOperator">&gt;</span> 2<span class="ActionScriptBracket/Brace">)</span>
+                        <span class="ActionScriptDefault_Text">o</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">phone</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">a</span><span class="ActionScriptBracket/Brace">[</span>2<span class="ActionScriptBracket/Brace">]</span>;
+                    
+                    <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">a</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">length</span> <span class="ActionScriptOperator">&gt;</span> 1<span class="ActionScriptBracket/Brace">)</span>
+                        <span class="ActionScriptDefault_Text">o</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">lastName</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">a</span><span class="ActionScriptBracket/Brace">[</span>1<span class="ActionScriptBracket/Brace">]</span>;
+                    
+                    <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">a</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">length</span> <span class="ActionScriptOperator">&gt;</span> 0<span class="ActionScriptBracket/Brace">)</span>
+                    <span class="ActionScriptBracket/Brace">{</span>
+                        <span class="ActionScriptDefault_Text">o</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">firstName</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">a</span><span class="ActionScriptBracket/Brace">[</span>0<span class="ActionScriptBracket/Brace">]</span>;
+                        
+                        <span class="ActionScriptComment">// add the item to the DataGrid
+</span>                        <span class="ActionScriptDefault_Text">people</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">addItem</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">o</span><span class="ActionScriptBracket/Brace">)</span>;
+                    <span class="ActionScriptBracket/Brace">}</span>
+                <span class="ActionScriptBracket/Brace">}</span>
+            <span class="ActionScriptBracket/Brace">}</span>
+        <span class="ActionScriptBracket/Brace">}</span>
+        
+        
+        <span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptOperator">&gt;</span>
+    <span class="MXMLSpecial_Tag">&lt;/fx:Script&gt;</span>
+
+    <span class="MXMLComponent_Tag">&lt;s:VGroup</span><span class="MXMLDefault_Text"> horizontalCenter="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">" verticalCenter="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;s:Label</span><span class="MXMLDefault_Text"> text="</span><span class="MXMLString">Right-click for copy/paste menu</span><span class="MXMLDefault_Text">" color="</span><span class="MXMLString">0xFFFFFF</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;mx:DataGrid</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">dg</span><span class="MXMLDefault_Text">" dataProvider="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">people</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">" itemRollOver="</span><span class="ActionScriptDefault_Text">updateMenu</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">event</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">rowIndex</span><span class="ActionScriptBracket/Brace">)</span><span class="MXMLDefault_Text">" itemRollOut="</span><span class="ActionScriptDefault_Text">updateMenu</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">NaN</span><span class="ActionScriptBracket/Brace">)</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</
 span>
+    <span class="MXMLComponent_Tag">&lt;/s:VGroup&gt;</span>
+    
+<span class="MXMLComponent_Tag">&lt;/s:WindowedApplication&gt;</span></pre></body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR/HOWTO/DragAndDrop/DragIn.mxml.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR/HOWTO/DragAndDrop/DragIn.mxml.html b/TourDeFlex/TourDeFlex/src/objects/AIR/HOWTO/DragAndDrop/DragIn.mxml.html
new file mode 100644
index 0000000..77223d0
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR/HOWTO/DragAndDrop/DragIn.mxml.html
@@ -0,0 +1,77 @@
+<!--
+  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.
+-->
+<!-- saved from url=(0014)about:internet -->
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+<title>DragIn.mxml</title>
+<link rel="stylesheet" type="text/css" href="../SourceStyles.css"/>
+</head>
+
+<body><pre><span class="MXMLProcessing_Instruction">&lt;?xml version="1.0" encoding="utf-8"?&gt;</span>
+<span class="MXMLComponent_Tag">&lt;s:WindowedApplication</span><span class="MXMLDefault_Text"> xmlns:fx="</span><span class="MXMLString">http://ns.adobe.com/mxml/2009</span><span class="MXMLDefault_Text">" 
+                       xmlns:s="</span><span class="MXMLString">library://ns.adobe.com/flex/spark</span><span class="MXMLDefault_Text">" 
+                       xmlns:mx="</span><span class="MXMLString">library://ns.adobe.com/flex/mx</span><span class="MXMLDefault_Text">" 
+                       backgroundColor="</span><span class="MXMLString">#323232</span><span class="MXMLDefault_Text">" styleName="</span><span class="MXMLString">plain</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" height="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+
+    <span class="MXMLSpecial_Tag">&lt;fx:Script&gt;</span>
+        <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">mx</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">managers</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">DragManager</span>;
+        <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">mx</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">core</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">IUIComponent</span>;
+    <span class="MXMLSpecial_Tag">&lt;/fx:Script&gt;</span>
+   
+    <span class="MXMLComponent_Tag">&lt;mx:nativeDragEnter&gt;</span>
+        <span class="ActionScriptComment">// Event handler for when something is dragged over to the WindowedApplication
+</span>        <span class="ActionScriptComment">// Only allow files to be dragged in
+</span>        <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">event</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">clipboard</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">hasFormat</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">ClipboardFormats</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">FILE_LIST_FORMAT</span><span class="ActionScriptBracket/Brace">)</span><span class="ActionScriptBracket/Brace">)</span>
+        <span class="ActionScriptBracket/Brace">{</span>
+            <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">files</span>:<span class="ActionScriptDefault_Text">Array</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">event</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">clipboard</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">getData</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">ClipboardFormats</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">FILE_LIST_FORMAT</span><span class="ActionScriptBracket/Brace">)</span> <span class="ActionScriptReserved">as</span> <span class="ActionScriptDefault_Text">Array</span>;
+            
+            <span class="ActionScriptComment">// only allow a single file to be dragged in
+</span>            <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">files</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">length</span> <span class="ActionScriptOperator">==</span> 1<span class="ActionScriptBracket/Brace">)</span>
+            <span class="ActionScriptBracket/Brace">{</span>
+                <span class="ActionScriptDefault_Text">DragManager</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">acceptDragDrop</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">event</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">currentTarget</span> <span class="ActionScriptReserved">as</span> <span class="ActionScriptDefault_Text">IUIComponent</span><span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptDefault_Text">setStyle</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">"backgroundColor"</span><span class="ActionScriptOperator">,</span> 0xccccff<span class="ActionScriptBracket/Brace">)</span>;
+            <span class="ActionScriptBracket/Brace">}</span>
+        <span class="ActionScriptBracket/Brace">}</span>
+    <span class="MXMLComponent_Tag">&lt;/mx:nativeDragEnter&gt;</span>
+    
+    <span class="MXMLComponent_Tag">&lt;mx:nativeDragExit&gt;</span>
+        <span class="ActionScriptComment">// Event handler for when the drag leaves the WindowedApplication
+</span>        <span class="ActionScriptDefault_Text">setStyle</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">"backgroundColor"</span><span class="ActionScriptOperator">,</span> 0x323232<span class="ActionScriptBracket/Brace">)</span>;
+    <span class="MXMLComponent_Tag">&lt;/mx:nativeDragExit&gt;</span>
+    
+    <span class="MXMLComponent_Tag">&lt;mx:nativeDragDrop&gt;</span>
+        <span class="ActionScriptComment">// Event handler for when a dragged item is dropped on the WindowedApplication
+</span>        <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">arr</span>:<span class="ActionScriptDefault_Text">Array</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">event</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">clipboard</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">getData</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">ClipboardFormats</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">FILE_LIST_FORMAT</span><span class="ActionScriptBracket/Brace">)</span> <span class="ActionScriptReserved">as</span> <span class="ActionScriptDefault_Text">Array</span>;
+        <span class="ActionScriptDefault_Text">startImage</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">source</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">arr</span><span class="ActionScriptBracket/Brace">[</span>0<span class="ActionScriptBracket/Brace">]</span> <span class="ActionScriptReserved">as</span> <span class="ActionScriptDefault_Text">File</span><span class="ActionScriptBracket/Brace">)</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">url</span>;
+    <span class="MXMLComponent_Tag">&lt;/mx:nativeDragDrop&gt;</span>
+    
+    
+    <span class="MXMLComponent_Tag">&lt;mx:ViewStack</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">startVS</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" height="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" creationPolicy="</span><span class="MXMLString">all</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;mx:Canvas</span><span class="MXMLDefault_Text"> width="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" height="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;mx:Text</span><span class="MXMLDefault_Text"> verticalCenter="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">" horizontalCenter="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">" color="</span><span class="MXMLString">white</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+                <span class="MXMLComponent_Tag">&lt;mx:htmlText&gt;</span><span class="MXMLDefault_Text">&lt;![CDATA[</span><span class="MXMLDefault_Text">&lt;font size="20"&gt;&lt;b&gt;Drag an image here&lt;/b&gt;&lt;/font&gt;</span><span class="MXMLDefault_Text">]]&gt;</span><span class="MXMLComponent_Tag">&lt;/mx:htmlText&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;/mx:Text&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;/mx:Canvas&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;mx:Canvas</span><span class="MXMLDefault_Text"> width="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" height="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;mx:Image</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">startImage</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" height="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" horizontalAlign="</span><span class="MXMLString">center</span><span class="MXMLDefault_Text">" verticalAlign="</span><span class="MXMLString">middle</span><span class="MXMLDefault_Text">" complete="</span><span class="ActionScriptDefault_Text">startVS</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">selectedIndex</span> <span class="ActionScriptOperator">=</span> 1;<span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;/mx:Canvas&gt;</span>
+    <span class="MXMLComponent_Tag">&lt;/mx:ViewStack&gt;</span>
+
+<span class="MXMLComponent_Tag">&lt;/s:WindowedApplication&gt;</span></pre></body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR/HOWTO/DragAndDrop/DragOut.mxml.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR/HOWTO/DragAndDrop/DragOut.mxml.html b/TourDeFlex/TourDeFlex/src/objects/AIR/HOWTO/DragAndDrop/DragOut.mxml.html
new file mode 100644
index 0000000..2d719f8
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR/HOWTO/DragAndDrop/DragOut.mxml.html
@@ -0,0 +1,66 @@
+<!--
+  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.
+-->
+<!-- saved from url=(0014)about:internet -->
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+<title>DragOut.mxml</title>
+<link rel="stylesheet" type="text/css" href="../SourceStyles.css"/>
+</head>
+
+<body><pre><span class="MXMLProcessing_Instruction">&lt;?xml version="1.0" encoding="utf-8"?&gt;</span>
+<span class="MXMLComponent_Tag">&lt;s:WindowedApplication</span><span class="MXMLDefault_Text"> xmlns:fx="</span><span class="MXMLString">http://ns.adobe.com/mxml/2009</span><span class="MXMLDefault_Text">" 
+                       xmlns:s="</span><span class="MXMLString">library://ns.adobe.com/flex/spark</span><span class="MXMLDefault_Text">" 
+                       xmlns:mx="</span><span class="MXMLString">library://ns.adobe.com/flex/mx</span><span class="MXMLDefault_Text">" 
+                       backgroundColor="</span><span class="MXMLString">#323232</span><span class="MXMLDefault_Text">" styleName="</span><span class="MXMLString">plain</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" height="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+    <span class="MXMLSpecial_Tag">&lt;fx:Script&gt;</span>
+            <span class="ActionScriptBracket/Brace">[</span><span class="ActionScriptMetadata">Bindable</span><span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptReserved">private</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">logo</span>:<span class="ActionScriptDefault_Text">File</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">File</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">"app:/air-logo.jpg"</span><span class="ActionScriptBracket/Brace">)</span>;
+            
+            <span class="ActionScriptBracket/Brace">[</span><span class="ActionScriptMetadata">Embed</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">"air-logo-icon.jpg"</span><span class="ActionScriptBracket/Brace">)</span><span class="ActionScriptBracket/Brace">]</span>
+            <span class="ActionScriptReserved">private</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">logoIconClass</span>:<span class="ActionScriptDefault_Text">Class</span>;
+            
+        
+    <span class="MXMLSpecial_Tag">&lt;/fx:Script&gt;</span>
+    <span class="MXMLComponent_Tag">&lt;s:VGroup</span><span class="MXMLDefault_Text"> horizontalAlign="</span><span class="MXMLString">center</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;s:Label</span><span class="MXMLDefault_Text"> text="</span><span class="MXMLString">Drag the image out of the application</span><span class="MXMLDefault_Text">" color="</span><span class="MXMLString">white</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+        
+        <span class="MXMLComponent_Tag">&lt;mx:Image</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">image</span><span class="MXMLDefault_Text">" source="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">logo</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">url</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">90%</span><span class="MXMLDefault_Text">" height="</span><span class="MXMLString">90%</span><span class="MXMLDefault_Text">" horizontalAlign="</span><span class="MXMLString">center</span><span class="MXMLDefault_Text">" verticalAlign="</span><span class="MXMLString">middle</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;mx:mouseDown&gt;</span>
+                <span class="ActionScriptComment">// Event handler which begins the drag
+</span>                
+                <span class="ActionScriptComment">// Allow the image to be dragged as either a file or a bitmap
+</span>                <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">transfer</span>:<span class="ActionScriptDefault_Text">Clipboard</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">Clipboard</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptDefault_Text">transfer</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">setData</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">ClipboardFormats</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">BITMAP_FORMAT</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">Bitmap</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">image</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">content</span><span class="ActionScriptBracket/Brace">)</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">bitmapData</span><span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptDefault_Text">transfer</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">setData</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">ClipboardFormats</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">FILE_LIST_FORMAT</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">Array</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">logo</span><span class="ActionScriptBracket/Brace">)</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptReserved">false</span><span class="ActionScriptBracket/Brace">)</span>;
+                
+                <span class="ActionScriptComment">// only allow the file to be copied
+</span>                <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">dragOptions</span>:<span class="ActionScriptDefault_Text">NativeDragOptions</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">NativeDragOptions</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptDefault_Text">dragOptions</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">allowMove</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">false</span>;
+                <span class="ActionScriptDefault_Text">dragOptions</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">allowCopy</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">true</span>;
+                <span class="ActionScriptDefault_Text">dragOptions</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">allowLink</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">false</span>;
+                
+                <span class="ActionScriptComment">// create an icon to display when dragging
+</span>                <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">iconBitmapData</span>:<span class="ActionScriptDefault_Text">BitmapData</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">logoIconClass</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span> <span class="ActionScriptReserved">as</span> <span class="ActionScriptDefault_Text">Bitmap</span><span class="ActionScriptBracket/Brace">)</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">bitmapData</span>;
+                
+                <span class="ActionScriptComment">// begin the drag
+</span>                <span class="ActionScriptDefault_Text">NativeDragManager</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">doDrag</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptReserved">this</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">transfer</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">iconBitmapData</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptReserved">null</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">dragOptions</span><span class="ActionScriptBracket/Brace">)</span>;
+            <span class="MXMLComponent_Tag">&lt;/mx:mouseDown&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;/mx:Image&gt;</span>
+    <span class="MXMLComponent_Tag">&lt;/s:VGroup&gt;</span>
+<span class="MXMLComponent_Tag">&lt;/s:WindowedApplication&gt;</span></pre></body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR/HOWTO/DragAndDrop/readme.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR/HOWTO/DragAndDrop/readme.html b/TourDeFlex/TourDeFlex/src/objects/AIR/HOWTO/DragAndDrop/readme.html
new file mode 100644
index 0000000..f9475e6
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR/HOWTO/DragAndDrop/readme.html
@@ -0,0 +1,22 @@
+<!--
+  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.
+-->
+Additional information about AIR Drag and Drop:
+<UL>
+<LI><A HREF="http://help.adobe.com/en_US/AIR/1.1/devappsflex/WS5b3ccc516d4fbf351e63e3d118666ade46-7e8a.html">Adobe 1.1 Help on Drag and Drop</A>
+<LI><A HREF="http://www.mikechambers.com/blog/2007/11/07/air-example-native-drag-and-drop/">Mike Chambers' blog post on Drag and Drop</A>
+<LI><A HREF="http://www.jamesward.com/wordpress/2008/06/12/quickfix-google-app-engine-adobe-air-flex/">James Ward's blog post on Google App Engine, Adobe AIR and Flex</A>
+</UL>
\ No newline at end of file


[11/51] [partial] Merged TourDeFlex release from develop

Posted by jm...@apache.org.
http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/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/e1f9d1df/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/e1f9d1df/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/e1f9d1df/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/e1f9d1df/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/e1f9d1df/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/e1f9d1df/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/e1f9d1df/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/e1f9d1df/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/e1f9d1df/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/e1f9d1df/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/e1f9d1df/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/e1f9d1df/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/e1f9d1df/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/e1f9d1df/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/e1f9d1df/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/e1f9d1df/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/e1f9d1df/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/e1f9d1df/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/e1f9d1df/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/e1f9d1df/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/e1f9d1df/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/e1f9d1df/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/e1f9d1df/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/e1f9d1df/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/e1f9d1df/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

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/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/e1f9d1df/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/e1f9d1df/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/e1f9d1df/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/e1f9d1df/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/e1f9d1df/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/e1f9d1df/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/e1f9d1df/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/e1f9d1df/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/e1f9d1df/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/e1f9d1df/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/e1f9d1df/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>


[45/51] [partial] Merged TourDeFlex release from develop

Posted by jm...@apache.org.
http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/data/objects-desktop_ja-update.xml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/data/objects-desktop_ja-update.xml b/TourDeFlex/TourDeFlex/src/data/objects-desktop_ja-update.xml
new file mode 100644
index 0000000..f9a1c33
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/data/objects-desktop_ja-update.xml
@@ -0,0 +1,37 @@
+<!--
+
+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.
+
+-->
+<update>
+<version>2009-06-16</version>
+<url>http://tourdeflex.adobe.com/download/objects-desktop_ja.xml</url>
+<description>
+06/16/2009: New - Added 5 new ESRI ArcGIS samples
+06/11/2009: New - Axiis Data Visualization Framework (Open Source) added
+06/09/2009: New - Flex Data Access / Data Management Samples added by Holly Schinsky
+06/01/2009: New - Flex 4 Preview samples added!
+06/01/2009: New - New ESRI ArcGIS Sample by Moxie Zhang, ESRI, Inc. - Mapping
+05/25/2009: New - New Collaboration Sample by Holly Schinsky - Data Access, Messaging
+05/20/2009: New - New Java Remoting Samples by Holly Schinsky - Data Access, RemoteObject
+05/19/2009: New - JSON and REST API Sample by Holly Schinsky - Data Access, Techniques
+05/10/2009: New - Added sample for reducing idle CPU usage in AIR apps
+05/01/2009: New - "AutoCompleteComboBox" by Jeffry Houser - Other Computers - Flextras
+04/30/2009: New - "IBM ILOG DASHBOARD" - Data Visualization
+04/12/2009: New - "Determine Client Capabilities" - Flex Core Components / Coding Techniques
+04/09/2009: New - "Working with Filters" - Flex Core Components / Coding Techniques
+</description>
+</update>


[24/51] [partial] Merged TourDeFlex release from develop

Posted by jm...@apache.org.
http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR20/MassStorageDeviceDetection/srcview/source/sample.mxml.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR20/MassStorageDeviceDetection/srcview/source/sample.mxml.html b/TourDeFlex/TourDeFlex/src/objects/AIR20/MassStorageDeviceDetection/srcview/source/sample.mxml.html
new file mode 100644
index 0000000..eb70d50
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR20/MassStorageDeviceDetection/srcview/source/sample.mxml.html
@@ -0,0 +1,108 @@
+<!--
+  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.
+-->
+<!-- saved from url=(0014)about:internet -->
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+<title>sample.mxml</title>
+<link rel="stylesheet" type="text/css" href="../SourceStyles.css"/>
+</head>
+
+<body><pre><span class="MXMLProcessing_Instruction">&lt;?xml version="1.0" encoding="utf-8"?&gt;</span>
+<span class="MXMLComponent_Tag">&lt;s:WindowedApplication</span><span class="MXMLDefault_Text"> xmlns:fx="</span><span class="MXMLString">http://ns.adobe.com/mxml/2009</span><span class="MXMLDefault_Text">" 
+                       xmlns:s="</span><span class="MXMLString">library://ns.adobe.com/flex/spark</span><span class="MXMLDefault_Text">" 
+                       xmlns:mx="</span><span class="MXMLString">library://ns.adobe.com/flex/mx</span><span class="MXMLDefault_Text">" 
+                       styleName="</span><span class="MXMLString">plain</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" height="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" creationComplete="</span><span class="ActionScriptDefault_Text">init</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+    <span class="MXMLSpecial_Tag">&lt;fx:Script&gt;</span>
+        &lt;![CDATA[
+            <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">flash</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">events</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">StorageVolumeChangeEvent</span>;
+            <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">mx</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">controls</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">Alert</span>;
+            
+            <span class="ActionScriptBracket/Brace">[</span><span class="ActionScriptMetadata">Bindable</span><span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptReserved">private</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">rootDir</span>:<span class="ActionScriptDefault_Text">File</span>;
+            
+            <span class="ActionScriptBracket/Brace">[</span><span class="ActionScriptMetadata">Bindable</span><span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptReserved">private</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">path</span>:<span class="ActionScriptDefault_Text">String</span>;
+            
+            <span class="ActionScriptReserved">private</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">init</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
+            <span class="ActionScriptBracket/Brace">{</span>
+                <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">StorageVolumeInfo</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">isSupported</span><span class="ActionScriptBracket/Brace">)</span>
+                <span class="ActionScriptBracket/Brace">{</span>
+                    <span class="ActionScriptDefault_Text">StorageVolumeInfo</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">storageVolumeInfo</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">addEventListener</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">StorageVolumeChangeEvent</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">STORAGE_VOLUME_MOUNT</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">onVolumeMount</span><span class="ActionScriptBracket/Brace">)</span>;
+                    <span class="ActionScriptDefault_Text">StorageVolumeInfo</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">storageVolumeInfo</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">addEventListener</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">StorageVolumeChangeEvent</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">STORAGE_VOLUME_UNMOUNT</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">onVolumeUnmount</span><span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptBracket/Brace">}</span>
+                <span class="ActionScriptReserved">else</span> <span class="ActionScriptDefault_Text">Alert</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">show</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">"AIR 2 storage detection is not supported."</span><span class="ActionScriptBracket/Brace">)</span>;
+            <span class="ActionScriptBracket/Brace">}</span>
+            
+            <span class="ActionScriptReserved">private</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">onVolumeMount</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">e</span>:<span class="ActionScriptDefault_Text">StorageVolumeChangeEvent</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
+            <span class="ActionScriptBracket/Brace">{</span>
+                <span class="ActionScriptReserved">this</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">deviceName</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">e</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">storageVolume</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">name</span>;
+                <span class="ActionScriptReserved">this</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">fileSystemType</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">e</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">storageVolume</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">fileSystemType</span>;
+                <span class="ActionScriptReserved">this</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">isRemovable</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">selected</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">e</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">storageVolume</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">isRemovable</span>;
+                <span class="ActionScriptReserved">this</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">isWritable</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">selected</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">e</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">storageVolume</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">isWritable</span>;
+                <span class="ActionScriptDefault_Text">rootDir</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">e</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">storageVolume</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">rootDirectory</span>;
+                <span class="ActionScriptDefault_Text">path</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">rootDir</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">nativePath</span>;
+            <span class="ActionScriptBracket/Brace">}</span>
+            
+            <span class="ActionScriptReserved">private</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">onVolumeUnmount</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">e</span>:<span class="ActionScriptDefault_Text">StorageVolumeChangeEvent</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
+            <span class="ActionScriptBracket/Brace">{</span>
+                <span class="ActionScripttrace">trace</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">"Storage Volume unmount."</span><span class="ActionScriptBracket/Brace">)</span>;
+            <span class="ActionScriptBracket/Brace">}</span>
+            
+            <span class="ActionScriptReserved">private</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">fileGridHandler</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">event</span>:<span class="ActionScriptDefault_Text">MouseEvent</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
+            <span class="ActionScriptBracket/Brace">{</span>
+                <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">fsg</span>:<span class="ActionScriptDefault_Text">FileSystemDataGrid</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">event</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">currentTarget</span> <span class="ActionScriptReserved">as</span> <span class="ActionScriptDefault_Text">FileSystemDataGrid</span>;
+                <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">fsg</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">selectedItem</span> <span class="ActionScriptOperator">!=</span> <span class="ActionScriptReserved">null</span><span class="ActionScriptBracket/Brace">)</span>
+                    <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">fsg</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">selectedItem</span> <span class="ActionScriptReserved">as</span> <span class="ActionScriptDefault_Text">File</span><span class="ActionScriptBracket/Brace">)</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">openWithDefaultApplication</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
+            <span class="ActionScriptBracket/Brace">}</span>
+        <span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptOperator">&gt;</span>
+    <span class="MXMLSpecial_Tag">&lt;/fx:Script&gt;</span>
+    
+    <span class="MXMLComponent_Tag">&lt;s:Panel</span><span class="MXMLDefault_Text"> width="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" height="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" horizontalCenter="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">"
+             title="</span><span class="MXMLString">Mass Storage Device Detection Sample</span><span class="MXMLDefault_Text">" skinClass="</span><span class="MXMLString">skins.TDFPanelSkin</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+        
+        <span class="MXMLComponent_Tag">&lt;s:layout&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;s:VerticalLayout</span><span class="MXMLDefault_Text"> paddingLeft="</span><span class="MXMLString">7</span><span class="MXMLDefault_Text">" paddingTop="</span><span class="MXMLString">7</span><span class="MXMLDefault_Text">" paddingBottom="</span><span class="MXMLString">7</span><span class="MXMLDefault_Text">" paddingRight="</span><span class="MXMLString">7</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;/s:layout&gt;</span>
+        
+        <span class="MXMLComponent_Tag">&lt;s:HGroup</span><span class="MXMLDefault_Text"> verticalAlign="</span><span class="MXMLString">middle</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;s:Label</span><span class="MXMLDefault_Text"> text="</span><span class="MXMLString">Storage Volume Info</span><span class="MXMLDefault_Text">" fontSize="</span><span class="MXMLString">14</span><span class="MXMLDefault_Text">" fontWeight="</span><span class="MXMLString">bold</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;mx:Spacer</span><span class="MXMLDefault_Text"> width="</span><span class="MXMLString">70</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;s:Label</span><span class="MXMLDefault_Text"> text="</span><span class="MXMLString">Plug in a storage device to detect general information and contents of the device.</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;/s:HGroup&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;s:HGroup</span><span class="MXMLDefault_Text"> verticalAlign="</span><span class="MXMLString">middle</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;s:Label</span><span class="MXMLDefault_Text"> text="</span><span class="MXMLString">Name:</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;s:Label</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">deviceName</span><span class="MXMLDefault_Text">" color="</span><span class="MXMLString">0x336699</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;s:Label</span><span class="MXMLDefault_Text"> text="</span><span class="MXMLString">File System Type:</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;s:Label</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">fileSystemType</span><span class="MXMLDefault_Text">" color="</span><span class="MXMLString">0x336699</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;/s:HGroup&gt;</span>
+        
+        <span class="MXMLComponent_Tag">&lt;s:Label</span><span class="MXMLDefault_Text"> text="</span><span class="MXMLString">Contents of {</span><span class="ActionScriptDefault_Text">path</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">" fontWeight="</span><span class="MXMLString">bold</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+        
+        <span class="MXMLComponent_Tag">&lt;mx:FileSystemDataGrid</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">fileGrid</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">660</span><span class="MXMLDefault_Text">" height="</span><span class="MXMLString">100</span><span class="MXMLDefault_Text">" directory="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">rootDir</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">" 
+                               doubleClickEnabled="</span><span class="MXMLString">true</span><span class="MXMLDefault_Text">" doubleClick="</span><span class="ActionScriptDefault_Text">fileGridHandler</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">event</span><span class="ActionScriptBracket/Brace">)</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;/mx:FileSystemDataGrid&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;s:HGroup</span><span class="MXMLDefault_Text"> right="</span><span class="MXMLString">20</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;mx:Button</span><span class="MXMLDefault_Text"> icon="</span><span class="MXMLString">@Embed(source='up.png')</span><span class="MXMLDefault_Text">" click="</span><span class="ActionScriptDefault_Text">fileGrid</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">navigateUp</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;<span class="MXMLDefault_Text">"
+                       enabled="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">fileGrid</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">canNavigateUp</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;mx:Spacer</span><span class="MXMLDefault_Text"> width="</span><span class="MXMLString">330</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;s:CheckBox</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">isRemovable</span><span class="MXMLDefault_Text">" label="</span><span class="MXMLString">Removable Device?</span><span class="MXMLDefault_Text">" enabled="</span><span class="MXMLString">false</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;s:CheckBox</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">isWritable</span><span class="MXMLDefault_Text">" label="</span><span class="MXMLString">Writable Device?</span><span class="MXMLDefault_Text">" enabled="</span><span class="MXMLString">false</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>    
+        <span class="MXMLComponent_Tag">&lt;/s:HGroup&gt;</span>    
+    <span class="MXMLComponent_Tag">&lt;/s:Panel&gt;</span>
+    
+<span class="MXMLComponent_Tag">&lt;/s:WindowedApplication&gt;</span></pre></body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR20/MassStorageDeviceDetection/srcview/source/skins/TDFPanelSkin.mxml.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR20/MassStorageDeviceDetection/srcview/source/skins/TDFPanelSkin.mxml.html b/TourDeFlex/TourDeFlex/src/objects/AIR20/MassStorageDeviceDetection/srcview/source/skins/TDFPanelSkin.mxml.html
new file mode 100644
index 0000000..df79d11
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR20/MassStorageDeviceDetection/srcview/source/skins/TDFPanelSkin.mxml.html
@@ -0,0 +1,147 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+<head>
+  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+  <meta http-equiv="Content-Style-Type" content="text/css">
+  <title>TDFPanelSkin.mxml</title>
+  <meta name="Generator" content="Cocoa HTML Writer">
+  <meta name="CocoaVersion" content="1187.4">
+  <style type="text/css">
+    p.p1 {margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Courier}
+    p.p2 {margin: 0.0px 0.0px 0.0px 0.0px; font: 11.0px Monaco; color: #941100}
+    p.p3 {margin: 0.0px 0.0px 0.0px 0.0px; font: 11.0px Monaco; min-height: 15.0px}
+    p.p4 {margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Courier; min-height: 14.0px}
+  </style>
+</head>
+<body>
+<p class="p1">&lt;?xml version="1.0" encoding="utf-8"?&gt;</p>
+<p class="p2">&lt;!--</p>
+<p class="p3"><br></p>
+<p class="p2">Licensed to the Apache Software Foundation (ASF) under one or more</p>
+<p class="p2">contributor license agreements.<span class="Apple-converted-space">  </span>See the NOTICE file distributed with</p>
+<p class="p2">this work for additional information regarding copyright ownership.</p>
+<p class="p2">The ASF licenses this file to You under the Apache License, Version 2.0</p>
+<p class="p2">(the "License"); you may not use this file except in compliance with</p>
+<p class="p2">the License.<span class="Apple-converted-space">  </span>You may obtain a copy of the License at</p>
+<p class="p3"><br></p>
+<p class="p2">http://www.apache.org/licenses/LICENSE-2.0</p>
+<p class="p3"><br></p>
+<p class="p2">Unless required by applicable law or agreed to in writing, software</p>
+<p class="p2">distributed under the License is distributed on an "AS IS" BASIS,</p>
+<p class="p2">WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.</p>
+<p class="p2">See the License for the specific language governing permissions and</p>
+<p class="p2">limitations under the License.</p>
+<p class="p3"><br></p>
+<p class="p2">--&gt;</p>
+<p class="p4"><br></p>
+<p class="p1">&lt;s:Skin xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark"<span class="Apple-converted-space"> </span></p>
+<p class="p1"><span class="Apple-converted-space">        </span>alpha.disabled="0.5" minWidth="131" minHeight="127"&gt;</p>
+<p class="p4"><span class="Apple-converted-space">    </span></p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;fx:Metadata&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>[HostComponent("spark.components.Panel")]</p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;/fx:Metadata&gt;<span class="Apple-converted-space"> </span></p>
+<p class="p4"><span class="Apple-converted-space">    </span></p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;s:states&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:State name="normal" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:State name="disabled" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:State name="normalWithControlBar" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:State name="disabledWithControlBar" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;/s:states&gt;</p>
+<p class="p4"><span class="Apple-converted-space">    </span></p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;!-- drop shadow --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;s:Rect left="0" top="0" right="0" bottom="0"&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:filters&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:DropShadowFilter blurX="15" blurY="15" alpha="0.18" distance="11" angle="90" knockout="true" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;/s:filters&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:SolidColor color="0" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;/s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;/s:Rect&gt;</p>
+<p class="p4"><span class="Apple-converted-space">    </span></p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;!-- layer 1: border --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;s:Rect left="0" right="0" top="0" bottom="0"&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:stroke&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:SolidColorStroke color="0" alpha="0.50" weight="1" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;/s:stroke&gt;</p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;/s:Rect&gt;</p>
+<p class="p4"><span class="Apple-converted-space">    </span></p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;!-- layer 2: background fill --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;s:Rect left="0" right="0" bottom="0" height="15"&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:LinearGradient rotation="90"&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;s:GradientEntry color="0xE2E2E2" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;s:GradientEntry color="0x000000" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;/s:LinearGradient&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;/s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;/s:Rect&gt;</p>
+<p class="p4"><span class="Apple-converted-space">    </span></p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;!-- layer 3: contents --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;s:Group left="1" right="1" top="1" bottom="1" &gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:layout&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:VerticalLayout gap="0" horizontalAlign="justify" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;/s:layout&gt;</p>
+<p class="p4"><span class="Apple-converted-space">        </span></p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:Group id="topGroup" &gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;!-- layer 0: title bar fill --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;!-- Note: We have custom skinned the title bar to be solid black for Tour de Flex --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:Rect id="tbFill" left="0" right="0" top="0" bottom="1" &gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                    </span>&lt;s:SolidColor color="0x000000" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;/s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;/s:Rect&gt;</p>
+<p class="p4"><span class="Apple-converted-space">            </span></p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;!-- layer 1: title bar highlight --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:Rect id="tbHilite" left="0" right="0" top="0" bottom="0" &gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;s:stroke&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                    </span>&lt;s:LinearGradientStroke rotation="90" weight="1"&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                        </span>&lt;s:GradientEntry color="0xEAEAEA" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                        </span>&lt;s:GradientEntry color="0xD9D9D9" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                    </span>&lt;/s:LinearGradientStroke&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;/s:stroke&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;/s:Rect&gt;</p>
+<p class="p4"><span class="Apple-converted-space">            </span></p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;!-- layer 2: title bar divider --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:Rect id="tbDiv" left="0" right="0" height="1" bottom="0"&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                    </span>&lt;s:SolidColor color="0xC0C0C0" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;/s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;/s:Rect&gt;</p>
+<p class="p4"><span class="Apple-converted-space">            </span></p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;!-- layer 3: text --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:Label id="titleDisplay" maxDisplayedLines="1"</p>
+<p class="p1"><span class="Apple-converted-space">                     </span>left="9" right="3" top="1" minHeight="30"</p>
+<p class="p1"><span class="Apple-converted-space">                     </span>verticalAlign="middle" fontWeight="bold" color="#E2E2E2"&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;/s:Label&gt;</p>
+<p class="p4"><span class="Apple-converted-space">            </span></p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;/s:Group&gt;</p>
+<p class="p4"><span class="Apple-converted-space">        </span></p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:Group id="contentGroup" width="100%" height="100%" minWidth="0" minHeight="0"&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;/s:Group&gt;</p>
+<p class="p4"><span class="Apple-converted-space">        </span></p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:Group id="bottomGroup" minWidth="0" minHeight="0"</p>
+<p class="p1"><span class="Apple-converted-space">                 </span>includeIn="normalWithControlBar, disabledWithControlBar" &gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;!-- layer 0: control bar background --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:Rect left="0" right="0" bottom="0" top="1" &gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                    </span>&lt;s:SolidColor color="0xE2EdF7" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;/s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;/s:Rect&gt;</p>
+<p class="p4"><span class="Apple-converted-space">            </span></p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;!-- layer 1: control bar divider line --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:Rect left="0" right="0" top="0" height="1" &gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                    </span>&lt;s:SolidColor color="0xD1E0F2" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;/s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;/s:Rect&gt;</p>
+<p class="p4"><span class="Apple-converted-space">            </span></p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;!-- layer 2: control bar --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:Group id="controlBarGroup" left="0" right="0" top="1" bottom="1" minWidth="0" minHeight="0"&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;s:layout&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                    </span>&lt;s:HorizontalLayout paddingLeft="10" paddingRight="10" paddingTop="7" paddingBottom="7" gap="10" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;/s:layout&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;/s:Group&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;/s:Group&gt;</p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;/s:Group&gt;</p>
+<p class="p1">&lt;/s:Skin&gt;</p>
+</body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR20/MassStorageDeviceDetection/srcview/source/up.png
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR20/MassStorageDeviceDetection/srcview/source/up.png b/TourDeFlex/TourDeFlex/src/objects/AIR20/MassStorageDeviceDetection/srcview/source/up.png
new file mode 100644
index 0000000..4bf79b0
Binary files /dev/null and b/TourDeFlex/TourDeFlex/src/objects/AIR20/MassStorageDeviceDetection/srcview/source/up.png differ

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR20/MassStorageDeviceDetection/srcview/source/up.png.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR20/MassStorageDeviceDetection/srcview/source/up.png.html b/TourDeFlex/TourDeFlex/src/objects/AIR20/MassStorageDeviceDetection/srcview/source/up.png.html
new file mode 100644
index 0000000..bc5ccd9
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR20/MassStorageDeviceDetection/srcview/source/up.png.html
@@ -0,0 +1,28 @@
+<!--
+  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.
+-->
+<!-- saved from url=(0014)about:internet -->
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"/>
+<title>up.png</title>
+</head>
+
+<body>
+<img src="up.png" border="0"/>
+</body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR20/Microphone/source/com/adobe/audio/format/WAVWriter.as.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR20/Microphone/source/com/adobe/audio/format/WAVWriter.as.html b/TourDeFlex/TourDeFlex/src/objects/AIR20/Microphone/source/com/adobe/audio/format/WAVWriter.as.html
new file mode 100644
index 0000000..9af6e87
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR20/Microphone/source/com/adobe/audio/format/WAVWriter.as.html
@@ -0,0 +1,16 @@
+<!--
+  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.
+-->

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR20/Microphone/source/sample-app.xml.txt
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR20/Microphone/source/sample-app.xml.txt b/TourDeFlex/TourDeFlex/src/objects/AIR20/Microphone/source/sample-app.xml.txt
new file mode 100755
index 0000000..21dad49
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR20/Microphone/source/sample-app.xml.txt
@@ -0,0 +1,153 @@
+<?xml version="1.0" encoding="utf-8" standalone="no"?>
+<!--
+
+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.
+
+-->
+<application xmlns="http://ns.adobe.com/air/application/2.0">
+
+<!-- Adobe AIR Application Descriptor File Template.
+
+	Specifies parameters for identifying, installing, and launching AIR applications.
+
+	xmlns - The Adobe AIR namespace: http://ns.adobe.com/air/application/2.0beta
+			The last segment of the namespace specifies the version 
+			of the AIR runtime required for this application to run.
+			
+	minimumPatchLevel - The minimum patch level of the AIR runtime required to run 
+			the application. Optional.
+-->
+
+	<!-- The application identifier string, unique to this application. Required. -->
+	<id>main</id>
+
+	<!-- Used as the filename for the application. Required. -->
+	<filename>main</filename>
+
+	<!-- The name that is displayed in the AIR application installer. 
+	     May have multiple values for each language. See samples or xsd schema file. Optional. -->
+	<name>main</name>
+
+	<!-- An application version designator (such as "v1", "2.5", or "Alpha 1"). Required. -->
+	<version>v1</version>
+
+	<!-- Description, displayed in the AIR application installer.
+	     May have multiple values for each language. See samples or xsd schema file. Optional. -->
+	<!-- <description></description> -->
+
+	<!-- Copyright information. Optional -->
+	<!-- <copyright></copyright> -->
+
+	<!-- Settings for the application's initial window. Required. -->
+	<initialWindow>
+		<!-- The main SWF or HTML file of the application. Required. -->
+		<!-- Note: In Flash Builder, the SWF reference is set automatically. -->
+		<content>[This value will be overwritten by Flash Builder in the output app.xml]</content>
+		
+		<!-- The title of the main window. Optional. -->
+		<!-- <title></title> -->
+
+		<!-- The type of system chrome to use (either "standard" or "none"). Optional. Default standard. -->
+		<!-- <systemChrome></systemChrome> -->
+
+		<!-- Whether the window is transparent. Only applicable when systemChrome is none. Optional. Default false. -->
+		<!-- <transparent></transparent> -->
+
+		<!-- Whether the window is initially visible. Optional. Default false. -->
+		<!-- <visible></visible> -->
+
+		<!-- Whether the user can minimize the window. Optional. Default true. -->
+		<!-- <minimizable></minimizable> -->
+
+		<!-- Whether the user can maximize the window. Optional. Default true. -->
+		<!-- <maximizable></maximizable> -->
+
+		<!-- Whether the user can resize the window. Optional. Default true. -->
+		<!-- <resizable></resizable> -->
+
+		<!-- The window's initial width. Optional. -->
+		<!-- <width></width> -->
+
+		<!-- The window's initial height. Optional. -->
+		<!-- <height></height> -->
+
+		<!-- The window's initial x position. Optional. -->
+		<!-- <x></x> -->
+
+		<!-- The window's initial y position. Optional. -->
+		<!-- <y></y> -->
+
+		<!-- The window's minimum size, specified as a width/height pair, such as "400 200". Optional. -->
+		<!-- <minSize></minSize> -->
+
+		<!-- The window's initial maximum size, specified as a width/height pair, such as "1600 1200". Optional. -->
+		<!-- <maxSize></maxSize> -->
+	</initialWindow>
+
+	<!-- The subpath of the standard default installation location to use. Optional. -->
+	<!-- <installFolder></installFolder> -->
+
+	<!-- The subpath of the Programs menu to use. (Ignored on operating systems without a Programs menu.) Optional. -->
+	<!-- <programMenuFolder></programMenuFolder> -->
+
+	<!-- The icon the system uses for the application. For at least one resolution,
+		 specify the path to a PNG file included in the AIR package. Optional. -->
+	<!-- <icon>
+		<image16x16></image16x16>
+		<image32x32></image32x32>
+		<image48x48></image48x48>
+		<image128x128></image128x128>
+	</icon> -->
+
+	<!-- Whether the application handles the update when a user double-clicks an update version
+	of the AIR file (true), or the default AIR application installer handles the update (false).
+	Optional. Default false. -->
+	<!-- <customUpdateUI></customUpdateUI> -->
+	
+	<!-- Whether the application can be launched when the user clicks a link in a web browser.
+	Optional. Default false. -->
+	<!-- <allowBrowserInvocation></allowBrowserInvocation> -->
+
+	<!-- Listing of file types for which the application can register. Optional. -->
+	<!-- <fileTypes> -->
+
+		<!-- Defines one file type. Optional. -->
+		<!-- <fileType> -->
+
+			<!-- The name that the system displays for the registered file type. Required. -->
+			<!-- <name></name> -->
+
+			<!-- The extension to register. Required. -->
+			<!-- <extension></extension> -->
+			
+			<!-- The description of the file type. Optional. -->
+			<!-- <description></description> -->
+			
+			<!-- The MIME content type. -->
+			<!-- <contentType></contentType> -->
+			
+			<!-- The icon to display for the file type. Optional. -->
+			<!-- <icon>
+				<image16x16></image16x16>
+				<image32x32></image32x32>
+				<image48x48></image48x48>
+				<image128x128></image128x128>
+			</icon> -->
+			
+		<!-- </fileType> -->
+	<!-- </fileTypes> -->
+
+</application>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR20/Microphone/source/sample.mxml.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR20/Microphone/source/sample.mxml.html b/TourDeFlex/TourDeFlex/src/objects/AIR20/Microphone/source/sample.mxml.html
new file mode 100644
index 0000000..82660fe
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR20/Microphone/source/sample.mxml.html
@@ -0,0 +1,202 @@
+<!--
+  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.
+-->
+<!-- saved from url=(0014)about:internet -->
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+<title>sample.mxml</title>
+<link rel="stylesheet" type="text/css" href="../SourceStyles.css"/>
+</head>
+
+<body><pre><span class="MXMLProcessing_Instruction">&lt;?xml version="1.0" encoding="utf-8"?&gt;</span>
+<span class="MXMLComponent_Tag">&lt;mx:Module</span><span class="MXMLDefault_Text"> xmlns:fx="</span><span class="MXMLString">http://ns.adobe.com/mxml/2009</span><span class="MXMLDefault_Text">" 
+                        xmlns:s="</span><span class="MXMLString">library://ns.adobe.com/flex/spark</span><span class="MXMLDefault_Text">" 
+                        xmlns:mx="</span><span class="MXMLString">library://ns.adobe.com/flex/mx</span><span class="MXMLDefault_Text">" 
+                        creationComplete="</span><span class="ActionScriptDefault_Text">init</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span><span class="MXMLDefault_Text">" </span><span class="MXMLComponent_Tag">&gt;</span>
+    
+    <span class="MXMLComment">&lt;!--</span><span class="MXMLComment"> LINK TO ARTICLE: http://www.adobe.com/devnet/air/flex/articles/using_mic_api.html </span><span class="MXMLComment">--&gt;</span>
+    <span class="MXMLSpecial_Tag">&lt;fx:Script&gt;</span>
+        &lt;![CDATA[
+            <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">com</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">adobe</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">audio</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">format</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">WAVWriter</span>;
+            
+            <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">flash</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">events</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">SampleDataEvent</span>;
+            <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">flash</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">media</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">Microphone</span>;
+            <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">flash</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">media</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">Sound</span>;
+            <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">flash</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">utils</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">ByteArray</span>;
+            
+            <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">mx</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">collections</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">ArrayCollection</span>;
+            
+            <span class="ActionScriptBracket/Brace">[</span><span class="ActionScriptMetadata">Bindable</span><span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptReserved">private</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">microphoneList</span>:<span class="ActionScriptDefault_Text">ArrayCollection</span>;
+            <span class="ActionScriptReserved">protected</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">microphone</span>:<span class="ActionScriptDefault_Text">Microphone</span>;
+            
+            <span class="ActionScriptBracket/Brace">[</span><span class="ActionScriptMetadata">Bindable</span><span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptReserved">protected</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">isRecording</span>:<span class="ActionScriptDefault_Text">Boolean</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">false</span>;
+            
+            <span class="ActionScriptBracket/Brace">[</span><span class="ActionScriptMetadata">Bindable</span><span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptReserved">protected</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">isPlaying</span>:<span class="ActionScriptDefault_Text">Boolean</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">false</span>;
+            
+            <span class="ActionScriptBracket/Brace">[</span><span class="ActionScriptMetadata">Bindable</span><span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptReserved">protected</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">soundData</span>:<span class="ActionScriptDefault_Text">ByteArray</span>;
+            <span class="ActionScriptReserved">protected</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">sound</span>:<span class="ActionScriptDefault_Text">Sound</span>;
+            <span class="ActionScriptReserved">protected</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">channel</span>:<span class="ActionScriptDefault_Text">SoundChannel</span>;
+            
+            <span class="ActionScriptReserved">protected</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">init</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
+            <span class="ActionScriptBracket/Brace">{</span>
+                <span class="ActionScriptDefault_Text">microphoneList</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">ArrayCollection</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">Microphone</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">names</span><span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptDefault_Text">cbMicChoices</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">selectedIndex</span><span class="ActionScriptOperator">=</span>0;
+            <span class="ActionScriptBracket/Brace">}</span>
+            
+            <span class="ActionScriptReserved">protected</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">startRecording</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
+            <span class="ActionScriptBracket/Brace">{</span>
+                <span class="ActionScriptDefault_Text">isRecording</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">true</span>;
+                <span class="ActionScriptDefault_Text">microphone</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">Microphone</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">getMicrophone</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">cbMicChoices</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">selectedIndex</span><span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptDefault_Text">microphone</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">rate</span> <span class="ActionScriptOperator">=</span> 44;
+                <span class="ActionScriptDefault_Text">microphone</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">gain</span> <span class="ActionScriptOperator">=</span> 100;
+                <span class="ActionScriptDefault_Text">soundData</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">ByteArray</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScripttrace">trace</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">"Recording"</span><span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptDefault_Text">microphone</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">addEventListener</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">SampleDataEvent</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">SAMPLE_DATA</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">onSampleDataReceived</span><span class="ActionScriptBracket/Brace">)</span>;
+            
+            <span class="ActionScriptBracket/Brace">}</span>
+            
+            <span class="ActionScriptReserved">protected</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">stopRecording</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
+            <span class="ActionScriptBracket/Brace">{</span>
+                <span class="ActionScriptDefault_Text">isRecording</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">false</span>;
+                <span class="ActionScripttrace">trace</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">"Stopped recording"</span><span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptDefault_Text">microphone</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">removeEventListener</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">SampleDataEvent</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">SAMPLE_DATA</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">onSampleDataReceived</span><span class="ActionScriptBracket/Brace">)</span>;
+            <span class="ActionScriptBracket/Brace">}</span>
+            
+            <span class="ActionScriptReserved">private</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">onSampleDataReceived</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">event</span>:<span class="ActionScriptDefault_Text">SampleDataEvent</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
+            <span class="ActionScriptBracket/Brace">{</span>
+                <span class="ActionScriptReserved">while</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">event</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">data</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">bytesAvailable</span><span class="ActionScriptBracket/Brace">)</span>
+                <span class="ActionScriptBracket/Brace">{</span>
+                    <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">sample</span>:<span class="ActionScriptDefault_Text">Number</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">event</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">data</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">readFloat</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
+                    <span class="ActionScriptDefault_Text">soundData</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">writeFloat</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">sample</span><span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptBracket/Brace">}</span>
+            <span class="ActionScriptBracket/Brace">}</span>
+            
+            <span class="ActionScriptReserved">protected</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">soundCompleteHandler</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">event</span>:<span class="ActionScriptDefault_Text">Event</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
+            <span class="ActionScriptBracket/Brace">{</span>
+                <span class="ActionScriptDefault_Text">isPlaying</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">false</span>;
+            <span class="ActionScriptBracket/Brace">}</span>
+            
+            <span class="ActionScriptReserved">protected</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">startPlaying</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
+            <span class="ActionScriptBracket/Brace">{</span>
+                <span class="ActionScriptDefault_Text">isPlaying</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">true</span>
+                <span class="ActionScriptDefault_Text">soundData</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">position</span> <span class="ActionScriptOperator">=</span> 0;
+                <span class="ActionScriptDefault_Text">sound</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">Sound</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptDefault_Text">sound</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">addEventListener</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">SampleDataEvent</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">SAMPLE_DATA</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">sound_sampleDataHandler</span><span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptDefault_Text">channel</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">sound</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">play</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptDefault_Text">channel</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">addEventListener</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">Event</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">SOUND_COMPLETE</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">soundCompleteHandler</span><span class="ActionScriptBracket/Brace">)</span>;    
+            <span class="ActionScriptBracket/Brace">}</span>
+            
+            <span class="ActionScriptReserved">protected</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">sound_sampleDataHandler</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">event</span>:<span class="ActionScriptDefault_Text">SampleDataEvent</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
+            <span class="ActionScriptBracket/Brace">{</span>
+                <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptOperator">!</span><span class="ActionScriptDefault_Text">soundData</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">bytesAvailable</span> <span class="ActionScriptOperator">&gt;</span> 0<span class="ActionScriptBracket/Brace">)</span>
+                <span class="ActionScriptBracket/Brace">{</span>
+                    <span class="ActionScriptReserved">return</span>;
+                <span class="ActionScriptBracket/Brace">}</span>
+                
+                <span class="ActionScriptReserved">for</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">i</span>:<span class="ActionScriptDefault_Text">int</span> <span class="ActionScriptOperator">=</span> 0; <span class="ActionScriptDefault_Text">i</span> <span class="ActionScriptOperator">&lt;</span> 8192; <span class="ActionScriptDefault_Text">i</span><span class="ActionScriptOperator">++</span><span class="ActionScriptBracket/Brace">)</span>
+                <span class="ActionScriptBracket/Brace">{</span>
+                    <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">sample</span>:<span class="ActionScriptDefault_Text">Number</span> <span class="ActionScriptOperator">=</span> 0;
+                    
+                    <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">soundData</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">bytesAvailable</span> <span class="ActionScriptOperator">&gt;</span> 0<span class="ActionScriptBracket/Brace">)</span>
+                    <span class="ActionScriptBracket/Brace">{</span>
+                        <span class="ActionScriptDefault_Text">sample</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">soundData</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">readFloat</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
+                    <span class="ActionScriptBracket/Brace">}</span>
+                    <span class="ActionScriptDefault_Text">event</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">data</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">writeFloat</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">sample</span><span class="ActionScriptBracket/Brace">)</span>; 
+                    <span class="ActionScriptDefault_Text">event</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">data</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">writeFloat</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">sample</span><span class="ActionScriptBracket/Brace">)</span>;  
+                <span class="ActionScriptBracket/Brace">}</span>
+                
+            <span class="ActionScriptBracket/Brace">}</span>
+            
+            <span class="ActionScriptReserved">protected</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">stopPlaying</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
+            <span class="ActionScriptBracket/Brace">{</span>
+                <span class="ActionScriptDefault_Text">channel</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">stop</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptDefault_Text">isPlaying</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">false</span>;
+            <span class="ActionScriptBracket/Brace">}</span>
+            <span class="ActionScriptReserved">protected</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">save</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
+            <span class="ActionScriptBracket/Brace">{</span>
+                <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">docsDir</span>:<span class="ActionScriptDefault_Text">File</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">File</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">documentsDirectory</span>;
+                <span class="ActionScriptReserved">try</span>
+                <span class="ActionScriptBracket/Brace">{</span>
+                    <span class="ActionScriptDefault_Text">docsDir</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">browseForSave</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">"Save As"</span><span class="ActionScriptBracket/Brace">)</span>;
+                    <span class="ActionScriptDefault_Text">docsDir</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">addEventListener</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">Event</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">SELECT</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">saveFile</span><span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptBracket/Brace">}</span>
+                <span class="ActionScriptReserved">catch</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">error</span>:<span class="ActionScriptDefault_Text">Error</span><span class="ActionScriptBracket/Brace">)</span>
+                <span class="ActionScriptBracket/Brace">{</span>
+                    <span class="ActionScripttrace">trace</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">"Save failed:"</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">error</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">message</span><span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptBracket/Brace">}</span>
+
+
+            <span class="ActionScriptBracket/Brace">}</span>
+            <span class="ActionScriptReserved">protected</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">saveFile</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">event</span>:<span class="ActionScriptDefault_Text">Event</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
+            <span class="ActionScriptBracket/Brace">{</span>
+                <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">outputStream</span>:<span class="ActionScriptDefault_Text">FileStream</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">FileStream</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">wavWriter</span>:<span class="ActionScriptDefault_Text">WAVWriter</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">WAVWriter</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">newFile</span>:<span class="ActionScriptDefault_Text">File</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">event</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">target</span> <span class="ActionScriptReserved">as</span> <span class="ActionScriptDefault_Text">File</span>;
+                
+                <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptOperator">!</span><span class="ActionScriptDefault_Text">newFile</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">exists</span><span class="ActionScriptBracket/Brace">)</span>
+                <span class="ActionScriptBracket/Brace">{</span>
+                    <span class="ActionScriptDefault_Text">soundData</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">position</span> <span class="ActionScriptOperator">=</span> 0;  <span class="ActionScriptComment">// rewind to the beginning of the sample
+</span>                    
+                    <span class="ActionScriptDefault_Text">wavWriter</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">numOfChannels</span> <span class="ActionScriptOperator">=</span> 1; <span class="ActionScriptComment">// set the inital properties of the Wave Writer
+</span>                    <span class="ActionScriptDefault_Text">wavWriter</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">sampleBitRate</span> <span class="ActionScriptOperator">=</span> 16;
+                    <span class="ActionScriptDefault_Text">wavWriter</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">samplingRate</span> <span class="ActionScriptOperator">=</span> 44100;
+                    <span class="ActionScriptDefault_Text">outputStream</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">open</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">newFile</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">FileMode</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">WRITE</span><span class="ActionScriptBracket/Brace">)</span>;  <span class="ActionScriptComment">//write out our file to disk.
+</span>                    <span class="ActionScriptDefault_Text">wavWriter</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">processSamples</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">outputStream</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">soundData</span><span class="ActionScriptOperator">,</span> 44100<span class="ActionScriptOperator">,</span> 1<span class="ActionScriptBracket/Brace">)</span>; <span class="ActionScriptComment">// convert our ByteArray to a WAV file.
+</span>                    <span class="ActionScriptDefault_Text">outputStream</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">close</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptBracket/Brace">}</span>
+            <span class="ActionScriptBracket/Brace">}</span>
+            
+            <span class="ActionScriptReserved">protected</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">toggleRecording</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
+            <span class="ActionScriptBracket/Brace">{</span>
+                <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">isRecording</span><span class="ActionScriptBracket/Brace">)</span>
+                <span class="ActionScriptBracket/Brace">{</span>
+                    <span class="ActionScriptDefault_Text">isRecording</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">false</span>;
+                    <span class="ActionScriptDefault_Text">btnRecord</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">label</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptString">"Record"</span>;
+                    <span class="ActionScriptDefault_Text">stopRecording</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptBracket/Brace">}</span>
+                <span class="ActionScriptReserved">else</span>
+                <span class="ActionScriptBracket/Brace">{</span>
+                    <span class="ActionScriptDefault_Text">isRecording</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">true</span>;
+                    <span class="ActionScriptDefault_Text">btnRecord</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">label</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptString">"Stop Recording"</span>;
+                    <span class="ActionScriptDefault_Text">startRecording</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptBracket/Brace">}</span>
+            <span class="ActionScriptBracket/Brace">}</span>
+            
+        <span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptOperator">&gt;</span>
+    <span class="MXMLSpecial_Tag">&lt;/fx:Script&gt;</span>
+    
+    <span class="MXMLComponent_Tag">&lt;s:Panel</span><span class="MXMLDefault_Text"> skinClass="</span><span class="MXMLString">skins.TDFPanelSkin</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" height="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" title="</span><span class="MXMLString">Microphone Support</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;s:Label</span><span class="MXMLDefault_Text"> left="</span><span class="MXMLString">5</span><span class="MXMLDefault_Text">" top="</span><span class="MXMLString">7</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">440</span><span class="MXMLDefault_Text">" verticalAlign="</span><span class="MXMLString">justify</span><span class="MXMLDefault_Text">" color="</span><span class="MXMLString">#323232</span><span class="MXMLDefault_Text">" 
+                 text="</span><span class="MXMLString">The new Microphone support allows you to record audio such as voice memo's using a built-in or external mic. The Microphone.names
+property will return the list of all available sound input devices found (see init method in code):</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;s:VGroup</span><span class="MXMLDefault_Text"> top="</span><span class="MXMLString">70</span><span class="MXMLDefault_Text">" horizontalAlign="</span><span class="MXMLString">center</span><span class="MXMLDefault_Text">" horizontalCenter="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;s:Label</span><span class="MXMLDefault_Text"> text="</span><span class="MXMLString">Select the microphone input device to use:</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;s:ComboBox</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">cbMicChoices</span><span class="MXMLDefault_Text">" dataProvider="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">microphoneList</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">" selectedIndex="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;/s:VGroup&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;s:VGroup</span><span class="MXMLDefault_Text"> top="</span><span class="MXMLString">130</span><span class="MXMLDefault_Text">" horizontalCenter="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;s:Label</span><span class="MXMLDefault_Text"> text="</span><span class="MXMLString">Start recording audio by clicking the Record button:</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;s:HGroup</span><span class="MXMLDefault_Text"> horizontalCenter="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">" verticalAlign="</span><span class="MXMLString">middle</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+                <span class="MXMLComponent_Tag">&lt;s:Button</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">btnRecord</span><span class="MXMLDefault_Text">" label="</span><span class="MXMLString">Record</span><span class="MXMLDefault_Text">" click="</span><span class="ActionScriptDefault_Text">toggleRecording</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span><span class="MXMLDefault_Text">" enabled="</span><span class="MXMLString">{</span><span class="ActionScriptOperator">!</span><span class="ActionScriptDefault_Text">isPlaying</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+                <span class="MXMLComponent_Tag">&lt;s:Button</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">btnPlay</span><span class="MXMLDefault_Text">" label="</span><span class="MXMLString">Play</span><span class="MXMLDefault_Text">" click="</span><span class="ActionScriptDefault_Text">startPlaying</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span><span class="MXMLDefault_Text">" enabled="</span><span class="MXMLString">{</span><span class="ActionScriptOperator">!</span><span class="ActionScriptDefault_Text">isRecording</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+                <span class="MXMLComponent_Tag">&lt;s:Button</span><span class="MXMLDefault_Text"> label="</span><span class="MXMLString">Save Audio Clip</span><span class="MXMLDefault_Text">" click="</span><span class="ActionScriptDefault_Text">save</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span><span class="MXMLDefault_Text">"  horizontalCenter="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;/s:HGroup&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;/s:VGroup&gt;</span>
+    <span class="MXMLComponent_Tag">&lt;/s:Panel&gt;</span>
+    
+<span class="MXMLComponent_Tag">&lt;/mx:Module&gt;</span></pre></body>
+</html>


[38/51] [partial] Merged TourDeFlex release from develop

Posted by jm...@apache.org.
http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR/HOWTO/NativeMenus/NativeMenus.mxml.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR/HOWTO/NativeMenus/NativeMenus.mxml.html b/TourDeFlex/TourDeFlex/src/objects/AIR/HOWTO/NativeMenus/NativeMenus.mxml.html
new file mode 100644
index 0000000..403abae
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR/HOWTO/NativeMenus/NativeMenus.mxml.html
@@ -0,0 +1,158 @@
+<!--
+  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.
+-->
+<!-- saved from url=(0014)about:internet -->
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+<title>NativeMenus.mxml</title>
+<link rel="stylesheet" type="text/css" href="../SourceStyles.css"/>
+</head>
+
+<body><pre><span class="MXMLProcessing_Instruction">&lt;?xml version="1.0" encoding="utf-8"?&gt;</span>
+<span class="MXMLComponent_Tag">&lt;s:WindowedApplication</span><span class="MXMLDefault_Text"> xmlns:fx="</span><span class="MXMLString">http://ns.adobe.com/mxml/2009</span><span class="MXMLDefault_Text">" xmlns:s="</span><span class="MXMLString">library://ns.adobe.com/flex/spark</span><span class="MXMLDefault_Text">" 
+                       backgroundColor="</span><span class="MXMLString">0x323232</span><span class="MXMLDefault_Text">" xmlns:mx="</span><span class="MXMLString">library://ns.adobe.com/flex/mx</span><span class="MXMLDefault_Text">" height="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" 
+                       remove="</span><span class="ActionScriptDefault_Text">revertMenus</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+
+    <span class="MXMLSpecial_Tag">&lt;fx:Script&gt;</span>
+    
+        &lt;![CDATA[
+            <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">mx</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">controls</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">Alert</span>;
+            
+            <span class="ActionScriptComment">// Preserve the original menus for the purposes of this demo (MacOS)
+</span>            <span class="ActionScriptReserved">private</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">oldMenu</span>:<span class="ActionScriptDefault_Text">NativeMenu</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">NativeApplication</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">nativeApplication</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">menu</span>;
+            <span class="ActionScriptReserved">private</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">newWindow</span>:<span class="ActionScriptDefault_Text">NativeWindow</span>;
+            
+            <span class="ActionScriptReserved">private</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">showMenus</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
+            <span class="ActionScriptBracket/Brace">{</span>
+                <span class="ActionScriptComment">//For Windows
+</span>                <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">NativeWindow</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">supportsMenu</span><span class="ActionScriptBracket/Brace">)</span>
+                <span class="ActionScriptBracket/Brace">{</span>
+                    <span class="ActionScriptComment">// On Windows, we need to create a window so we can add a menu (Tour de Flex has no Chrome)
+</span>                    <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">options</span>:<span class="ActionScriptDefault_Text">NativeWindowInitOptions</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">NativeWindowInitOptions</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>; 
+                    <span class="ActionScriptDefault_Text">options</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">systemChrome</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">NativeWindowSystemChrome</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">STANDARD</span>; 
+                    <span class="ActionScriptDefault_Text">options</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">transparent</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">false</span>; 
+                    <span class="ActionScriptDefault_Text">newWindow</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">NativeWindow</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">options</span><span class="ActionScriptBracket/Brace">)</span>; 
+                    <span class="ActionScriptDefault_Text">newWindow</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">width</span> <span class="ActionScriptOperator">=</span> 500; 
+                    <span class="ActionScriptDefault_Text">newWindow</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">height</span> <span class="ActionScriptOperator">=</span> 100; 
+                    <span class="ActionScriptDefault_Text">newWindow</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">title</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptString">"Demonstration of Native Menus for Windows applications"</span>;
+                    <span class="ActionScriptDefault_Text">newWindow</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">menu</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">createMenu</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
+                    <span class="ActionScriptDefault_Text">newWindow</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">alwaysInFront</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">true</span>; 
+                    <span class="ActionScriptDefault_Text">newWindow</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">activate</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;    
+                    
+                    <span class="ActionScriptDefault_Text">msg</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptString">"Window Menu (Windows) - A NativeWindow has been created to demonstrate the menu"</span>;
+                <span class="ActionScriptBracket/Brace">}</span>
+                
+                <span class="ActionScriptComment">// On MacOS, replace the current app menu with our new menu
+</span>                <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">NativeApplication</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">supportsMenu</span><span class="ActionScriptBracket/Brace">)</span>
+                <span class="ActionScriptBracket/Brace">{</span>
+                    <span class="ActionScriptComment">// In 
+</span>                    <span class="ActionScriptDefault_Text">NativeApplication</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">nativeApplication</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">menu</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">createMenu</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
+                    <span class="ActionScriptDefault_Text">msg</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptString">"Application Menu (MacOS) - The Application menu has been replaced with demo menu"</span>;
+                <span class="ActionScriptBracket/Brace">}</span>
+            <span class="ActionScriptBracket/Brace">}</span>
+        
+            <span class="ActionScriptReserved">private</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">createMenu</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptDefault_Text">NativeMenu</span>
+            <span class="ActionScriptBracket/Brace">{</span>
+                <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">menu</span>:<span class="ActionScriptDefault_Text">NativeMenu</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">NativeMenu</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">menuItem1</span>:<span class="ActionScriptDefault_Text">NativeMenuItem</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">NativeMenuItem</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">"Takeoff"</span><span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptDefault_Text">menuItem1</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">submenu</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">createTakeoffMenu</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptDefault_Text">menuItem1</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">addEventListener</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">Event</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">SELECT</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">selectHandler</span><span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptDefault_Text">menu</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">addItem</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">menuItem1</span><span class="ActionScriptBracket/Brace">)</span>;
+                
+                <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">menuItem2</span>:<span class="ActionScriptDefault_Text">NativeMenuItem</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">NativeMenuItem</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">"Landing"</span><span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptDefault_Text">menuItem2</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">submenu</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">createLandingMenu</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptDefault_Text">menuItem2</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">addEventListener</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">Event</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">SELECT</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">selectHandler</span><span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptDefault_Text">menu</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">addItem</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">menuItem2</span><span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptReserved">return</span> <span class="ActionScriptDefault_Text">menu</span>;
+            <span class="ActionScriptBracket/Brace">}</span>
+            
+            <span class="ActionScriptReserved">private</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">createTakeoffMenu</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptDefault_Text">NativeMenu</span>
+            <span class="ActionScriptBracket/Brace">{</span>
+                <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">menu</span>:<span class="ActionScriptDefault_Text">NativeMenu</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">NativeMenu</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">takeoffItem1</span>:<span class="ActionScriptDefault_Text">NativeMenuItem</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">NativeMenuItem</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">"Gear Up"</span><span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptDefault_Text">takeoffItem1</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">checked</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">true</span>;
+                <span class="ActionScriptDefault_Text">takeoffItem1</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">addEventListener</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">Event</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">SELECT</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">selectHandler</span><span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptDefault_Text">menu</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">addItem</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">takeoffItem1</span><span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">takeoffItem2</span>:<span class="ActionScriptDefault_Text">NativeMenuItem</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">NativeMenuItem</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">"Retract Flaps"</span><span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptDefault_Text">takeoffItem2</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">checked</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">true</span>;
+                <span class="ActionScriptDefault_Text">takeoffItem2</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">addEventListener</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">Event</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">SELECT</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">selectHandler</span><span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptDefault_Text">menu</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">addItem</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">takeoffItem2</span><span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptReserved">return</span> <span class="ActionScriptDefault_Text">menu</span>;
+            <span class="ActionScriptBracket/Brace">}</span>
+            
+            <span class="ActionScriptReserved">private</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">createLandingMenu</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptDefault_Text">NativeMenu</span>
+            <span class="ActionScriptBracket/Brace">{</span>
+                <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">menu</span>:<span class="ActionScriptDefault_Text">NativeMenu</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">NativeMenu</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">landingItem1</span>:<span class="ActionScriptDefault_Text">NativeMenuItem</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">NativeMenuItem</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">"Gear Down"</span><span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptDefault_Text">landingItem1</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">addEventListener</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">Event</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">SELECT</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">selectHandler</span><span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptDefault_Text">menu</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">addItem</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">landingItem1</span><span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">landingItem2</span>:<span class="ActionScriptDefault_Text">NativeMenuItem</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">NativeMenuItem</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">"Extend Flaps"</span><span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptDefault_Text">landingItem2</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">addEventListener</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">Event</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">SELECT</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">selectHandler</span><span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptDefault_Text">menu</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">addItem</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">landingItem2</span><span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">landingItem3</span>:<span class="ActionScriptDefault_Text">NativeMenuItem</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">NativeMenuItem</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">"Shutdown"</span><span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptDefault_Text">landingItem3</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">addEventListener</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">Event</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">SELECT</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">selectHandler</span><span class="ActionScriptBracket/Brace">)</span>;
+                
+                <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">shutdownMenu</span>:<span class="ActionScriptDefault_Text">NativeMenu</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">NativeMenu</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
+                
+                
+                <span class="ActionScriptComment">// Create submenu
+</span>                <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">shutdownItem1</span>:<span class="ActionScriptDefault_Text">NativeMenuItem</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">NativeMenuItem</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">"Turn off avionics"</span><span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptDefault_Text">shutdownItem1</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">addEventListener</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">Event</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">SELECT</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">selectHandler</span><span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptDefault_Text">shutdownMenu</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">addItem</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">shutdownItem1</span><span class="ActionScriptBracket/Brace">)</span>;
+                
+                <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">shutdownItem2</span>:<span class="ActionScriptDefault_Text">NativeMenuItem</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">NativeMenuItem</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">"Pull Mixture"</span><span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptDefault_Text">shutdownItem2</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">addEventListener</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">Event</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">SELECT</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">selectHandler</span><span class="ActionScriptBracket/Brace">)</span>;                
+                <span class="ActionScriptDefault_Text">shutdownMenu</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">addItem</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">shutdownItem2</span><span class="ActionScriptBracket/Brace">)</span>;            
+                    
+                <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">shutdownItem3</span>:<span class="ActionScriptDefault_Text">NativeMenuItem</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">NativeMenuItem</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">"Turn off Mags"</span><span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptDefault_Text">shutdownItem3</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">addEventListener</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">Event</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">SELECT</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">selectHandler</span><span class="ActionScriptBracket/Brace">)</span>;                
+                <span class="ActionScriptDefault_Text">shutdownMenu</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">addItem</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">shutdownItem3</span><span class="ActionScriptBracket/Brace">)</span>;
+                
+                <span class="ActionScriptComment">// Add submenu to parent menu
+</span>                <span class="ActionScriptDefault_Text">landingItem3</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">submenu</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">shutdownMenu</span>;
+                                                                
+                <span class="ActionScriptDefault_Text">menu</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">addItem</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">landingItem3</span><span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptReserved">return</span> <span class="ActionScriptDefault_Text">menu</span>;
+            <span class="ActionScriptBracket/Brace">}</span>
+
+
+            <span class="ActionScriptReserved">private</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">selectHandler</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">event</span>:<span class="ActionScriptDefault_Text">Event</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span> 
+            <span class="ActionScriptBracket/Brace">{</span>
+                <span class="ActionScriptComment">// Put code here to handle the selection
+</span>                <span class="ActionScriptDefault_Text">Alert</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">show</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">event</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">target</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">label</span><span class="ActionScriptBracket/Brace">)</span>;
+            <span class="ActionScriptBracket/Brace">}</span>
+            
+            <span class="ActionScriptComment">// Cleanup when we leave
+</span>            <span class="ActionScriptReserved">private</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">revertMenus</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span> <span class="ActionScriptBracket/Brace">{</span>
+                <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">NativeApplication</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">supportsMenu</span><span class="ActionScriptBracket/Brace">)</span> <span class="ActionScriptBracket/Brace">{</span>
+                    <span class="ActionScriptDefault_Text">NativeApplication</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">nativeApplication</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">menu</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">oldMenu</span>;
+                <span class="ActionScriptBracket/Brace">}</span>
+                <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">NativeWindow</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">supportsMenu</span><span class="ActionScriptBracket/Brace">)</span> <span class="ActionScriptBracket/Brace">{</span>
+                    <span class="ActionScriptDefault_Text">newWindow</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">close</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptBracket/Brace">}</span>
+            <span class="ActionScriptBracket/Brace">}</span>
+        <span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptOperator">&gt;</span>
+    <span class="MXMLSpecial_Tag">&lt;/fx:Script&gt;</span>
+    <span class="MXMLComponent_Tag">&lt;s:VGroup</span><span class="MXMLDefault_Text"> horizontalCenter="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">" top="</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;s:Label</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">msg</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" color="</span><span class="MXMLString">#FFFFFF</span><span class="MXMLDefault_Text">" textAlign="</span><span class="MXMLString">center</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;s:Button</span><span class="MXMLDefault_Text"> label="</span><span class="MXMLString">Show Menus</span><span class="MXMLDefault_Text">" click="</span><span class="ActionScriptDefault_Text">showMenus</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;s:Button</span><span class="MXMLDefault_Text"> label="</span><span class="MXMLString">Reset</span><span class="MXMLDefault_Text">" click="</span><span class="ActionScriptDefault_Text">revertMenus</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>    
+    <span class="MXMLComponent_Tag">&lt;/s:VGroup&gt;</span>
+    
+<span class="MXMLComponent_Tag">&lt;/s:WindowedApplication&gt;</span></pre></body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR/HOWTO/NativeMenus/readme.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR/HOWTO/NativeMenus/readme.html b/TourDeFlex/TourDeFlex/src/objects/AIR/HOWTO/NativeMenus/readme.html
new file mode 100644
index 0000000..8be8de8
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR/HOWTO/NativeMenus/readme.html
@@ -0,0 +1,24 @@
+<!--
+  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.
+-->
+<h3>Adobe AIR - Native Menus</H3>
+Resources:
+<UL>
+<LI><A HREF="http://help.adobe.com/en_US/AIR/1.1/devappsflex/WS5b3ccc516d4fbf351e63e3d118676a48d0-8000.html">Working with native menus - AIR Help</A>
+<LI><A HREF="http://livedocs.adobe.com/flex/3/langref/flash/display/NativeMenu.html">Adobe Flex 3 Language Reference - NativeMenu</A>
+<LI><A HREF="http://livedocs.adobe.com/flex/3/langref/flash/display/NativeMenuItem.html">Adobe Flex 3 Language Reference - NativeMenuItem</A>
+</UL>
+

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR/HOWTO/NativeMenus/screenshots.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR/HOWTO/NativeMenus/screenshots.html b/TourDeFlex/TourDeFlex/src/objects/AIR/HOWTO/NativeMenus/screenshots.html
new file mode 100644
index 0000000..0138894
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR/HOWTO/NativeMenus/screenshots.html
@@ -0,0 +1,22 @@
+<!--
+  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.
+-->
+<HTML>
+<HEAD></HEAD>
+<BODY BGCOLOR="#323232">
+<IMG ALIGN="CENTER" SRC="screenshots.png">
+</BODY>
+</HTML>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR/HOWTO/NativeMenus/screenshots.png
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR/HOWTO/NativeMenus/screenshots.png b/TourDeFlex/TourDeFlex/src/objects/AIR/HOWTO/NativeMenus/screenshots.png
new file mode 100644
index 0000000..c22f9c0
Binary files /dev/null and b/TourDeFlex/TourDeFlex/src/objects/AIR/HOWTO/NativeMenus/screenshots.png differ

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR/HOWTO/NativeWindows/main.mxml.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR/HOWTO/NativeWindows/main.mxml.html b/TourDeFlex/TourDeFlex/src/objects/AIR/HOWTO/NativeWindows/main.mxml.html
new file mode 100644
index 0000000..acfae5b
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR/HOWTO/NativeWindows/main.mxml.html
@@ -0,0 +1,89 @@
+<!--
+  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.
+-->
+<!-- saved from url=(0014)about:internet -->
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+<title>main.mxml</title>
+<link rel="stylesheet" type="text/css" href="../SourceStyles.css"/>
+</head>
+
+<body><pre><span class="MXMLProcessing_Instruction">&lt;?xml version="1.0" encoding="utf-8"?&gt;</span>
+<span class="MXMLComponent_Tag">&lt;s:WindowedApplication</span><span class="MXMLDefault_Text"> xmlns:fx="</span><span class="MXMLString">http://ns.adobe.com/mxml/2009</span><span class="MXMLDefault_Text">" xmlns:s="</span><span class="MXMLString">library://ns.adobe.com/flex/spark</span><span class="MXMLDefault_Text">" 
+                        backgroundColor="</span><span class="MXMLString">0x323232</span><span class="MXMLDefault_Text">" xmlns:mx="</span><span class="MXMLString">library://ns.adobe.com/flex/mx</span><span class="MXMLDefault_Text">"  remove="</span><span class="ActionScriptDefault_Text">newWindow</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">close</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+    <span class="MXMLSpecial_Tag">&lt;fx:Script&gt;</span>
+        &lt;![CDATA[
+        
+        <span class="ActionScriptReserved">private</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">newWindow</span>:<span class="ActionScriptDefault_Text">MyNativeWindow</span>;
+    
+        <span class="ActionScriptReserved">private</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">openNewWindow</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span> <span class="ActionScriptBracket/Brace">{</span>
+            <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">newWindow</span> <span class="ActionScriptOperator">!=</span> <span class="ActionScriptReserved">null</span><span class="ActionScriptBracket/Brace">)</span> <span class="ActionScriptDefault_Text">newWindow</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">close</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
+            <span class="ActionScriptDefault_Text">newWindow</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">MyNativeWindow</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
+            <span class="ActionScriptDefault_Text">newWindow</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">width</span> <span class="ActionScriptOperator">=</span> 200;
+            <span class="ActionScriptDefault_Text">newWindow</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">height</span> <span class="ActionScriptOperator">=</span> 200;
+            <span class="ActionScriptDefault_Text">newWindow</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">type</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">windowTypeOption</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">selectedItem</span> <span class="ActionScriptReserved">as</span> <span class="ActionScriptDefault_Text">String</span>;
+            <span class="ActionScriptDefault_Text">newWindow</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">systemChrome</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">systemChromeOption</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">selectedItem</span> <span class="ActionScriptReserved">as</span> <span class="ActionScriptDefault_Text">String</span>;
+            <span class="ActionScriptDefault_Text">newWindow</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">transparent</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">transparentOption</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">selectedItem</span> <span class="ActionScriptReserved">as</span> <span class="ActionScriptDefault_Text">Boolean</span>;
+            <span class="ActionScriptDefault_Text">newWindow</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">setStyle</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">"showFlexChrome"</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">flexChromeOption</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">selectedItem</span> <span class="ActionScriptReserved">as</span> <span class="ActionScriptDefault_Text">Boolean</span><span class="ActionScriptBracket/Brace">)</span>;
+            <span class="ActionScriptReserved">try</span> <span class="ActionScriptBracket/Brace">{</span>
+                <span class="ActionScriptDefault_Text">openError</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptString">""</span>;
+                <span class="ActionScriptDefault_Text">newWindow</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">open</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
+            <span class="ActionScriptBracket/Brace">}</span> <span class="ActionScriptReserved">catch</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">err</span>:<span class="ActionScriptDefault_Text">Error</span><span class="ActionScriptBracket/Brace">)</span> <span class="ActionScriptBracket/Brace">{</span>
+                <span class="ActionScriptDefault_Text">openError</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">err</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">message</span>;
+            <span class="ActionScriptBracket/Brace">}</span>
+        <span class="ActionScriptBracket/Brace">}</span>
+     
+        <span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptOperator">&gt;</span>
+    <span class="MXMLSpecial_Tag">&lt;/fx:Script&gt;</span>    
+    
+    
+    <span class="MXMLSpecial_Tag">&lt;fx:Declarations&gt;</span>
+        <span class="MXMLSpecial_Tag">&lt;fx:Component</span><span class="MXMLDefault_Text"> className="</span><span class="MXMLString">MyNativeWindow</span><span class="MXMLDefault_Text">"</span><span class="MXMLSpecial_Tag">&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;mx:Window</span><span class="MXMLDefault_Text"> horizontalAlign="</span><span class="MXMLString">center</span><span class="MXMLDefault_Text">" verticalAlign="</span><span class="MXMLString">middle</span><span class="MXMLDefault_Text">" backgroundColor="</span><span class="MXMLString">blue</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+                <span class="MXMLComponent_Tag">&lt;mx:Button</span><span class="MXMLDefault_Text"> label="</span><span class="MXMLString">close</span><span class="MXMLDefault_Text">" click="</span><span class="ActionScriptReserved">this</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">close</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;/mx:Window&gt;</span>
+        <span class="MXMLSpecial_Tag">&lt;/fx:Component&gt;</span>    
+    <span class="MXMLSpecial_Tag">&lt;/fx:Declarations&gt;</span>
+    
+
+    <span class="MXMLComponent_Tag">&lt;s:VGroup</span><span class="MXMLDefault_Text"> horizontalCenter="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">" top="</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;mx:Form&gt;</span>    
+        <span class="MXMLComponent_Tag">&lt;mx:FormItem</span><span class="MXMLDefault_Text"> label="</span><span class="MXMLString">Window Type</span><span class="MXMLDefault_Text">" color="</span><span class="MXMLString">white</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;mx:ComboBox</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">windowTypeOption</span><span class="MXMLDefault_Text">" dataProvider="</span><span class="MXMLString">['normal','utility','lightweight']</span><span class="MXMLDefault_Text">" color="</span><span class="MXMLString">black</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;/mx:FormItem&gt;</span>
+        
+        <span class="MXMLComponent_Tag">&lt;mx:FormItem</span><span class="MXMLDefault_Text"> label="</span><span class="MXMLString">System Chrome</span><span class="MXMLDefault_Text">" color="</span><span class="MXMLString">white</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;mx:ComboBox</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">systemChromeOption</span><span class="MXMLDefault_Text">" dataProvider="</span><span class="MXMLString">['standard','none']</span><span class="MXMLDefault_Text">" color="</span><span class="MXMLString">black</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;/mx:FormItem&gt;</span>
+        
+        <span class="MXMLComponent_Tag">&lt;mx:FormItem</span><span class="MXMLDefault_Text"> label="</span><span class="MXMLString">Transparent</span><span class="MXMLDefault_Text">" color="</span><span class="MXMLString">white</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;mx:ComboBox</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">transparentOption</span><span class="MXMLDefault_Text">" dataProvider="</span><span class="MXMLString">[false,true]</span><span class="MXMLDefault_Text">" color="</span><span class="MXMLString">black</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;/mx:FormItem&gt;</span>
+    
+        <span class="MXMLComponent_Tag">&lt;mx:FormItem</span><span class="MXMLDefault_Text"> label="</span><span class="MXMLString">Flex Chrome</span><span class="MXMLDefault_Text">" color="</span><span class="MXMLString">white</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;mx:ComboBox</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">flexChromeOption</span><span class="MXMLDefault_Text">" dataProvider="</span><span class="MXMLString">[false,true]</span><span class="MXMLDefault_Text">" color="</span><span class="MXMLString">black</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;/mx:FormItem&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;/mx:Form&gt;</span>
+    
+        <span class="MXMLComponent_Tag">&lt;s:Button</span><span class="MXMLDefault_Text"> label="</span><span class="MXMLString">Open New Window</span><span class="MXMLDefault_Text">" color="</span><span class="MXMLString">black</span><span class="MXMLDefault_Text">" click="</span><span class="ActionScriptDefault_Text">openNewWindow</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;s:Label</span><span class="MXMLDefault_Text"> text="</span><span class="MXMLString">Error Log:</span><span class="MXMLDefault_Text">" color="</span><span class="MXMLString">0xFFFFFF</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;s:TextArea</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">openError</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">350</span><span class="MXMLDefault_Text">" height="</span><span class="MXMLString">80</span><span class="MXMLDefault_Text">" editable="</span><span class="MXMLString">false</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+    <span class="MXMLComponent_Tag">&lt;/s:VGroup&gt;</span>
+    
+<span class="MXMLComponent_Tag">&lt;/s:WindowedApplication&gt;</span></pre></body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR/HOWTO/NativeWindows/readme.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR/HOWTO/NativeWindows/readme.html b/TourDeFlex/TourDeFlex/src/objects/AIR/HOWTO/NativeWindows/readme.html
new file mode 100644
index 0000000..560dc02
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR/HOWTO/NativeWindows/readme.html
@@ -0,0 +1,23 @@
+<!--
+  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.
+-->
+<h3>Adobe AIR - Native Windows</H3>
+Resources:
+<UL>
+<LI><A HREF="http://help.adobe.com/en_US/AIR/1.1/devappsflex/WS5b3ccc516d4fbf351e63e3d118666ade46-7e17.html">Working with native windows - AIR Help</A>
+<LI><A HREF="http://livedocs.adobe.com/flex/3/langref/flash/display/NativeWindow.html">Adobe Flex 3 Language Reference - NativeMenu</A>
+</UL>
+

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR/HOWTO/PDFContent/PDFContent.mxml.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR/HOWTO/PDFContent/PDFContent.mxml.html b/TourDeFlex/TourDeFlex/src/objects/AIR/HOWTO/PDFContent/PDFContent.mxml.html
new file mode 100644
index 0000000..dee7b10
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR/HOWTO/PDFContent/PDFContent.mxml.html
@@ -0,0 +1,69 @@
+<!--
+  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.
+-->
+<!-- saved from url=(0014)about:internet -->
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+<title>PDFContent.mxml</title>
+<link rel="stylesheet" type="text/css" href="../SourceStyles.css"/>
+</head>
+
+<body><pre><span class="MXMLProcessing_Instruction">&lt;?xml version="1.0" encoding="utf-8"?&gt;</span>
+<span class="MXMLComponent_Tag">&lt;s:WindowedApplication</span><span class="MXMLDefault_Text"> xmlns:fx="</span><span class="MXMLString">http://ns.adobe.com/mxml/2009</span><span class="MXMLDefault_Text">" 
+                       xmlns:s="</span><span class="MXMLString">library://ns.adobe.com/flex/spark</span><span class="MXMLDefault_Text">" 
+                       xmlns:mx="</span><span class="MXMLString">library://ns.adobe.com/flex/mx</span><span class="MXMLDefault_Text">"
+                       styleName="</span><span class="MXMLString">plain</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" height="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">"
+                       creationComplete="</span><span class="ActionScriptDefault_Text">init</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span><span class="MXMLDefault_Text">"
+                       resize="</span><span class="ActionScriptDefault_Text">reloadPDF</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span><span class="MXMLDefault_Text">"
+                        viewSourceURL="</span><span class="MXMLString">srcview/index.html</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+    <span class="MXMLComponent_Tag">&lt;fx:Script&gt;</span>
+    
+    <span class="MXMLDefault_Text">&lt;![CDATA[</span><span class="MXMLDefault_Text">
+        import mx.controls.Alert;
+        private var pdf:HTMLLoader = new HTMLLoader();     
+        private function init():void {
+            // Check to see if Adobe Reader 8.1 or higher is installed
+            // Possible values:
+            //         HTMLPDFCapability.STATUS_OK 
+            //         HHTMLPDFCapability.ERROR_INSTALLED_READER_NOT_FOUND
+            //         HTMLPDFCapability.ERROR_INSTALLED_READER_TOO_OLD 
+            //         HTMLPDFCapability.ERROR_PREFERRED_READER_TOO_OLD 
+            if(HTMLLoader.pdfCapability == HTMLPDFCapability.STATUS_OK)  
+            { 
+                var request:URLRequest = new URLRequest("air_flex_datasheet.pdf"); 
+
+                pdf.width = this.width; 
+                pdf.height = this.height; 
+                pdf.load(request); 
+                myWin.addChild(pdf); // Add the HTMLLoader to my HTML component
+            } else { 
+                Alert.show("PDF cannot be displayed. Error code:" + HTMLLoader.pdfCapability); 
+            } 
+        }
+        
+        // Called if window is resized
+        private function reloadPDF():void {
+            pdf.width = this.width; 
+            pdf.height = this.height; 
+            pdf.reload();
+        }
+        </span><span class="MXMLDefault_Text">]]&gt;</span>
+    <span class="MXMLComponent_Tag">&lt;/fx:Script&gt;</span>
+    <span class="MXMLComponent_Tag">&lt;mx:HTML</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">myWin</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" height="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+<span class="MXMLComponent_Tag">&lt;/s:WindowedApplication&gt;</span></pre></body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR/HOWTO/PDFContent/air_flex_datasheet.pdf
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR/HOWTO/PDFContent/air_flex_datasheet.pdf b/TourDeFlex/TourDeFlex/src/objects/AIR/HOWTO/PDFContent/air_flex_datasheet.pdf
new file mode 100644
index 0000000..954eeff
Binary files /dev/null and b/TourDeFlex/TourDeFlex/src/objects/AIR/HOWTO/PDFContent/air_flex_datasheet.pdf differ

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR/HOWTO/PDFContent/readme.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR/HOWTO/PDFContent/readme.html b/TourDeFlex/TourDeFlex/src/objects/AIR/HOWTO/PDFContent/readme.html
new file mode 100644
index 0000000..720b0b6
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR/HOWTO/PDFContent/readme.html
@@ -0,0 +1,21 @@
+<!--
+  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.
+-->
+<h4>Additional Information</h4>
+<UL>
+<LI><A HREF="http://www.adobe.com/devnet/air/flex/quickstart/scripting_pdf.html">Cross-scripting PDF content in an Adobe AIR application</A>
+<LI><A HREF="http://livedocs.adobe.com/air/1/devappshtml/help.html?content=PDF_1.html">Adobe AIR 1.1 Docs - Adding PDF Content</A>
+</UL>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR/HOWTO/ReadingApplicationSettings/ReadingApplicationSettings.mxml.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR/HOWTO/ReadingApplicationSettings/ReadingApplicationSettings.mxml.html b/TourDeFlex/TourDeFlex/src/objects/AIR/HOWTO/ReadingApplicationSettings/ReadingApplicationSettings.mxml.html
new file mode 100644
index 0000000..842e9ea
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR/HOWTO/ReadingApplicationSettings/ReadingApplicationSettings.mxml.html
@@ -0,0 +1,53 @@
+<!--
+  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.
+-->
+<!-- saved from url=(0014)about:internet -->
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+<title>ReadingApplicationSettings.mxml</title>
+<link rel="stylesheet" type="text/css" href="../SourceStyles.css"/>
+</head>
+
+<body><pre><span class="MXMLProcessing_Instruction">&lt;?xml version="1.0" encoding="utf-8"?&gt;</span>
+<span class="MXMLComponent_Tag">&lt;s:WindowedApplication</span><span class="MXMLDefault_Text"> xmlns:fx="</span><span class="MXMLString">http://ns.adobe.com/mxml/2009</span><span class="MXMLDefault_Text">" xmlns:s="</span><span class="MXMLString">library://ns.adobe.com/flex/spark</span><span class="MXMLDefault_Text">" 
+                       xmlns:mx="</span><span class="MXMLString">library://ns.adobe.com/flex/mx</span><span class="MXMLDefault_Text">" height="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" 
+                       creationComplete="</span><span class="ActionScriptDefault_Text">init</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span><span class="MXMLDefault_Text">" layout="</span><span class="MXMLString">absolute</span><span class="MXMLDefault_Text">" styleName="</span><span class="MXMLString">plain</span><span class="MXMLDefault_Text">" backgroundColor="</span><span class="MXMLString">0x323232</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+
+    <span class="MXMLSpecial_Tag">&lt;fx:Script&gt;</span>
+        &lt;![CDATA[
+            <span class="ActionScriptReserved">private</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">init</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span> <span class="ActionScriptBracket/Brace">{</span>
+                <span class="ActionScriptComment">// Retrieve data frmo the app descriptor
+</span>                <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">appXml</span>:<span class="ActionScriptDefault_Text">XML</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">NativeApplication</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">nativeApplication</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">applicationDescriptor</span>;
+                <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">ns</span>:<span class="ActionScriptDefault_Text">Namespace</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">appXml</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">namespace</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>; 
+                <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">appId</span>:<span class="ActionScriptDefault_Text">String</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">appXml</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">ns</span><span class="ActionScriptOperator">::</span><span class="ActionScriptDefault_Text">id</span><span class="ActionScriptBracket/Brace">[</span>0<span class="ActionScriptBracket/Brace">]</span>; 
+                <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">appVersion</span>:<span class="ActionScriptDefault_Text">String</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">appXml</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">ns</span><span class="ActionScriptOperator">::</span><span class="ActionScriptDefault_Text">version</span><span class="ActionScriptBracket/Brace">[</span>0<span class="ActionScriptBracket/Brace">]</span>; 
+                <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">appName</span>:<span class="ActionScriptDefault_Text">String</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">appXml</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">ns</span><span class="ActionScriptOperator">::</span><span class="ActionScriptDefault_Text">filename</span><span class="ActionScriptBracket/Brace">[</span>0<span class="ActionScriptBracket/Brace">]</span>; 
+
+                <span class="ActionScriptDefault_Text">message</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptString">"Application Descriptor Data:\n\n"</span>;
+                <span class="ActionScriptDefault_Text">message</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span> <span class="ActionScriptOperator">+=</span> <span class="ActionScriptString">"   Application ID: "</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptDefault_Text">appId</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptString">"\n"</span>; 
+                <span class="ActionScriptDefault_Text">message</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span> <span class="ActionScriptOperator">+=</span> <span class="ActionScriptString">"   Version: "</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptDefault_Text">appVersion</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptString">"\n"</span>; 
+                <span class="ActionScriptDefault_Text">message</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span> <span class="ActionScriptOperator">+=</span> <span class="ActionScriptString">"   Filename: "</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptDefault_Text">appName</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptString">"\n\n"</span>;
+                <span class="ActionScriptDefault_Text">message</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span> <span class="ActionScriptOperator">+=</span> <span class="ActionScriptString">"   Publisher ID: "</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptDefault_Text">NativeApplication</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">nativeApplication</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">publisherID</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptString">"\n"</span>; 
+            <span class="ActionScriptBracket/Brace">}</span>
+        <span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptOperator">&gt;</span>
+    <span class="MXMLSpecial_Tag">&lt;/fx:Script&gt;</span>
+    
+    <span class="MXMLComponent_Tag">&lt;s:TextArea</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">message</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">90%</span><span class="MXMLDefault_Text">" height="</span><span class="MXMLString">90%</span><span class="MXMLDefault_Text">" horizontalCenter="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">" verticalCenter="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+    
+<span class="MXMLComponent_Tag">&lt;/s:WindowedApplication&gt;</span></pre></body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR/HOWTO/ReadingApplicationSettings/readme.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR/HOWTO/ReadingApplicationSettings/readme.html b/TourDeFlex/TourDeFlex/src/objects/AIR/HOWTO/ReadingApplicationSettings/readme.html
new file mode 100644
index 0000000..2dcf6e2
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR/HOWTO/ReadingApplicationSettings/readme.html
@@ -0,0 +1,23 @@
+<!--
+  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.
+-->
+<B>Important Links</B>
+<UL>
+<LI><A HREF="http://help.adobe.com/en_US/AIR/1.1/devappsflex/WS5b3ccc516d4fbf351e63e3d118676a5e5e-7fff.html">Adobe AIR 1.1 Help - Reading Application Settings</A>
+</UL>
+<B>Why does this sample use DemoWindow?</B><BR>
+
+Note: Publisher ID does not show up when running with ADL
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR/HOWTO/SQLite/Employee.as.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR/HOWTO/SQLite/Employee.as.html b/TourDeFlex/TourDeFlex/src/objects/AIR/HOWTO/SQLite/Employee.as.html
new file mode 100644
index 0000000..cec219f
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR/HOWTO/SQLite/Employee.as.html
@@ -0,0 +1,38 @@
+<!--
+  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.
+-->
+<!-- saved from url=(0014)about:internet -->
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+<title>Employee.as</title>
+<link rel="stylesheet" type="text/css" href="../SourceStyles.css"/>
+</head>
+
+<body><pre><span class="ActionScriptpackage">package</span>
+<span class="ActionScriptBracket/Brace">{</span>
+    <span class="ActionScriptBracket/Brace">[</span><span class="ActionScriptMetadata">Bindable</span><span class="ActionScriptBracket/Brace">]</span>
+    <span class="ActionScriptReserved">public</span> <span class="ActionScriptclass">class</span> <span class="ActionScriptDefault_Text">Employee</span>
+    <span class="ActionScriptBracket/Brace">{</span>
+        <span class="ActionScriptReserved">public</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">id</span><span class="ActionScriptOperator">:</span><span class="ActionScriptDefault_Text">int</span>;
+        <span class="ActionScriptReserved">public</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">firstname</span><span class="ActionScriptOperator">:</span><span class="ActionScriptDefault_Text">String</span>;
+        <span class="ActionScriptReserved">public</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">lastname</span><span class="ActionScriptOperator">:</span><span class="ActionScriptDefault_Text">String</span>;
+        <span class="ActionScriptReserved">public</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">position</span><span class="ActionScriptOperator">:</span><span class="ActionScriptDefault_Text">String</span>;
+
+    <span class="ActionScriptBracket/Brace">}</span>
+<span class="ActionScriptBracket/Brace">}</span></pre></body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR/HOWTO/SQLite/readme.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR/HOWTO/SQLite/readme.html b/TourDeFlex/TourDeFlex/src/objects/AIR/HOWTO/SQLite/readme.html
new file mode 100644
index 0000000..6a874b2
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR/HOWTO/SQLite/readme.html
@@ -0,0 +1,22 @@
+<!--
+  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.
+-->
+Additional information about using SQLite with AIR:
+<UL>
+<LI><A HREF="http://help.adobe.com/en_US/AIR/1.1/devappsflex/WS5b3ccc516d4fbf351e63e3d118676a5497-7fb4.html">Adobe AIR 1.1 HELP - Working with local SQL databases</A>
+<LI><A HREF="http://www.adobe.com/devnet/air/flex/articles/air_sql_operations.html">Adobe AIR Dev Center - User experience considerations with SQLite operations</A>
+<LI><A HREF="http://coenraets.org/blog/2008/02/sqlite-admin-for-air-10/">Christophe Coenraets - SQLite Admin for AIR 1.0</A>
+</UL>
\ No newline at end of file


[39/51] [partial] Merged TourDeFlex release from develop

Posted by jm...@apache.org.
http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR/HOWTO/EncryptingData/AIREncryptingDataSample.mxml.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR/HOWTO/EncryptingData/AIREncryptingDataSample.mxml.html b/TourDeFlex/TourDeFlex/src/objects/AIR/HOWTO/EncryptingData/AIREncryptingDataSample.mxml.html
new file mode 100644
index 0000000..5477d96
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR/HOWTO/EncryptingData/AIREncryptingDataSample.mxml.html
@@ -0,0 +1,106 @@
+<!--
+  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.
+-->
+<!-- saved from url=(0014)about:internet -->
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+<title>AIREncryptingDataSample.mxml</title>
+<link rel="stylesheet" type="text/css" href="../SourceStyles.css"/>
+</head>
+
+<body><pre><span class="MXMLProcessing_Instruction">&lt;?xml version="1.0" encoding="utf-8"?&gt;</span>
+<span class="MXMLComponent_Tag">&lt;s:WindowedApplication</span><span class="MXMLDefault_Text"> xmlns:fx="</span><span class="MXMLString">http://ns.adobe.com/mxml/2009</span><span class="MXMLDefault_Text">" 
+                       xmlns:s="</span><span class="MXMLString">library://ns.adobe.com/flex/spark</span><span class="MXMLDefault_Text">" 
+                       xmlns:mx="</span><span class="MXMLString">library://ns.adobe.com/flex/mx</span><span class="MXMLDefault_Text">" 
+                       backgroundColor="</span><span class="MXMLString">#323232</span><span class="MXMLDefault_Text">" styleName="</span><span class="MXMLString">plain</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" height="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" viewSourceURL="</span><span class="MXMLString">srcview/index.html</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+
+<span class="MXMLSpecial_Tag">&lt;fx:Script&gt;</span>
+    &lt;![CDATA[
+        
+        <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">mx</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">controls</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">Alert</span>;
+        
+        <span class="ActionScriptReserved">private</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">storeLoginData</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
+        <span class="ActionScriptBracket/Brace">{</span>
+            <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">userid</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span><span class="ActionScriptOperator">!=</span><span class="ActionScriptReserved">null</span><span class="ActionScriptBracket/Brace">)</span> 
+            <span class="ActionScriptBracket/Brace">{</span>
+                <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">pwBytes</span>:<span class="ActionScriptDefault_Text">ByteArray</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">ByteArray</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptDefault_Text">pwBytes</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">ByteArray</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptDefault_Text">pwBytes</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">writeUTFBytes</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">password</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span><span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptDefault_Text">EncryptedLocalStore</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">setItem</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">userid</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">pwBytes</span><span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptDefault_Text">Alert</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">show</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">"Login successful! Userid/password stored for future retrieval."</span><span class="ActionScriptBracket/Brace">)</span>;
+             <span class="ActionScriptBracket/Brace">}</span>
+             <span class="ActionScriptReserved">else</span> <span class="ActionScriptDefault_Text">Alert</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">show</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">"No userid entered."</span><span class="ActionScriptBracket/Brace">)</span>;
+            
+        <span class="ActionScriptBracket/Brace">}</span>
+        <span class="ActionScriptReserved">private</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">login</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
+        <span class="ActionScriptBracket/Brace">{</span>
+            <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">chkRemember</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">selected</span><span class="ActionScriptBracket/Brace">)</span> <span class="ActionScriptBracket/Brace">{</span>
+                <span class="ActionScriptDefault_Text">storeLoginData</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
+            <span class="ActionScriptBracket/Brace">}</span>
+            <span class="ActionScriptReserved">else</span> <span class="ActionScriptDefault_Text">Alert</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">show</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">"Login successful! Userid/password not stored."</span><span class="ActionScriptBracket/Brace">)</span>;
+            <span class="ActionScriptDefault_Text">clear</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
+
+        <span class="ActionScriptBracket/Brace">}</span>
+        <span class="ActionScriptReserved">private</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">retrievePassword</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
+        <span class="ActionScriptBracket/Brace">{</span>
+            <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">userid</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span><span class="ActionScriptOperator">!=</span><span class="ActionScriptReserved">null</span> <span class="ActionScriptOperator">&amp;&amp;</span> <span class="ActionScriptDefault_Text">userid</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">length</span><span class="ActionScriptOperator">&gt;</span>0<span class="ActionScriptBracket/Brace">)</span> <span class="ActionScriptBracket/Brace">{</span>
+                <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">storedValue</span>:<span class="ActionScriptDefault_Text">ByteArray</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">EncryptedLocalStore</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">getItem</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">userid</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span><span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">storedValue</span><span class="ActionScriptOperator">!=</span><span class="ActionScriptReserved">null</span><span class="ActionScriptBracket/Brace">)</span> <span class="ActionScriptBracket/Brace">{</span>
+                    <span class="ActionScriptDefault_Text">password</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">storedValue</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">readUTFBytes</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">storedValue</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">length</span><span class="ActionScriptBracket/Brace">)</span>
+                <span class="ActionScriptBracket/Brace">}</span>
+                <span class="ActionScriptReserved">else</span> <span class="ActionScriptDefault_Text">Alert</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">show</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">"No stored data found for userid: "</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptDefault_Text">userid</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span><span class="ActionScriptBracket/Brace">)</span>;
+            <span class="ActionScriptBracket/Brace">}</span>
+            <span class="ActionScriptReserved">else</span> <span class="ActionScriptDefault_Text">Alert</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">show</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">"Please enter a userid to retrieve the password for. "</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptDefault_Text">userid</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span><span class="ActionScriptBracket/Brace">)</span>;
+        <span class="ActionScriptBracket/Brace">}</span>
+        <span class="ActionScriptReserved">private</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">clear</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
+        <span class="ActionScriptBracket/Brace">{</span>
+            <span class="ActionScriptDefault_Text">userid</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span><span class="ActionScriptOperator">=</span><span class="ActionScriptString">""</span>;
+            <span class="ActionScriptDefault_Text">password</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span><span class="ActionScriptOperator">=</span><span class="ActionScriptString">""</span>;
+            <span class="ActionScriptDefault_Text">chkRemember</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">selected</span><span class="ActionScriptOperator">=</span><span class="ActionScriptReserved">false</span>;    
+        <span class="ActionScriptBracket/Brace">}</span>
+        <span class="ActionScriptReserved">private</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">removeLoginData</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
+        <span class="ActionScriptBracket/Brace">{</span>
+            <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">userid</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span> <span class="ActionScriptOperator">!=</span> <span class="ActionScriptReserved">null</span> <span class="ActionScriptOperator">&amp;&amp;</span> <span class="ActionScriptDefault_Text">userid</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">length</span><span class="ActionScriptOperator">&gt;</span>0<span class="ActionScriptBracket/Brace">)</span> <span class="ActionScriptBracket/Brace">{</span>
+                <span class="ActionScriptDefault_Text">EncryptedLocalStore</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">removeItem</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">userid</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span><span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptDefault_Text">Alert</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">show</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">"Login data removed for userid: "</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptDefault_Text">userid</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span><span class="ActionScriptBracket/Brace">)</span>;
+            <span class="ActionScriptBracket/Brace">}</span>
+            <span class="ActionScriptReserved">else</span> <span class="ActionScriptDefault_Text">Alert</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">show</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">"Please enter the userid of which to remove the stored password."</span><span class="ActionScriptBracket/Brace">)</span>;
+        <span class="ActionScriptBracket/Brace">}</span>
+    <span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptOperator">&gt;</span>
+<span class="MXMLSpecial_Tag">&lt;/fx:Script&gt;</span>
+
+    <span class="MXMLComponent_Tag">&lt;s:VGroup</span><span class="MXMLDefault_Text"> paddingLeft="</span><span class="MXMLString">70</span><span class="MXMLDefault_Text">" paddingTop="</span><span class="MXMLString">80</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;mx:Form&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;mx:FormItem</span><span class="MXMLDefault_Text"> label="</span><span class="MXMLString">Userid:</span><span class="MXMLDefault_Text">" color="</span><span class="MXMLString">white</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+                <span class="MXMLComponent_Tag">&lt;mx:TextInput</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">userid</span><span class="MXMLDefault_Text">" color="</span><span class="MXMLString">black</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;/mx:FormItem&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;mx:FormItem</span><span class="MXMLDefault_Text"> label="</span><span class="MXMLString">Password:</span><span class="MXMLDefault_Text">" color="</span><span class="MXMLString">white</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+                <span class="MXMLComponent_Tag">&lt;mx:TextInput</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">password</span><span class="MXMLDefault_Text">" color="</span><span class="MXMLString">black</span><span class="MXMLDefault_Text">" displayAsPassword="</span><span class="MXMLString">true</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;/mx:FormItem&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;mx:FormItem</span><span class="MXMLDefault_Text"> label="</span><span class="MXMLString">Remember Password:</span><span class="MXMLDefault_Text">" color="</span><span class="MXMLString">white</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+                <span class="MXMLComponent_Tag">&lt;mx:CheckBox</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">chkRemember</span><span class="MXMLDefault_Text">" </span><span class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;/mx:FormItem&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;mx:FormItem</span><span class="MXMLDefault_Text"> direction="</span><span class="MXMLString">horizontal</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+                <span class="MXMLComponent_Tag">&lt;s:Button</span><span class="MXMLDefault_Text"> left="</span><span class="MXMLString">165</span><span class="MXMLDefault_Text">" top="</span><span class="MXMLString">110</span><span class="MXMLDefault_Text">" label="</span><span class="MXMLString">Login</span><span class="MXMLDefault_Text">" click="</span><span class="ActionScriptDefault_Text">login</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+                <span class="MXMLComponent_Tag">&lt;s:Button</span><span class="MXMLDefault_Text"> left="</span><span class="MXMLString">330</span><span class="MXMLDefault_Text">" top="</span><span class="MXMLString">110</span><span class="MXMLDefault_Text">" label="</span><span class="MXMLString">Retrieve Password</span><span class="MXMLDefault_Text">" click="</span><span class="ActionScriptDefault_Text">retrievePassword</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;/mx:FormItem&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;/mx:Form&gt;</span>    
+        <span class="MXMLComponent_Tag">&lt;s:Button</span><span class="MXMLDefault_Text"> label="</span><span class="MXMLString">Remove Data Store</span><span class="MXMLDefault_Text">" click="</span><span class="ActionScriptDefault_Text">removeLoginData</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>    
+    <span class="MXMLComponent_Tag">&lt;/s:VGroup&gt;</span>
+<span class="MXMLComponent_Tag">&lt;/s:WindowedApplication&gt;</span></pre></body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR/HOWTO/FileSystem/main.mxml.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR/HOWTO/FileSystem/main.mxml.html b/TourDeFlex/TourDeFlex/src/objects/AIR/HOWTO/FileSystem/main.mxml.html
new file mode 100644
index 0000000..919c417
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR/HOWTO/FileSystem/main.mxml.html
@@ -0,0 +1,68 @@
+<!--
+  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.
+-->
+<!-- saved from url=(0014)about:internet -->
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+<title>main.mxml</title>
+<link rel="stylesheet" type="text/css" href="../SourceStyles.css"/>
+</head>
+
+<body><pre><span class="MXMLProcessing_Instruction">&lt;?xml version="1.0" encoding="utf-8"?&gt;</span>
+<span class="MXMLComponent_Tag">&lt;s:WindowedApplication</span><span class="MXMLDefault_Text"> xmlns:fx="</span><span class="MXMLString">http://ns.adobe.com/mxml/2009</span><span class="MXMLDefault_Text">" 
+                       xmlns:s="</span><span class="MXMLString">library://ns.adobe.com/flex/spark</span><span class="MXMLDefault_Text">" 
+                       xmlns:mx="</span><span class="MXMLString">library://ns.adobe.com/flex/mx</span><span class="MXMLDefault_Text">" 
+                       backgroundColor="</span><span class="MXMLString">#323232</span><span class="MXMLDefault_Text">" viewSourceURL="</span><span class="MXMLString">srcview/index.html</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+    
+    <span class="MXMLSpecial_Tag">&lt;fx:Script&gt;</span>
+        <span class="ActionScriptReserved">private</span> <span class="ActionScriptReserved">const</span> <span class="ActionScriptDefault_Text">textFilter</span>:<span class="ActionScriptDefault_Text">FileFilter</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">FileFilter</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">"Text Files (txt, html, htm)"</span><span class="ActionScriptOperator">,</span><span class="ActionScriptString">"*.txt;*.html;*.htm;"</span><span class="ActionScriptBracket/Brace">)</span>;
+    <span class="MXMLSpecial_Tag">&lt;/fx:Script&gt;</span>
+    
+    <span class="MXMLComponent_Tag">&lt;s:VGroup</span><span class="MXMLDefault_Text"> horizontalAlign="</span><span class="MXMLString">center</span><span class="MXMLDefault_Text">" horizontalCenter="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">" paddingTop="</span><span class="MXMLString">5</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;mx:RichTextEditor</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">rte</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" height="</span><span class="MXMLString">220</span><span class="MXMLDefault_Text">" title="</span><span class="MXMLString">Text Editor</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;s:HGroup&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;s:Button</span><span class="MXMLDefault_Text"> label="</span><span class="MXMLString">Save</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+                <span class="MXMLComponent_Tag">&lt;s:click&gt;</span>
+                    <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">f</span>:<span class="ActionScriptDefault_Text">File</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">File</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">desktopDirectory</span>;
+                    <span class="ActionScriptDefault_Text">f</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">browseForSave</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">"Save As"</span><span class="ActionScriptBracket/Brace">)</span>;
+                    <span class="ActionScriptDefault_Text">f</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">addEventListener</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">Event</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">SELECT</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">event</span>:<span class="ActionScriptDefault_Text">Event</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span> <span class="ActionScriptBracket/Brace">{</span>
+                    <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">stream</span>:<span class="ActionScriptDefault_Text">FileStream</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">FileStream</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
+                    <span class="ActionScriptDefault_Text">stream</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">open</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">event</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">target</span> <span class="ActionScriptReserved">as</span> <span class="ActionScriptDefault_Text">File</span><span class="ActionScriptBracket/Brace">)</span><span class="ActionScriptOperator">,</span><span class="ActionScriptDefault_Text">FileMode</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">WRITE</span><span class="ActionScriptBracket/Brace">)</span>;
+                    <span class="ActionScriptDefault_Text">stream</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">writeUTFBytes</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">rte</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">htmlText</span><span class="ActionScriptBracket/Brace">)</span>;
+                    <span class="ActionScriptDefault_Text">stream</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">close</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
+                    <span class="ActionScriptBracket/Brace">}</span><span class="ActionScriptBracket/Brace">)</span>;
+                <span class="MXMLComponent_Tag">&lt;/s:click&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;/s:Button&gt;</span>
+            
+            <span class="MXMLComponent_Tag">&lt;s:Button</span><span class="MXMLDefault_Text"> label="</span><span class="MXMLString">Open</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+                <span class="MXMLComponent_Tag">&lt;s:click&gt;</span>
+                    <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">f</span>:<span class="ActionScriptDefault_Text">File</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">File</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">desktopDirectory</span>;
+                    <span class="ActionScriptDefault_Text">f</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">browseForOpen</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">"Select file to open"</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptBracket/Brace">[</span><span class="ActionScriptDefault_Text">textFilter</span><span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptBracket/Brace">)</span>;
+                    <span class="ActionScriptDefault_Text">f</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">addEventListener</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">Event</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">SELECT</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">event</span>:<span class="ActionScriptDefault_Text">Event</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span> <span class="ActionScriptBracket/Brace">{</span>
+                    <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">fs</span>:<span class="ActionScriptDefault_Text">FileStream</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">FileStream</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
+                    <span class="ActionScriptDefault_Text">fs</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">open</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">event</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">target</span> <span class="ActionScriptReserved">as</span> <span class="ActionScriptDefault_Text">File</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">FileMode</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">READ</span><span class="ActionScriptBracket/Brace">)</span>;
+                    <span class="ActionScriptDefault_Text">rte</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">htmlText</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">fs</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">readUTFBytes</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">fs</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">bytesAvailable</span><span class="ActionScriptBracket/Brace">)</span>;
+                    <span class="ActionScriptDefault_Text">fs</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">close</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
+                    <span class="ActionScriptBracket/Brace">}</span><span class="ActionScriptBracket/Brace">)</span>;
+                <span class="MXMLComponent_Tag">&lt;/s:click&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;/s:Button&gt;</span>        
+        <span class="MXMLComponent_Tag">&lt;/s:HGroup&gt;</span>      
+    <span class="MXMLComponent_Tag">&lt;/s:VGroup&gt;</span>
+     
+<span class="MXMLComponent_Tag">&lt;/s:WindowedApplication&gt;</span></pre></body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR/HOWTO/InstallBadge/installbadge.png
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR/HOWTO/InstallBadge/installbadge.png b/TourDeFlex/TourDeFlex/src/objects/AIR/HOWTO/InstallBadge/installbadge.png
new file mode 100644
index 0000000..82d8d84
Binary files /dev/null and b/TourDeFlex/TourDeFlex/src/objects/AIR/HOWTO/InstallBadge/installbadge.png differ

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR/HOWTO/InstallBadge/installbadge1.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR/HOWTO/InstallBadge/installbadge1.html b/TourDeFlex/TourDeFlex/src/objects/AIR/HOWTO/InstallBadge/installbadge1.html
new file mode 100644
index 0000000..81ef1cd
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR/HOWTO/InstallBadge/installbadge1.html
@@ -0,0 +1,22 @@
+<!--
+  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.
+-->
+<HTML>
+<HEAD></HEAD>
+<BODY BGCOLOR="#323232">
+<IMG SRC="installbadge.png">
+</BODY>
+</HTML>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR/HOWTO/InstallBadge/installbadge2.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR/HOWTO/InstallBadge/installbadge2.html b/TourDeFlex/TourDeFlex/src/objects/AIR/HOWTO/InstallBadge/installbadge2.html
new file mode 100644
index 0000000..291aabe
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR/HOWTO/InstallBadge/installbadge2.html
@@ -0,0 +1,43 @@
+<!--
+  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.
+-->
+<HTML>
+<HEAD></HEAD>
+<BODY BGCOLOR="#323232">
+<TABLE BORDER="0" CELLPADDING="0" CELLSPACING="0" WIDTH="100%">
+<TR>
+<TD WIDTH="5%">&nbsp;</TD>
+<TD WIDTH="40%">
+<CENTER>
+<FONT COLOR="#FFFFFF" SIZE="3">
+VIDEO
+<BR>
+Installation of an Adobe AIR application on a Windows machine without AIR installed
+<BR>
+</FONT>
+<FONT SIZE="1" COLOR="WHITE">(internet connection required to stream video)</FONT>
+</CENTER>
+</TD>
+<TD WIDTH="5%">&nbsp;</TD>
+<TD WIDTH="40%">
+<embed src="http://blip.tv/play/ga0GyY1eAA" type="application/x-shockwave-flash" 
+	width="299" height="240" allowscriptaccess="never" allowfullscreen="true"></embed>
+</TD>
+<TD WIDTH="10%">&nbsp;</TD>
+</TR>
+</TABLE>
+</BODY>
+</HTML>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR/HOWTO/InstallBadge/readme.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR/HOWTO/InstallBadge/readme.html b/TourDeFlex/TourDeFlex/src/objects/AIR/HOWTO/InstallBadge/readme.html
new file mode 100644
index 0000000..04f519c
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR/HOWTO/InstallBadge/readme.html
@@ -0,0 +1,33 @@
+<!--
+  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.
+-->
+This install badge shown here was created by <A HREF="http://www.gskinner.com/">Grant Skinner</A> for Adobe Systems. Inc. 
+Compared to the default badge included with the Adobe AIR SDK, this badge has a new look and feel with additional detection 
+logic and leverages the AIR runtime's "launch now" capability. Use this badge if you:
+<BR>
+<UL>
+<LI>Want a new look and feel for your install badges (it looks cool!)
+<LI>Want to leverage the application detection and "launch now" feature
+<LI>Want a simple way to upgrade end users to the correct Flash Player version using express install
+<LI>Want to provide customizable help links and text
+<LI>Want to customize the text display on your install badges
+</UL>
+<B>Links:</B>
+<UL>
+<LI><A HREF="http://www.adobe.com/devnet/air/articles/badge_for_air.html">Adobe AIR Developer Center Page on Install Badge</A>
+<LI><A HREF="http://www.adobe.com/devnet/air/articles/badger_for_air_apps.html">Badger - Tool for creating AIR Install Badge</A>
+<LI><A HREF="http://www.gskinner.com/blog/archives/2008/09/beware_the_air.html">Grant Skinner's Badger Home Page</A>
+</UL>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR/HOWTO/MonitorNetwork/socketsample.mxml.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR/HOWTO/MonitorNetwork/socketsample.mxml.html b/TourDeFlex/TourDeFlex/src/objects/AIR/HOWTO/MonitorNetwork/socketsample.mxml.html
new file mode 100644
index 0000000..5380dc6
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR/HOWTO/MonitorNetwork/socketsample.mxml.html
@@ -0,0 +1,73 @@
+<!--
+  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.
+-->
+<!-- saved from url=(0014)about:internet -->
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+<title>socketsample.mxml</title>
+<link rel="stylesheet" type="text/css" href="../SourceStyles.css"/>
+</head>
+
+<body><pre><span class="MXMLProcessing_Instruction">&lt;?xml version="1.0" encoding="utf-8"?&gt;</span>
+<span class="MXMLComponent_Tag">&lt;s:WindowedApplication</span><span class="MXMLDefault_Text"> xmlns:fx="</span><span class="MXMLString">http://ns.adobe.com/mxml/2009</span><span class="MXMLDefault_Text">" 
+                       xmlns:s="</span><span class="MXMLString">library://ns.adobe.com/flex/spark</span><span class="MXMLDefault_Text">" 
+                       xmlns:mx="</span><span class="MXMLString">library://ns.adobe.com/flex/mx</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" height="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">"
+                       backgroundColor="</span><span class="MXMLString">#323232</span><span class="MXMLDefault_Text">" </span><span class="MXMLComponent_Tag">&gt;</span>    
+
+    <span class="MXMLSpecial_Tag">&lt;fx:Script&gt;</span>
+        &lt;![CDATA[
+        <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">air</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">net</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">SocketMonitor</span>;
+        <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">flash</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">net</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">URLRequest</span>;
+        <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">flash</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">events</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">StatusEvent</span>;
+        
+        <span class="ActionScriptReserved">private</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">monitor</span>:<span class="ActionScriptDefault_Text">SocketMonitor</span>;
+        
+        <span class="ActionScriptReserved">private</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">startMonitor</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
+        <span class="ActionScriptBracket/Brace">{</span>
+            <span class="ActionScriptDefault_Text">monitor</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">SocketMonitor</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">hostField</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">int</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">hostPort</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span><span class="ActionScriptBracket/Brace">)</span><span class="ActionScriptBracket/Brace">)</span>;
+            <span class="ActionScriptDefault_Text">monitor</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">addEventListener</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">StatusEvent</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">STATUS</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">checkStatus</span><span class="ActionScriptBracket/Brace">)</span>;
+            <span class="ActionScriptDefault_Text">monitor</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">pollInterval</span> <span class="ActionScriptOperator">=</span> 500; <span class="ActionScriptComment">// Every 1/2 second
+</span>            <span class="ActionScriptDefault_Text">updateStatus</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;         <span class="ActionScriptComment">// Report the current status
+</span>            <span class="ActionScriptDefault_Text">monitor</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">start</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;         <span class="ActionScriptComment">// Monitor for changes in status
+</span>        <span class="ActionScriptBracket/Brace">}</span>
+    
+        <span class="ActionScriptReserved">private</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">checkStatus</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">e</span>:<span class="ActionScriptDefault_Text">StatusEvent</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span> <span class="ActionScriptBracket/Brace">{</span>
+            <span class="ActionScriptDefault_Text">updateStatus</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
+        <span class="ActionScriptBracket/Brace">}</span>
+        
+        <span class="ActionScriptReserved">private</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">updateStatus</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span> <span class="ActionScriptBracket/Brace">{</span>
+            <span class="ActionScriptReserved">if</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">monitor</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">available</span><span class="ActionScriptBracket/Brace">)</span> <span class="ActionScriptBracket/Brace">{</span>
+                <span class="ActionScriptDefault_Text">connectFlag</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptString">"Current Status=ONLINE"</span>;
+            <span class="ActionScriptBracket/Brace">}</span> <span class="ActionScriptReserved">else</span> <span class="ActionScriptBracket/Brace">{</span>
+                <span class="ActionScriptDefault_Text">connectFlag</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptString">"Current Status=OFFLINE"</span>;
+            <span class="ActionScriptBracket/Brace">}</span>
+        <span class="ActionScriptBracket/Brace">}</span>
+    <span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptOperator">&gt;</span>
+    <span class="MXMLSpecial_Tag">&lt;/fx:Script&gt;</span>
+    <span class="MXMLComponent_Tag">&lt;s:VGroup</span><span class="MXMLDefault_Text"> paddingTop="</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">" horizontalCenter="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;s:HGroup</span><span class="MXMLDefault_Text"> width="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" verticalAlign="</span><span class="MXMLString">middle</span><span class="MXMLDefault_Text">" horizontalAlign="</span><span class="MXMLString">center</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;s:Label</span><span class="MXMLDefault_Text"> text="</span><span class="MXMLString">Host name or IP address:</span><span class="MXMLDefault_Text">" color="</span><span class="MXMLString">white</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;s:TextInput</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">hostField</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">180</span><span class="MXMLDefault_Text">" text="</span><span class="MXMLString">www.adobe.com</span><span class="MXMLDefault_Text">" </span><span class="MXMLComponent_Tag">/&gt;</span> 
+            <span class="MXMLComponent_Tag">&lt;s:Label</span><span class="MXMLDefault_Text"> text="</span><span class="MXMLString">Port:</span><span class="MXMLDefault_Text">" color="</span><span class="MXMLString">white</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;s:TextInput</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">hostPort</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">50</span><span class="MXMLDefault_Text">" text="</span><span class="MXMLString">80</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;s:Button</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">monButton</span><span class="MXMLDefault_Text">" label="</span><span class="MXMLString">Start</span><span class="MXMLDefault_Text">" click="</span><span class="ActionScriptDefault_Text">startMonitor</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;/s:HGroup&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;s:Label</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">connectFlag</span><span class="MXMLDefault_Text">" color="</span><span class="MXMLString">white</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+    <span class="MXMLComponent_Tag">&lt;/s:VGroup&gt;</span>
+<span class="MXMLComponent_Tag">&lt;/s:WindowedApplication&gt;</span></pre></body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR/HOWTO/MonitorNetwork/urlsample.mxml.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR/HOWTO/MonitorNetwork/urlsample.mxml.html b/TourDeFlex/TourDeFlex/src/objects/AIR/HOWTO/MonitorNetwork/urlsample.mxml.html
new file mode 100644
index 0000000..a0f6453
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR/HOWTO/MonitorNetwork/urlsample.mxml.html
@@ -0,0 +1,65 @@
+<!--
+  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.
+-->
+<!-- saved from url=(0014)about:internet -->
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+<title>urlsample.mxml</title>
+<link rel="stylesheet" type="text/css" href="../SourceStyles.css"/>
+</head>
+
+<body><pre><span class="MXMLProcessing_Instruction">&lt;?xml version="1.0" encoding="utf-8"?&gt;</span>
+<span class="MXMLComponent_Tag">&lt;s:WindowedApplication</span><span class="MXMLDefault_Text"> xmlns:fx="</span><span class="MXMLString">http://ns.adobe.com/mxml/2009</span><span class="MXMLDefault_Text">" xmlns:s="</span><span class="MXMLString">library://ns.adobe.com/flex/spark</span><span class="MXMLDefault_Text">" 
+    backgroundColor="</span><span class="MXMLString">0x323232</span><span class="MXMLDefault_Text">" xmlns:mx="</span><span class="MXMLString">library://ns.adobe.com/flex/mx</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+    
+    <span class="MXMLSpecial_Tag">&lt;fx:Script&gt;</span>
+        &lt;![CDATA[
+        <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">air</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">net</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">URLMonitor</span>;
+        <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">flash</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">net</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">URLRequest</span>;
+        <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">flash</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">events</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">StatusEvent</span>;
+        
+        <span class="ActionScriptReserved">private</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">monitor</span>:<span class="ActionScriptDefault_Text">URLMonitor</span>;
+        
+        <span class="ActionScriptReserved">private</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">startMonitor</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
+        <span class="ActionScriptBracket/Brace">{</span>
+            <span class="ActionScriptDefault_Text">monitor</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">URLMonitor</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">URLRequest</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">hostField</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span><span class="ActionScriptBracket/Brace">)</span><span class="ActionScriptBracket/Brace">)</span>;
+            <span class="ActionScriptDefault_Text">monitor</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">addEventListener</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">StatusEvent</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">STATUS</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">checkStatus</span><span class="ActionScriptBracket/Brace">)</span>;
+            <span class="ActionScriptDefault_Text">monitor</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">pollInterval</span> <span class="ActionScriptOperator">=</span> 500; <span class="ActionScriptComment">// Every 1/2 second
+</span>            <span class="ActionScriptDefault_Text">monitor</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">start</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
+        <span class="ActionScriptBracket/Brace">}</span>
+    
+        <span class="ActionScriptReserved">private</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">checkStatus</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">e</span>:<span class="ActionScriptDefault_Text">StatusEvent</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span> <span class="ActionScriptBracket/Brace">{</span>
+            <span class="ActionScriptReserved">if</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">monitor</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">available</span><span class="ActionScriptBracket/Brace">)</span> <span class="ActionScriptBracket/Brace">{</span>
+                <span class="ActionScriptDefault_Text">connectFlag</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptString">"Current Status=ONLINE"</span>;
+            <span class="ActionScriptBracket/Brace">}</span> <span class="ActionScriptReserved">else</span> <span class="ActionScriptBracket/Brace">{</span>
+                <span class="ActionScriptDefault_Text">connectFlag</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptString">"Current Status=OFFLINE"</span>;
+            <span class="ActionScriptBracket/Brace">}</span>
+        <span class="ActionScriptBracket/Brace">}</span>
+    <span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptOperator">&gt;</span>
+    <span class="MXMLSpecial_Tag">&lt;/fx:Script&gt;</span>
+    <span class="MXMLComponent_Tag">&lt;s:VGroup</span><span class="MXMLDefault_Text"> horizontalCenter="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">" top="</span><span class="MXMLString">8</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;s:HGroup</span><span class="MXMLDefault_Text"> width="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" verticalAlign="</span><span class="MXMLString">middle</span><span class="MXMLDefault_Text">" horizontalAlign="</span><span class="MXMLString">center</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;s:Label</span><span class="MXMLDefault_Text"> text="</span><span class="MXMLString">Host name or IP address:</span><span class="MXMLDefault_Text">" color="</span><span class="MXMLString">white</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;s:TextInput</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">hostField</span><span class="MXMLDefault_Text">" text="</span><span class="MXMLString">http://www.adobe.com</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">220</span><span class="MXMLDefault_Text">" </span><span class="MXMLComponent_Tag">/&gt;</span> 
+            <span class="MXMLComponent_Tag">&lt;s:Button</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">monButton</span><span class="MXMLDefault_Text">" label="</span><span class="MXMLString">Start</span><span class="MXMLDefault_Text">" click="</span><span class="ActionScriptDefault_Text">startMonitor</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;/s:HGroup&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;mx:Label</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">connectFlag</span><span class="MXMLDefault_Text">" color="</span><span class="MXMLString">white</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>    
+    <span class="MXMLComponent_Tag">&lt;/s:VGroup&gt;</span>
+    
+<span class="MXMLComponent_Tag">&lt;/s:WindowedApplication&gt;</span></pre></body>
+</html>


[03/51] [partial] Merged TourDeFlex release from develop

Posted by jm...@apache.org.
http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/spark/formatters/SwitchFormatterExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/formatters/SwitchFormatterExample.mxml b/TourDeFlex/TourDeFlex3/src/spark/formatters/SwitchFormatterExample.mxml
new file mode 100644
index 0000000..084d0aa
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/spark/formatters/SwitchFormatterExample.mxml
@@ -0,0 +1,84 @@
+<?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.
+
+-->
+<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"  
+			   xmlns:s="library://ns.adobe.com/flex/spark" 
+			   xmlns:mx="library://ns.adobe.com/flex/mx" 
+			   skinClass="TDFGradientBackgroundSkin">
+	
+	<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("###-##-####", scNum.text);
+                }
+
+                else {
+                    formattedSCNumber.text= "";
+                }
+            }
+        ]]>
+    </fx:Script>
+	
+	<s:layout>
+		<s:HorizontalLayout verticalAlign="middle" horizontalAlign="center" />
+	</s:layout>
+    
+	<fx:Declarations>
+		<mx:SocialSecurityValidator id="scVal" source="{scNum}" property="text"/>
+	</fx:Declarations>
+   
+        
+	<s:Panel title="SwitchSymbolFormatter Example" width="600" height="100%"
+			 color="0x000000" 
+			 borderAlpha="0.15">
+		
+		<s:layout>
+			<s:HorizontalLayout horizontalAlign="center" 
+								paddingLeft="10" paddingRight="10" 
+								paddingTop="10" paddingBottom="10"/>
+		</s:layout>
+         
+         <mx:Form color="0x323232" width="100%">
+         	<s:Label text="Enter a 9 digit Social Security number with no separator characters:" />
+         	
+         	<s:TextInput id="scNum" text="" width="50%" maxChars="9"/>
+            <s:Button label="Validate and Format" click="Format();"/>
+			
+            <mx:FormItem label="formatted Social Security number:">
+                <s:Label id="formattedSCNumber" text="" />
+            </mx:FormItem>
+        </mx:Form>
+        
+	</s:Panel>
+	
+</s:Application>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/spark/formatters/TDFGradientBackgroundSkin.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/formatters/TDFGradientBackgroundSkin.mxml b/TourDeFlex/TourDeFlex3/src/spark/formatters/TDFGradientBackgroundSkin.mxml
new file mode 100644
index 0000000..553aee3
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/spark/formatters/TDFGradientBackgroundSkin.mxml
@@ -0,0 +1,49 @@
+<?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.
+
+-->
+<s:SparkSkin xmlns:fx="http://ns.adobe.com/mxml/2009" 
+			 xmlns:mx="library://ns.adobe.com/flex/mx" 
+			 xmlns:s="library://ns.adobe.com/flex/spark">
+	
+	<fx:Metadata>
+		[HostComponent("spark.components.Application")]
+	</fx:Metadata> 
+	
+	<s:states>
+		<s:State name="normal" />
+		<s:State name="disabled" />
+	</s:states>
+	
+	<s:layout>
+		<s:BasicLayout />
+	</s:layout>
+	
+	<s:Rect id="bg" width="100%" height="100%">
+		<s:fill>
+			<s:LinearGradient rotation="90">
+				<s:entries>
+					<s:GradientEntry color="0x000000" ratio="0.00" />
+					<s:GradientEntry color="0x323232" ratio="1.0" />
+				</s:entries>
+			</s:LinearGradient>    
+		</s:fill>
+	</s:Rect>
+	
+	<s:Group id="contentGroup" left="0" right="0" top="0" bottom="0" />
+</s:SparkSkin>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/spark/formatters/ZipCodeFormatterExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/formatters/ZipCodeFormatterExample.mxml b/TourDeFlex/TourDeFlex3/src/spark/formatters/ZipCodeFormatterExample.mxml
new file mode 100644
index 0000000..16ab586
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/spark/formatters/ZipCodeFormatterExample.mxml
@@ -0,0 +1,83 @@
+<?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.
+
+-->
+<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"  
+			   xmlns:s="library://ns.adobe.com/flex/spark" 
+			   xmlns:mx="library://ns.adobe.com/flex/mx" 
+			   skinClass="TDFGradientBackgroundSkin">
+	
+	<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>
+	
+	<s:layout>
+		<s:HorizontalLayout verticalAlign="middle" horizontalAlign="center" />
+	</s:layout>
+	
+	<fx:Declarations>
+		<mx:ZipCodeFormatter id="zipFormatter" formatString="#####-####"/>
+
+    <mx:ZipCodeValidator id="zcVal" source="{zip}" property="text" allowedFormatChars=""/>
+	</fx:Declarations>
+    
+	<s:Panel title="ZipCodeFormatter Example" width="600" height="100%"
+			 color="0x000000" 
+			 borderAlpha="0.15">
+		
+		<s:layout>
+			<s:HorizontalLayout horizontalAlign="center" 
+								paddingLeft="10" paddingRight="10" 
+								paddingTop="10" paddingBottom="10"/>
+		</s:layout>
+         
+         <mx:Form width="100%" color="0x323232">
+            <mx:FormItem label="Enter a 5 or 9 digit U.S. ZIP code:" width="100%">
+                <s:TextInput id="zip" text=""/>
+            </mx:FormItem>
+
+            <mx:FormItem label="Formatted ZIP code: " width="100%">
+                <s:Label id="formattedZipcode" text="" />
+            </mx:FormItem>
+
+            <mx:FormItem>
+                <s:Button label="Validate and Format" click="Format();"/>
+            </mx:FormItem>
+        </mx:Form>
+        
+	</s:Panel>
+	
+</s:Application>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/spark/fxg/BitmapImageExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/fxg/BitmapImageExample.mxml b/TourDeFlex/TourDeFlex3/src/spark/fxg/BitmapImageExample.mxml
new file mode 100644
index 0000000..3cdcd76
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/spark/fxg/BitmapImageExample.mxml
@@ -0,0 +1,72 @@
+<?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.
+
+-->
+<!-- BitmapGraphicExample.mxml -->
+<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark" 
+			   width="694" height="277">
+	    <s:Panel title="BitmapImage Sample"
+            width="100%" height="100%"
+            horizontalCenter="0" verticalCenter="0" skinClass="skins.TDFPanelSkin">
+		<s:layout>
+			<s:HorizontalLayout paddingLeft="15" paddingRight="15" paddingTop="15" paddingBottom="15"/>
+		</s:layout>
+		<s:VGroup>
+			<s:ComboBox id="fillModes" selectedItem="repeat">
+				<s:dataProvider>
+					<s:ArrayCollection>
+						<fx:String>scale</fx:String>
+						<fx:String>clip</fx:String>
+						<fx:String>repeat</fx:String>
+					</s:ArrayCollection>
+				</s:dataProvider>
+			</s:ComboBox>
+			<s:ComboBox id="blends" selectedItem="normal">
+				<s:dataProvider>
+					<s:ArrayCollection>
+						<fx:String>add</fx:String>
+						<fx:String>alpha</fx:String>
+						<fx:String>difference</fx:String>
+						<fx:String>erase</fx:String>
+						<fx:String>hardlight</fx:String>
+						<fx:String>invert</fx:String>
+						<fx:String>layer</fx:String>
+						<fx:String>lighten</fx:String>
+						<fx:String>multiply</fx:String>
+						<fx:String>normal</fx:String>
+						<fx:String>overlay</fx:String>
+						<fx:String>screen</fx:String>
+						<fx:String>shader</fx:String>
+						<fx:String>subtract</fx:String>
+					</s:ArrayCollection>
+				</s:dataProvider>
+				</s:ComboBox>
+			<s:CheckBox id="cbSmooth" label="Smooth?"/>
+		</s:VGroup>
+			
+        <!-- Single image, scaled to fit specified dimensions. -->
+        <s:Graphic x="150" y="0">
+            <s:BitmapImage id="bg2" source="@Embed('assets/ApacheFlexLogo.png')" width="120" height="120" fillMode="{fillModes.selectedItem}"
+						   smooth="{cbSmooth.selected}" blendMode="{blends.selectedItem}"/>
+        </s:Graphic>
+
+        
+		<s:Label color="0x323232" width="200" text="A BitmapImage element defines a rectangular region in its parent element's coordinate space, filled with bitmap data drawn from a source file."/>
+    </s:Panel>
+
+</s:Application>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/spark/fxg/DropShadowGraphicExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/fxg/DropShadowGraphicExample.mxml b/TourDeFlex/TourDeFlex3/src/spark/fxg/DropShadowGraphicExample.mxml
new file mode 100644
index 0000000..3e123ea
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/spark/fxg/DropShadowGraphicExample.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.
+
+-->
+<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
+			   xmlns:s="library://ns.adobe.com/flex/spark" 
+			   xmlns:mx="library://ns.adobe.com/flex/halo">
+	
+	<s:Panel width="100%" height="100%"
+			 title="DropShadows with MXML Graphics Example"
+			 skinClass="skins.TDFPanelSkin" x="0">
+			  
+	    <s:Group horizontalCenter="0" y="5" width="117">
+			<s:Graphic id="ellipse1">
+				<s:filters>
+					<s:DropShadowFilter color="0x6080a0" alpha="0.6" distance="5" />
+				</s:filters>
+				<s:Ellipse x="30" y="20" width="60" height="60">
+					<s:fill>
+						<s:SolidColor color="0x60a0e0" />
+					</s:fill>
+				</s:Ellipse>
+			</s:Graphic>
+			<s:Graphic id="rect1" x="47" y="0" width="100">
+				<s:filters>
+					<s:DropShadowFilter color="0x002020" alpha="0.9" distance="8" angle="10"/>
+				</s:filters>
+				<s:Rect right="15" x="120" y="100" width="90" height="90">
+					<s:fill>
+						<s:SolidColor color="0x4060c0" />
+					</s:fill>
+				</s:Rect>
+			</s:Graphic>
+			<s:Graphic id="image1">
+				<s:filters>
+					<s:DropShadowFilter color="0xFF6600" alpha="0.7" distance="10" angle="-30"/>
+				</s:filters>
+				<s:BitmapImage source="@Embed('assets/ApacheFlexIcon.png')" x="180" y="20" />
+			</s:Graphic>
+			
+		</s:Group>
+	    <s:Label width="250" verticalAlign="justify" color="#323232" x="10" y="30" 
+	    			  text="The DropShadowFilter class lets you add a drop shadow to display
+objects. The shadow algorithm is based on the same box filter that the blur filter uses. You have 
+several options for the style of the drop shadow, including inner or outer shadow and knockout mode. 
+You can apply the filter to any display object (that is, objects that inherit from the DisplayObject 
+class), such as MovieClip, SimpleButton, TextField, and Video objects, as well as to BitmapData objects."/>
+	    	
+	    
+	</s:Panel>
+</s:Application>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/spark/fxg/EclipseExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/fxg/EclipseExample.mxml b/TourDeFlex/TourDeFlex3/src/spark/fxg/EclipseExample.mxml
new file mode 100644
index 0000000..0e89a7b
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/spark/fxg/EclipseExample.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.
+
+-->
+<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
+			   xmlns:s="library://ns.adobe.com/flex/spark" 
+			   xmlns:mx="library://ns.adobe.com/flex/mx">
+	
+	<s:Panel title="Ellipse Graphic Sample" skinClass="skins.TDFPanelSkin"
+			 width="100%" height="100%">
+		
+		<s:Graphic horizontalCenter="0" verticalCenter="0">
+			<s:Ellipse height="100" width="250">
+				<s:stroke>
+					<s:SolidColorStroke color="0x000000" weight="5"/>
+				</s:stroke>
+				<s:fill>
+					<s:RadialGradient>
+						<s:entries>
+							<s:GradientEntry color="0x336699" ratio="0.33" alpha="0.8"/>
+							<s:GradientEntry color="0x339999" ratio="0.66" alpha="0.8"/>
+							<s:GradientEntry color="0x323232" ratio="0.99" alpha="0.8"/>
+						</s:entries>
+					</s:RadialGradient>
+				</s:fill>
+			</s:Ellipse>
+		</s:Graphic>
+		<s:Label right="25" top="10" width="270" color="0x323232" text="The Ellipse class is a filled graphic element that draws an ellipse. Graphic
+objects are placed in a Graphic tag which defines the root of an FXG document."/>
+	</s:Panel>
+</s:Application>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/spark/fxg/EllipseTransformExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/fxg/EllipseTransformExample.mxml b/TourDeFlex/TourDeFlex3/src/spark/fxg/EllipseTransformExample.mxml
new file mode 100644
index 0000000..19ce21f
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/spark/fxg/EllipseTransformExample.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.
+
+-->
+<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
+			   xmlns:s="library://ns.adobe.com/flex/spark" 
+			   xmlns:mx="library://ns.adobe.com/flex/halo" minWidth="1024" minHeight="768">
+	<s:layout>
+		<s:BasicLayout/>
+	</s:layout>
+    
+	<fx:Script>
+		<![CDATA[
+			
+			private function addMatrix(): void
+			{
+				ellipse1.transform.matrix = rotation20Matrix;
+				descriptionText.text = "A matrix transform was applied moving the Ellipse to coordinates: 100, 310 and skewing it to a 20 degree rotation.";
+				trace(ellipse1.width);
+			}
+		]]>
+	</fx:Script>
+	<fx:Declarations>
+		<!-- This matrix should cause the rotation of the Ellipse be 20 degrees -->
+		<s:Matrix id="rotation20Matrix"
+				  a="0.939692620786"
+				  b="0.34202014332"
+				  c="0.34202014332"
+				  d="0.939692620786"
+				  tx="100"
+				  ty="310"
+				  />
+	</fx:Declarations>
+	
+	<s:Label text="An Ellipse Using a Transform for Rotation" fontWeight="bold" fontSize="14" horizontalCenter="0"
+				  y="20" />
+	
+	<s:Label id="descriptionText" horizontalCenter="0" y="45" width="300"/>
+	<s:Ellipse id="ellipse1" width="60" height="70" horizontalCenter="0" y="90">
+		<s:fill>
+			<s:LinearGradient>
+				<s:GradientEntry color="#00FF00" alpha="1" ratio="0"/>
+				<s:GradientEntry color="#000000" alpha="0" ratio="1"/>
+			</s:LinearGradient>
+		</s:fill>
+		<s:stroke>
+			<s:SolidColorStroke color="0x666666" weight="1"/>
+		</s:stroke>
+	</s:Ellipse>
+	<s:Button label="Apply Transform" click="addMatrix()" x="40" y="330" />
+</s:Application>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/spark/fxg/LineExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/fxg/LineExample.mxml b/TourDeFlex/TourDeFlex3/src/spark/fxg/LineExample.mxml
new file mode 100644
index 0000000..9d5368a
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/spark/fxg/LineExample.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.
+
+-->
+<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
+			   xmlns:s="library://ns.adobe.com/flex/spark" 
+			   xmlns:mx="library://ns.adobe.com/flex/mx">
+	
+	
+	<s:Panel title="Line Graphic Sample" width="100%" height="100%" skinClass="skins.TDFPanelSkin">
+		<s:Group left="133" top="100">
+			
+			<s:Line xFrom="0" xTo="0" yFrom="0" yTo="100">
+				<!-- Define the border color of the line. -->
+				<s:stroke>
+					<s:SolidColorStroke color="0x000000" weight="1" joints="miter"/>
+				</s:stroke>
+			</s:Line>
+			
+			<s:Line xFrom="6" xTo="6" yFrom="0" yTo="100" >
+				<s:stroke>
+					<s:SolidColorStroke color="0x000000" weight="1" joints="miter"/>
+				</s:stroke>
+			</s:Line>
+			
+			<s:Line xFrom="12" xTo="12" yFrom="0" yTo="100">
+				<s:stroke>
+					<s:SolidColorStroke color="0x000000" weight="2" joints="miter"/>
+				</s:stroke>
+			</s:Line>
+			
+			<s:Line xFrom="20" xTo="20" yFrom="0" yTo="100">
+				<s:stroke>
+					<s:SolidColorStroke color="0x000000" weight="3" joints="miter"/>
+				</s:stroke>
+			</s:Line>
+			
+			<s:Line xFrom="30" xTo="30" yFrom="0" yTo="100">
+				<s:stroke>
+					<s:SolidColorStroke color="0x000000" weight="5" joints="miter"/>
+				</s:stroke>
+			</s:Line>
+			
+			<s:Line xFrom="43" xTo="43" yFrom="0" yTo="100">
+				<s:stroke>
+					<s:SolidColorStroke color="0x000000" weight="8" joints="miter"/>
+				</s:stroke>
+			</s:Line>
+			
+			<s:Line xFrom="58" xTo="58" yFrom="0" yTo="100">
+				<s:stroke>
+					<s:SolidColorStroke color="0x000000" weight="13" joints="miter"/>
+				</s:stroke>
+			</s:Line>
+			
+			<s:Line xFrom="84" xTo="84" yFrom="0" yTo="100">
+				<s:stroke>
+					<s:SolidColorStroke color="0x000000" weight="21" joints="miter"/>
+				</s:stroke>
+			</s:Line>
+			
+			<s:Line xFrom="123" xTo="123" yFrom="0" yTo="100" >
+				<s:stroke>
+					<s:SolidColorStroke color="0x000000" weight="34" joints="bevel" />
+				</s:stroke>
+			</s:Line>
+			<s:Line xFrom="168" xTo="168" yFrom="0" yTo="100" x="3" y="0">
+				<s:stroke>
+					<s:SolidColorStroke color="0x000000" weight="45"/>
+				</s:stroke>
+			</s:Line>
+			<s:Line xFrom="210" xTo="210" yFrom="0" yTo="100" x="19" y="0">
+				<s:stroke>
+					<s:SolidColorStroke color="0x000000" weight="60"/>
+				</s:stroke>
+			</s:Line>
+		</s:Group>
+		<s:Label color="0x323232" right="20" top="15" width="250" text="The Line class is a graphic element that draws a line between two points.
+The default stroke for a line is undefined; therefore, if you do not specify the stroke, the line is invisible."/>
+	</s:Panel>
+</s:Application>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/spark/fxg/LinearGradientsSpreadMethodExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/fxg/LinearGradientsSpreadMethodExample.mxml b/TourDeFlex/TourDeFlex3/src/spark/fxg/LinearGradientsSpreadMethodExample.mxml
new file mode 100644
index 0000000..71fd6aa
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/spark/fxg/LinearGradientsSpreadMethodExample.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.
+
+-->
+<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
+			   xmlns:s="library://ns.adobe.com/flex/spark" 
+			   xmlns:mx="library://ns.adobe.com/flex/halo" viewSourceURL="srcview/index.html">
+	<fx:Script>
+		<![CDATA[
+			import mx.collections.ArrayCollection;
+		]]>
+	</fx:Script>
+	
+	<s:Panel title="LinearGradient Control" 
+			  width="100%" height="100%"
+			 skinClass="skins.TDFPanelSkin">
+		
+		<s:HGroup horizontalCenter="0" top="10">
+		<s:Label verticalAlign="justify" color="#323232" x="10" y="30" width="200"
+					  text="The LinearGradient class lets you specify the fill of a graphical element, where a gradient specifies a gradual color transition in the fill color. You add a series of GradientEntry objects to the LinearGradient object's entries Array to define the colors that make up the gradient fill."/>	
+		<s:Rect id="rect1" height="150" width="160" >
+			<s:fill>
+				<s:LinearGradient id="gradient1" scaleX="20" x="0">
+					<s:entries>
+						<s:GradientEntry color="0xFF0000" />
+						<s:GradientEntry color="0xFFFFFF" />
+						<s:GradientEntry color="0x0000FF" />
+					</s:entries>
+				</s:LinearGradient>
+			</s:fill>
+		</s:Rect>
+		<s:VGroup>
+			
+			<s:Label text="scaleX value: " />
+			<s:HSlider id="scaleXVal" value="20" maximum="200" change="gradient1.scaleX=scaleXVal.value"/>
+			<s:Label text="x value: " />
+			<s:HSlider id="XVal" value="0" maximum="200" change="gradient1.x=XVal.value"/>
+			<s:Label text="select a spreadMethod: " />
+			<s:DropDownList id="spreadValue" selectedIndex="0" 
+						dataProvider="{new ArrayCollection(['pad', 'reflect', 'repeat'])}"  
+						change="gradient1.spreadMethod=spreadValue.selectedItem"/>	
+		</s:VGroup>
+			
+		</s:HGroup>
+		
+	</s:Panel>
+	
+</s:Application>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/spark/fxg/OrangeCrayonStar.fxg
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/fxg/OrangeCrayonStar.fxg b/TourDeFlex/TourDeFlex3/src/spark/fxg/OrangeCrayonStar.fxg
new file mode 100644
index 0000000..601841c
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/spark/fxg/OrangeCrayonStar.fxg
@@ -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.
+
+-->
+<Graphic version="1.0" xmlns="http://ns.adobe.com/fxg/2008" xmlns:fw="http://ns.adobe.com/fxg/2008/fireworks"  viewHeight= "134" viewWidth= "136">
+	<Library>
+	</Library>
+
+	<Group id="Page_1" fw:type="page">
+		<Group id="State_1" fw:type="state">
+			<Group id="Layer_1" fw:type="layer">
+				<Group id="undefined">
+					<Path winding="evenOdd" data="M 68 12 L 85 48 L 125 54 L 96 82 L 103 121 L 68 103 L 32 121 L 39 82 L 10 54 L 50 48 L 68 12 Z " blendMode="normal" alpha="1">
+						<fill>
+							<LinearGradient x = "67" y = "42" scaleX = "113" rotation = "70">
+								<GradientEntry color="#ff6600" ratio="0" alpha="1"/>
+								<GradientEntry color="#ff6600" ratio="0.08" alpha="1"/>
+								<GradientEntry color="#ffcc00" ratio="0.32" alpha="1"/>
+								<GradientEntry color="#ffff99" ratio="0.53" alpha="1"/>
+								<GradientEntry color="#dedede" ratio="0.99" alpha="1"/>
+								<GradientEntry color="#ffffcc" ratio="0.72" alpha="1"/>
+							</LinearGradient>
+						</fill>
+						<stroke>
+							<SolidColorStroke color="#ff6600" weight="6"/>
+						</stroke>
+					</Path>
+				</Group>
+			</Group>
+		</Group>
+	</Group>
+</Graphic>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/spark/fxg/RectExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/fxg/RectExample.mxml b/TourDeFlex/TourDeFlex3/src/spark/fxg/RectExample.mxml
new file mode 100644
index 0000000..a131ac2
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/spark/fxg/RectExample.mxml
@@ -0,0 +1,87 @@
+<?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.
+
+-->
+<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
+			   xmlns:s="library://ns.adobe.com/flex/spark" 
+			   xmlns:mx="library://ns.adobe.com/flex/mx">
+	<fx:Script>
+		<![CDATA[
+			import skins.TDFPanelSkin;
+		]]>
+	</fx:Script>
+	
+	<s:Panel title="Rect Graphic Sample" skinClass="skins.TDFPanelSkin"
+			 width="100%" height="100%">
+		
+			 
+		<s:Group left="15" top="20">
+			<s:Graphic x="0" y="0">
+				<!-- Draw rectangle with square corners. -->
+				<s:Rect height="100" width="150">
+					<s:stroke>
+						<s:SolidColorStroke color="0x000000" weight="2"/>
+					</s:stroke>
+					<s:fill>
+						<s:SolidColor color="0x336699"/>
+					</s:fill>
+				</s:Rect>
+			</s:Graphic>
+			
+			<s:Graphic x="250" y="0">
+				<!-- Draw rectangle with rounded corners. -->
+				<s:Rect height="100" width="150" radiusX="25" radiusY="25">
+					<s:stroke>
+						<s:SolidColorStroke color="0x336699" weight="2"/>
+					</s:stroke>
+					<s:fill>
+						<s:RadialGradient>
+							<s:entries>
+								<s:GradientEntry color="0x336699"  alpha="0.5"/>
+								<s:GradientEntry color="0x323232"  alpha="0.5"/>
+								<s:GradientEntry color="0xE2E2E2"  alpha="0.5"/>
+							</s:entries>
+						</s:RadialGradient>
+					</s:fill>
+				</s:Rect>
+			</s:Graphic>
+			
+			<s:Graphic x="500" y="0">
+				<s:Rect height="100" width="150">
+					<s:stroke>
+						<s:LinearGradientStroke weight="6" rotation="90">
+							<s:GradientEntry color="0x323232" alpha="0.8"/>
+							<s:GradientEntry color="0x336699" alpha="0.8"/>
+						</s:LinearGradientStroke>
+					</s:stroke>
+					<s:fill>
+						<s:RadialGradient>
+							<s:entries>
+								<s:GradientEntry color="0x336699"/>
+								<s:GradientEntry color="0x323232"/>
+								<s:GradientEntry color="0xE2E2E2"/>
+							</s:entries>
+						</s:RadialGradient>
+					</s:fill>
+				</s:Rect>
+			</s:Graphic>
+			
+		</s:Group>
+		<s:Label top="165" horizontalCenter="0" width="40%" text="The Rect class is a filled graphic element that draws a rectangle."/>
+	</s:Panel>
+</s:Application>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/spark/fxg/RichTextExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/fxg/RichTextExample.mxml b/TourDeFlex/TourDeFlex3/src/spark/fxg/RichTextExample.mxml
new file mode 100644
index 0000000..f7aacd3
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/spark/fxg/RichTextExample.mxml
@@ -0,0 +1,58 @@
+<?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.
+
+-->
+<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
+			   xmlns:s="library://ns.adobe.com/flex/spark" 
+			   xmlns:mx="library://ns.adobe.com/flex/mx">
+	
+	<s:Panel title="RichText Sample" width="100%" height="100%" skinClass="skins.TDFPanelSkin">
+		<s:layout>
+			<s:HorizontalLayout paddingLeft="8" paddingRight="8" paddingTop="8"/>
+		</s:layout>
+		<s:Group left="10" right="10" top="10" bottom="10">
+			<s:RichText x="0" y="0" width="75" fontFamily="Times" fontSize="15" textRotation="rotate90">
+				<s:content>Hello World!</s:content>
+			</s:RichText>
+			
+			<s:Group x="100" y="0">
+				<s:RichText width="100" textAlign="justify" paddingTop="5" paddingLeft="5" paddingRight="5" paddingBottom="5">
+					<s:content>Hello World! This is a justified paragraph of text in a RichText control. It has a border around it drawn by a Rect inside a Group.</s:content>
+				</s:RichText>
+				<s:Rect width="100%" height="100%">
+					<s:stroke>
+						<s:SolidColorStroke color="blue"/>
+					</s:stroke>
+				</s:Rect>
+			</s:Group>
+			
+			<s:Group x="225" y="0" >
+				<s:RichText width="140" height="120" columnCount="2" columnGap="10">
+					<s:content><s:span fontWeight="bold">Hello World!</s:span> This is a paragraph of text in 2 columns. It is about 20 words long, which should be enough to cause a few line breaks.</s:content>
+				</s:RichText>
+				<s:Rect width="100%" height="100%">
+					<s:stroke>
+						<s:SolidColorStroke color="blue"/>
+					</s:stroke>
+				</s:Rect>
+			</s:Group>
+		</s:Group>
+		<s:Label width="270" color="0x323232" text="RichText is a low-level UIComponent that can display one or more lines of richly-formatted text and embedded images. For performance reasons, it does not support scrolling, selection, editing, clickable hyperlinks, or images loaded from URLs. If you need those capabilities, see the RichEditableText class."/>
+	</s:Panel>
+
+</s:Application>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/spark/fxg/StaticFXGExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/fxg/StaticFXGExample.mxml b/TourDeFlex/TourDeFlex3/src/spark/fxg/StaticFXGExample.mxml
new file mode 100644
index 0000000..37b9be0
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/spark/fxg/StaticFXGExample.mxml
@@ -0,0 +1,51 @@
+<?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.
+
+-->
+<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
+			   xmlns:s="library://ns.adobe.com/flex/spark" 
+			   xmlns:mx="library://ns.adobe.com/flex/mx" 
+               xmlns:fxg="*" viewSourceURL="srcview/index.html">
+	
+	
+	<s:Panel width="100%" height="100%"
+			 title="Static FXG Sample"
+			 skinClass="skins.TDFPanelSkin">
+		<s:Label verticalAlign="justify" color="#323232" x="10" y="30" width="200"
+					  text="You can use a static file of fxg within your MXML. You include the inline
+component as shown here."/>
+					  		
+		<fxg:OrangeCrayonStar id="crayonStar" right="160"/>
+		
+		<s:VGroup right="180" bottom="20">
+				<s:VGroup bottom="100">
+					<s:HSlider id="star_width" maximum="400" change="crayonStar.width=star_width.value" 
+							   horizontalCenter="-90" y="250" />
+					<s:Label horizontalCenter="-90" y="269" text="width"/>
+				</s:VGroup>
+				<s:VGroup bottom="60">
+					<s:HSlider id="star_height" maximum="400" change="crayonStar.height=star_height.value" 
+							   horizontalCenter="90" y="250" />
+					<s:Label horizontalCenter="90" y="269" text="height"/>	
+				</s:VGroup>	
+			
+		</s:VGroup>
+	</s:Panel>
+	
+	
+</s:Application>

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

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

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/spark/fxg/skins/TDFPanelSkin.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/fxg/skins/TDFPanelSkin.mxml b/TourDeFlex/TourDeFlex3/src/spark/fxg/skins/TDFPanelSkin.mxml
new file mode 100644
index 0000000..4b06e54
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/spark/fxg/skins/TDFPanelSkin.mxml
@@ -0,0 +1,170 @@
+<?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.
+
+-->
+
+
+<!--- Custom Spark Panel Skin created for Tour de Flex.  
+
+@langversion 3.0
+@playerversion Flash 10
+@playerversion AIR 1.5
+@productversion Flex 4
+-->
+<s:SparkSkin xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark" alpha.disabled="0.5"
+			 blendMode.disabled="layer">
+	
+	<fx:Metadata>
+		<![CDATA[ 
+		/** 
+		* @copy spark.skins.spark.ApplicationSkin#hostComponent
+		*/
+		[HostComponent("spark.components.Panel")]
+		]]>
+	</fx:Metadata> 
+	
+	<fx:Script>
+		/* Define the skin elements that should not be colorized. 
+		For panel, border and title backround are skinned, but the content area and title text are not. */
+		static private const exclusions:Array = ["background", "titleDisplay", "contentGroup", "bgFill"];
+		
+		/** 
+		 * @copy spark.skins.SparkSkin#colorizeExclusions
+		 */     
+		override public function get colorizeExclusions():Array {return exclusions;}
+		
+		/* Define the content fill items that should be colored by the "contentBackgroundColor" style. */
+		static private const contentFill:Array = [];
+		
+		/**
+		 * @inheritDoc
+		 */
+		override public function get contentItems():Array {return contentFill};
+	</fx:Script>
+	
+	<s:states>
+		<s:State name="normal" />
+		<s:State name="disabled" />
+		<s:State name="normalWithControlBar" />
+		<s:State name="disabledWithControlBar" />
+	</s:states>
+	
+	<!-- drop shadow -->
+	<s:RectangularDropShadow id="shadow" blurX="20" blurY="20" alpha="0.32" distance="11" 
+							 angle="90" color="#000000" left="0" top="0" right="0" bottom="0"/>
+	
+	<!-- layer 1: border -->
+	<s:Rect left="0" right="0" top="0" bottom="0">
+		<s:stroke>
+			<s:SolidColorStroke color="0" alpha="0.50" weight="1" />
+		</s:stroke>
+	</s:Rect>
+	
+	
+	<!-- layer 2: background fill -->
+	<s:Rect left="0" right="0" bottom="0" height="15">
+		<s:fill>
+			<s:LinearGradient rotation="90">
+				<s:GradientEntry color="0xE2E2E2" />
+				<s:GradientEntry color="0x000000" />
+			</s:LinearGradient>
+		</s:fill>
+	</s:Rect>
+	
+	<!-- layer 3: contents -->
+	<!--- contains the vertical stack of titlebar content and controlbar -->
+	<s:Group left="1" right="1" top="1" bottom="1" >
+		<s:layout>
+			<s:VerticalLayout gap="0" horizontalAlign="justify" />
+		</s:layout>
+		
+		<s:Group id="topGroup" >
+			<!-- layer 0: title bar fill -->
+			<!-- Note: We have custom skinned the title bar to be solid black for Tour de Flex -->
+			<s:Rect id="tbFill" left="0" right="0" top="0" bottom="1" >
+				<s:fill>
+					<s:SolidColor color="0x000000" />
+				</s:fill>
+			</s:Rect>
+			
+			<!-- layer 1: title bar highlight -->
+			<s:Rect id="tbHilite" left="0" right="0" top="0" bottom="0" >
+				<s:stroke>
+					<s:LinearGradientStroke rotation="90" weight="1">
+						<s:GradientEntry color="0xEAEAEA" />
+						<s:GradientEntry color="0xD9D9D9" />
+					</s:LinearGradientStroke>
+				</s:stroke>
+			</s:Rect>
+			
+			<!-- layer 2: title bar divider -->
+			<s:Rect id="tbDiv" left="0" right="0" height="1" bottom="0">
+				<s:fill>
+					<s:SolidColor color="0xC0C0C0" />
+				</s:fill>
+			</s:Rect>
+			
+			<!-- layer 3: text -->
+			<!--- Defines the appearance of the PanelSkin class's title bar. -->
+			<!-- Note: The title text display has been slightly modified for Tour de Flex. -->
+			<s:Label id="titleDisplay" lineBreak="explicit"
+						  left="9" top="1" bottom="0" minHeight="30"
+						  verticalAlign="middle" fontWeight="bold" color="#E2E2E2">
+			</s:Label>
+		</s:Group>
+		
+		<!--
+		Note: setting the minimum size to 0 here so that changes to the host component's
+		size will not be thwarted by this skin part's minimum size.   This is a compromise,
+		more about it here: http://bugs.adobe.com/jira/browse/SDK-21143
+		-->
+		<s:Group id="contentGroup" width="100%" height="100%" minWidth="0" minHeight="0">
+		</s:Group>
+		
+		<s:Group id="bottomGroup" minWidth="0" minHeight="0"
+				 includeIn="normalWithControlBar, disabledWithControlBar" >
+			
+			<!-- layer 0: control bar background -->
+			<!-- Note: We are skinning this to be the gradient in case we do specify control
+			bar content, but it will only display if there's a controlBarContent
+			property specified.-->
+			<s:Rect left="0" right="0" bottom="0" top="0" height="15">
+				<s:fill>
+					<s:LinearGradient rotation="90">
+						<s:GradientEntry color="0xE2E2E2" />
+						<s:GradientEntry color="0x000000" />
+					</s:LinearGradient>
+				</s:fill>
+			</s:Rect>
+			
+			<!-- layer 1: control bar divider line -->
+			<s:Rect left="0" right="0" top="0" height="1" >
+				<s:fill>
+					<s:SolidColor color="0xCDCDCD" />
+				</s:fill>
+			</s:Rect>
+			
+			<!-- layer 2: control bar -->
+			<s:Group id="controlBarGroup" left="0" right="0" top="1" bottom="0" minWidth="0" minHeight="0">
+				<s:layout>
+					<s:HorizontalLayout paddingLeft="10" paddingRight="10" paddingTop="10" paddingBottom="10" />
+				</s:layout>
+			</s:Group>
+		</s:Group>
+	</s:Group>
+</s:SparkSkin>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/spark/i18n/SparkCollator2Example.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/i18n/SparkCollator2Example.mxml b/TourDeFlex/TourDeFlex3/src/spark/i18n/SparkCollator2Example.mxml
new file mode 100644
index 0000000..815f269
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/spark/i18n/SparkCollator2Example.mxml
@@ -0,0 +1,100 @@
+<?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.
+
+-->
+<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
+			   xmlns:s="library://ns.adobe.com/flex/spark"
+			   xmlns:mx="library://ns.adobe.com/flex/mx"
+			   width="100%" height="100%" creationComplete="compareStrings()">
+	<fx:Style>
+		@namespace s "library://ns.adobe.com/flex/spark";
+		@namespace mx "library://ns.adobe.com/flex/mx";
+		s|Label {
+			color: #FFFFFF;
+			font-weight: bold;
+		}
+		#titleL {
+			font-size: 20;
+		}
+		s|ComboBox {
+			alternating-item-colors: #424242;
+		}
+		s|Form {
+			background-color: #424242;
+		}
+		
+	</fx:Style>
+	<fx:Script>
+		<![CDATA[
+			import mx.collections.ArrayCollection;
+			[Bindable]
+			private var _locales:ArrayCollection = new ArrayCollection(['en-US','de-DE','ja-JP','ru-RU','zh-CN','fr-FR']);
+			
+			private function compareStrings():void {
+				if(firstTI.text != '' && secondTI.text != '') {
+					switch (sortCollator.compare(firstTI.text,secondTI.text)) {
+						case 1:
+							operatorL.text = '>';
+							break;
+						case 0:
+							operatorL.text = '=';
+							break;
+						case -1:
+							operatorL.text = '<';
+							break;
+						default:
+							operatorL.text = ' ';
+					}
+				}
+			}
+		]]>
+	</fx:Script>
+	<fx:Declarations>
+		<!-- Place non-visual elements (e.g., services, value objects) here -->
+		<s:SortingCollator id="sortCollator" locale="{localeCB.selectedItem}"/>
+	</fx:Declarations>
+	<s:Scroller width="100%" height="100%">
+		<s:Group>
+			<s:Form>
+				<s:Label id="titleL" text="Spark Collator"/>
+				<s:Label text="Compare two strings by using SortingCollator"/>
+				<s:Spacer height="15"/>
+				
+				<s:FormItem label="Locales:" toolTip="Select a locale for the collator instance.">
+					<s:ComboBox id="localeCB" dataProvider="{_locales}" selectedIndex="5" change="compareStrings()"/>
+				</s:FormItem>
+				<s:FormItem label="Collator Options:" toolTip="Set properties for the collator instance.">
+					<s:HGroup>
+						<s:CheckBox id="ignoreCaseCB" label="ignoreCase" change="sortCollator.ignoreCase = ignoreCaseCB.selected;compareStrings()"/>
+						<s:CheckBox id="ignDiacriticsCB" label="ignoreDiacritics" change="sortCollator.ignoreDiacritics = ignDiacriticsCB.selected;compareStrings()"/>
+						<s:CheckBox id="ignSymbolsCB" label="ignoreSymbols" change="sortCollator.ignoreSymbols = ignSymbolsCB.selected;compareStrings()"/>
+						<s:CheckBox id="ignKanaTypeCB" label="ignoreKanaType" change="sortCollator.ignoreKanaType = ignKanaTypeCB.selected;compareStrings()"/>
+						<s:CheckBox id="ignCharacterWidthCB" label="ignoreCharacterWidth" change="sortCollator.ignoreCharacterWidth = ignCharacterWidthCB.selected;compareStrings()"/>
+					</s:HGroup>
+				</s:FormItem>
+				<s:FormItem label="Strings:" toolTip="Input two strings and find out their compare result.">
+					<s:HGroup>
+						<s:TextInput id="firstTI" text="coté" change="compareStrings()"/>
+						<s:Label id="operatorL" text=" " fontSize="15"/>
+						<s:TextInput id="secondTI" text="côte" change="compareStrings()"/>
+					</s:HGroup>
+				</s:FormItem>
+			</s:Form>
+		</s:Group>
+	</s:Scroller>
+</s:Application>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/spark/i18n/SparkCollatorExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/i18n/SparkCollatorExample.mxml b/TourDeFlex/TourDeFlex3/src/spark/i18n/SparkCollatorExample.mxml
new file mode 100644
index 0000000..96af06a
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/spark/i18n/SparkCollatorExample.mxml
@@ -0,0 +1,165 @@
+<?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.
+
+-->
+<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
+			   xmlns:s="library://ns.adobe.com/flex/spark"
+			   xmlns:mx="library://ns.adobe.com/flex/mx"
+			   width="100%" height="100%" creationComplete="matchRB_clickHandler()">
+	<fx:Style>
+		@namespace s "library://ns.adobe.com/flex/spark";
+		@namespace mx "library://ns.adobe.com/flex/mx";
+		s|Label {
+			color: #FFFFFF;
+			font-weight: bold;
+		}
+		#titleL {
+			font-size: 20;
+		}
+		s|ComboBox {
+			alternating-item-colors: #424242;
+		}
+		
+		s|Form {
+			background-color: #424242;
+		}
+		
+		s|List {
+			alternating-item-colors: #424242;
+		}
+	</fx:Style>
+	
+	<fx:Script>
+		<![CDATA[
+			import mx.collections.ArrayCollection;
+			
+			[Bindable]
+			private var _locales:ArrayCollection = new ArrayCollection(['en-US','de-DE','ja-JP','ru-RU','zh-CN','fr-FR']);
+			[Bindable]
+			private var _strArrColl:ArrayCollection = new ArrayCollection(['ö','Ö','A','a.bc','a','Ä','côte','ä','A','ア','ァ','あ','中','abc','WO','a','ae','Æ','côté','coté','Ô','OE','Œ','ぁ','wo']);
+			[Bindable]
+			private var _resultArrColl:ArrayCollection = new ArrayCollection();
+			[Bindable]
+			private var _collatorInstance:*;
+			
+			protected function sortRB_clickHandler():void
+			{
+				//create sortingCollator instance
+				_collatorInstance = new SortingCollator();
+				_collatorInstance = sortingCollator;
+				
+				sortStr();
+			}
+			
+			protected function matchRB_clickHandler():void
+			{
+				//create sortingCollator instance
+				_collatorInstance = new MatchingCollator();
+				_collatorInstance = matchingCollator;
+				
+				sortStr();
+			}
+			
+			private function sortStr():void 
+			{
+				//sort strings in original arrayCollection
+				_strArrColl.source.sort(_collatorInstance.compare);
+				_strArrColl.refresh();
+				
+				//format above sorted array to let those strings which with same value show in one line within the list
+				_resultArrColl.source = showResult(_strArrColl.source);
+				_resultArrColl.refresh();
+			}
+			
+			//function that make strings with same value show in the same line
+			private function showResult(arr:Array):Array 
+			{
+				var indexVal:String = arr[0];
+				//the array used to put same strings into one element
+				var reVal:Array = new Array();
+				var j:int = 0;
+				
+				reVal[j]='';
+				
+				for(var i:int = 0; i<arr.length; i++)
+				{
+					if(_collatorInstance.compare(arr[i],indexVal) == 0)
+					{
+						reVal[j] += ' ' + arr[i];
+					}
+					else
+					{
+						indexVal = arr[i];
+						j++;
+						reVal[j]='';
+						i--;
+					}
+				}
+				return reVal;
+			}
+		]]>
+	</fx:Script>
+	<fx:Declarations>
+		<!-- Place non-visual elements (e.g., services, value objects) here -->
+		<s:SortingCollator id="sortingCollator"/>
+		<s:MatchingCollator id="matchingCollator"/>
+	</fx:Declarations>
+	<s:layout>
+		<s:VerticalLayout/>
+	</s:layout>
+	
+	<s:Scroller id="scroller" width="100%" height="100%">
+		<s:Group id="myGroup">
+			<s:Form id="myForm">
+				<s:Label id="titleL" text="Spark Collator"/>
+				<s:Label text="Customize Collator options and find out the string sorting results: "/>
+				<s:Spacer height="15"/>
+				
+				<s:FormItem label="Collator Type:" toolTip="Please select a Collator type first!">
+					<s:HGroup>
+						<s:RadioButton id="sortRB" groupName="collatorType" label="SortingCollator" click="sortRB_clickHandler()"/>
+						<s:RadioButton id="matchRB" groupName="collatorType" label="MatchingCollator" selected="true" click="matchRB_clickHandler()"/>
+					</s:HGroup>
+				</s:FormItem>
+				<s:FormItem label="Locale:">
+					<s:ComboBox id="localeCB" dataProvider="{_locales}" selectedIndex="0" 
+								change="_collatorInstance.setStyle('locale',localeCB.selectedItem); sortStr()"/>
+				</s:FormItem>
+				<s:FormItem label="Collator Options:" toolTip="Customize below options to see the sorting result.">
+					<s:CheckBox id="ignCaseCB" label="ignoreCase" selected="{_collatorInstance.ignoreCase}" 
+								change="_collatorInstance.ignoreCase = ignCaseCB.selected; sortStr()"/>
+					<s:CheckBox id="ignDiacriticsCB" label="ignoreDiacritics" selected="{_collatorInstance.ignoreDiacritics}" 
+								change="_collatorInstance.ignoreDiacritics = ignDiacriticsCB.selected; sortStr()"/>
+					<s:CheckBox id="ignSymbolsCB" label="ignoreSymbols" selected="{_collatorInstance.ignoreSymbols}" 
+								change="_collatorInstance.ignoreSymbols = ignSymbolsCB.selected; sortStr()"/>
+					<s:CheckBox id="ignKanaTypeCB" label="ignoreKanaType" selected="{_collatorInstance.ignoreKanaType}" 
+								change="_collatorInstance.ignoreKanaType = ignKanaTypeCB.selected; sortStr()"/>
+					<s:CheckBox id="ignCharacterWidthCB" label="ignoreCharacterWidth" selected="{_collatorInstance.ignoreCharacterWidth}" 
+								change="_collatorInstance.ignoreCharacterWidth = ignCharacterWidthCB.selected; sortStr()"/>
+				</s:FormItem>
+				<s:Label text="============================================================================"/>
+				<s:HGroup>
+					<s:FormItem label="Sorting Result:">
+						<s:List id="sCltResult" dataProvider="{_resultArrColl}" toolTip="Strings that are equal will show within one line."/>
+					</s:FormItem>
+				</s:HGroup>
+			</s:Form>
+		</s:Group>
+	</s:Scroller>
+	
+</s:Application>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/spark/i18n/SparkCurrencyFormatter2Example.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/i18n/SparkCurrencyFormatter2Example.mxml b/TourDeFlex/TourDeFlex3/src/spark/i18n/SparkCurrencyFormatter2Example.mxml
new file mode 100644
index 0000000..1c24727
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/spark/i18n/SparkCurrencyFormatter2Example.mxml
@@ -0,0 +1,71 @@
+<?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.
+
+-->
+<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
+			   xmlns:s="library://ns.adobe.com/flex/spark"
+			   xmlns:mx="library://ns.adobe.com/flex/mx"
+			   width="100%" height="100%">
+	<fx:Style>
+		@namespace s "library://ns.adobe.com/flex/spark";
+		@namespace mx "library://ns.adobe.com/flex/mx";
+		s|Label {
+			color: #FFFFFF;
+			font-weight: bold;
+		}
+		#titleL {
+			font-size: 20;
+		}
+		s|ComboBox {
+			alternating-item-colors: #424242;
+		}
+		
+		s|Form {
+			background-color: #424242;
+		}
+	</fx:Style>
+	<fx:Script>
+		<![CDATA[
+			import mx.collections.ArrayCollection;
+			[Bindable]
+			private var _locales:ArrayCollection = new ArrayCollection(['en-US','de-DE','ja-JP','ru-RU','ar-SA','zh-CN','fr-FR']);
+		]]>
+	</fx:Script>
+	<fx:Declarations>
+		<!-- Place non-visual elements (e.g., services, value objects) here -->
+		<s:CurrencyFormatter id="cf"/>
+	</fx:Declarations>
+	<s:Scroller width="100%" height="100%">
+		<s:Group>
+			<s:Form>
+				<s:Label id="titleL" text="Spark CurrencyFormatter"/>
+				<s:Label text="Format a currency number by using spark CurrencyFormatter"/>
+				<s:Spacer height="15"/>
+				<s:FormItem label="Locales">
+					<s:ComboBox id="localeCB" dataProvider="{_locales}" selectedIndex="0" updateComplete="cf.setStyle('locale',localeCB.selectedItem)"/>
+				</s:FormItem>
+				<s:FormItem label="Please enter a currency number: ">
+					<s:TextInput id="inputTI" text="12345"/>
+				</s:FormItem>
+				<s:FormItem label="Format result: ">
+					<s:Label id="resultL" text="{cf.format(inputTI.text)}"/>
+				</s:FormItem>
+			</s:Form>
+		</s:Group>
+	</s:Scroller>
+</s:Application>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/spark/i18n/SparkCurrencyFormatterExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/i18n/SparkCurrencyFormatterExample.mxml b/TourDeFlex/TourDeFlex3/src/spark/i18n/SparkCurrencyFormatterExample.mxml
new file mode 100644
index 0000000..b198370
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/spark/i18n/SparkCurrencyFormatterExample.mxml
@@ -0,0 +1,112 @@
+<?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.
+
+-->
+<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
+			   xmlns:s="library://ns.adobe.com/flex/spark"
+			   xmlns:mx="library://ns.adobe.com/flex/mx"
+			   width="100%" height="100%">
+	<fx:Style>
+		@namespace s "library://ns.adobe.com/flex/spark";
+		@namespace mx "library://ns.adobe.com/flex/mx";
+		s|Label {
+			color: #FFFFFF;
+			font-weight: bold;
+		}
+		#titleL {
+			font-size: 20;
+		}
+		s|ComboBox {
+			alternating-item-colors: #424242;
+		}
+		
+		s|Form {
+			background-color: #424242;
+		}
+	</fx:Style>
+	
+	<fx:Script>
+		<![CDATA[
+			import mx.collections.ArrayCollection;
+			
+			[Bindable]
+			private var locales:ArrayCollection = new ArrayCollection(['en-US','de-DE','ja-JP','ru-RU','ar-SA','zh-CN','fr-FR']);
+			[Bindable]
+			private var groupPatternArrColl:ArrayCollection = new ArrayCollection(['3;*', '1;*', '3;2;*', '3;2;1;*','2;1']);
+			
+			protected function formatCurr():void
+			{
+				cf.useCurrencySymbol = false;
+				resultL.text = cf.format(inputTI.text);
+				cf.useCurrencySymbol = true;
+				resultSymbolL.text = cf.format(inputTI.text);
+			}
+			
+		]]>
+	</fx:Script>
+	<fx:Declarations>
+		<!-- Place non-visual elements (e.g., services, value objects) here -->
+		<s:CurrencyFormatter id="cf" locale="{localeCB.selectedItem}"/>
+		<s:CurrencyFormatter id="cf_default" locale="{localeCB.selectedItem}"/>
+	</fx:Declarations>
+	<s:layout>
+		<s:VerticalLayout/>
+	</s:layout>
+	<s:Scroller id="scroller" width="100%" height="100%">
+		<s:Group>
+			<s:Form>
+				<s:Label id="titleL" text="Spark CurrencyFormatter"/>
+				<s:Label text="Select a locale to see the property value and formatted currency: "/>
+				<s:Spacer height="15"/>
+				<s:FormItem label="Locale:">
+					<s:ComboBox id="localeCB" dataProvider="{locales}" selectedIndex="0" updateComplete="formatCurr()"/>
+				</s:FormItem>
+				<s:FormItem label="Input a number to format:">
+					<s:TextInput id="inputTI" text="12345" change="formatCurr()"/>
+				</s:FormItem>
+				<s:FormItem label="Fraction Digits: (default: {cf_default.fractionalDigits})">
+					<s:NumericStepper id="fdNS" maximum="10" minimum="0" change="cf.fractionalDigits = fdNS.value;formatCurr()"/>
+				</s:FormItem>
+				<s:FormItem label="Decimal Separator: (default: {cf_default.decimalSeparator})">
+					<s:TextInput id="dsTI" change="cf.decimalSeparator = dsTI.text;formatCurr()"/>
+				</s:FormItem>
+				<s:FormItem label="Grouping Pattern: (default: {cf_default.groupingPattern})">
+					<s:ComboBox id="gpCB" dataProvider="{groupPatternArrColl}" change="cf.groupingPattern = gpCB.selectedItem;formatCurr()"/>
+				</s:FormItem>
+				<s:FormItem label="Grouping Separator: (default: {cf_default.groupingSeparator})">
+					<s:TextInput id="gsTI" change="cf.groupingSeparator = gsTI.text;formatCurr()"/>
+				</s:FormItem>
+				<s:FormItem label="Negative Currency Format: (default: {cf_default.negativeCurrencyFormat})">
+					<s:NumericStepper id="ncfNS" minimum="0" maximum="15" change="cf.negativeCurrencyFormat = ncfNS.value;formatCurr()"/>
+				</s:FormItem>
+				<s:FormItem label="Positive Currency Format: (default: {cf_default.positiveCurrencyFormat})">
+					<s:NumericStepper id="pcfNS" middleClick="0" maximum="3" change="cf.positiveCurrencyFormat = pcfNS.value;formatCurr()"/>
+				</s:FormItem>
+				<s:Label text="==================================================================="/>
+				<s:FormItem label="Formatted Currency with ISO code is:">
+					<s:Label id="resultL"/>
+				</s:FormItem>
+				<s:FormItem label="Formatted Currency with currency symbol is:">
+					<s:Label id="resultSymbolL"/>
+				</s:FormItem>
+			</s:Form>
+		</s:Group>
+	</s:Scroller>
+	
+	
+</s:Application>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/spark/i18n/SparkCurrencyValidator2Example.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/i18n/SparkCurrencyValidator2Example.mxml b/TourDeFlex/TourDeFlex3/src/spark/i18n/SparkCurrencyValidator2Example.mxml
new file mode 100644
index 0000000..05f17de
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/spark/i18n/SparkCurrencyValidator2Example.mxml
@@ -0,0 +1,71 @@
+<?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.
+
+-->
+<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
+			   xmlns:s="library://ns.adobe.com/flex/spark"
+			   xmlns:mx="library://ns.adobe.com/flex/mx"
+			   width="100%" height="100%">
+	<fx:Style>
+		@namespace s "library://ns.adobe.com/flex/spark";
+		@namespace mx "library://ns.adobe.com/flex/mx";
+		s|Label {
+			color: #FFFFFF;
+			font-weight: bold;
+		}
+		#titleL {
+			font-size: 20;
+		}
+		s|ComboBox {
+			alternating-item-colors: #424242;
+		}
+		s|Form {
+			background-color: #424242;
+		}
+	</fx:Style>
+	<fx:Script>
+		<![CDATA[
+			import mx.collections.ArrayCollection;
+			[Bindable]
+			private var _locales:ArrayCollection = new ArrayCollection(['en-US','de-DE','ja-JP','ru-RU','zh-CN','fr-FR']);
+		]]>
+	</fx:Script>
+	<fx:Declarations>
+		<!-- Place non-visual elements (e.g., services, value objects) here -->
+		<s:CurrencyValidator id="cv" source="{inputTI}" property="text" 
+							 maxValue="100" domain="int" locale="{localeCB.selectedItem}"/>
+	</fx:Declarations>
+	<s:Scroller width="100%" height="100%">
+		<s:Group>
+			<s:Form>
+				<s:Label id="titleL" text="Spark CurrencyValidator"/>
+				<s:Label text="Validate a currency number by using Spark CurrencyValidator"/>
+				<s:Spacer height="15"/>
+				<s:FormItem label="Locales:">
+					<s:ComboBox id="localeCB" dataProvider="{_locales}" selectedIndex="0"/>
+				</s:FormItem>
+				<s:FormItem label="Enter a currency number to validate: "
+							toolTip="The number should be an integer and less than 100">
+					<s:TextInput id="inputTI" text="{cv.currencySymbol}"
+								 toolTip="It shows the currency symbol of current locale already, please continue enter numbers to validate. 
+								 Make focus out of the text input to validate the number."/>
+				</s:FormItem>
+			</s:Form>
+		</s:Group>
+	</s:Scroller>
+</s:Application>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/spark/i18n/SparkCurrencyValidatorExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/i18n/SparkCurrencyValidatorExample.mxml b/TourDeFlex/TourDeFlex3/src/spark/i18n/SparkCurrencyValidatorExample.mxml
new file mode 100644
index 0000000..c988d93
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/spark/i18n/SparkCurrencyValidatorExample.mxml
@@ -0,0 +1,125 @@
+<?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.
+
+-->
+<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
+			   xmlns:s="library://ns.adobe.com/flex/spark"
+			   xmlns:mx="library://ns.adobe.com/flex/mx"
+			   width="100%" height="100%">
+	<fx:Style>
+		@namespace s "library://ns.adobe.com/flex/spark";
+		@namespace mx "library://ns.adobe.com/flex/mx";
+		s|Label {
+			color: #FFFFFF;
+			font-weight: bold;
+		}
+		#titleL {
+			font-size: 20;
+		}
+		s|ComboBox {
+			alternating-item-colors: #424242;
+		}
+		
+		s|Form {
+			background-color: #424242;
+		}
+	</fx:Style>
+	
+	<fx:Script>
+		<![CDATA[
+			import mx.collections.ArrayCollection;
+			import mx.events.FlexEvent;
+			
+			import spark.validators.supportClasses.GlobalizationValidatorBase;
+			
+			[Bindable]
+			private var _locales:ArrayCollection = new ArrayCollection(['en-US','de-DE','ja-JP','ru-RU','zh-CN','fr-FR']);
+			
+			protected function localeCB_updateCompleteHandler(event:FlexEvent):void
+			{
+				this.setStyle('locale',localeCB.selectedItem);
+			}
+			
+			protected function button1_clickHandler(event:MouseEvent):void
+			{
+				var _validatorsArr:Array = [cv1,cv2,cv3,cv4,cv5];
+				
+				GlobalizationValidatorBase.validateAll(_validatorsArr);
+			}
+			
+		]]>
+	</fx:Script>
+	<fx:Declarations>
+		<!-- Place non-visual elements (e.g., services, value objects) here -->
+		
+		<!--Click Tab key to validate the number-->
+		<s:CurrencyValidator id="cv1" source="{currTI1}" property="text"/>
+		<s:CurrencyValidator id="cv2" source="{currTI2}" property="text"/>
+		<s:CurrencyValidator id="cv3" source="{currTI3}" property="text" fractionalDigits="2"/>
+		<s:CurrencyValidator id="cv4" source="{currTI4}" property="text" minValue="20" maxValue="200"/>
+		<s:CurrencyValidator id="cv5" source="{currTI5}" property="text" domain="int"/>
+	</fx:Declarations>
+	<s:layout>
+		<s:VerticalLayout/>
+	</s:layout>
+	<s:Scroller id="scroller" width="100%" height="100%">
+		<s:Group>
+			<s:Form>
+				<s:Label id="titleL" text="Spark CurrencyValidator"/>
+				<s:Label text="Create some criterions and validate the input number: "/>
+				<s:Spacer height="15"/>
+				<s:FormItem label="Locale:">
+					<s:ComboBox id="localeCB" dataProvider="{_locales}" selectedIndex="0" updateComplete="localeCB_updateCompleteHandler(event)"/>
+				</s:FormItem>
+				<s:Label text="============================================================================"/>
+				<s:FormItem label="Currency symbol and ISO code based on current locale are:">
+					<s:HGroup>
+						<s:Label id="symbolL" text="Currency symbol:  {cv1.currencySymbol}"/>
+						<s:Label id="isoL" text="Currency ISO code:  {cv1.currencyISOCode}"/>
+					</s:HGroup>
+				</s:FormItem>
+				<s:FormItem label="Please enter an integer currency number with currency symbol:">
+					<s:TextInput id="currTI1" text="{cv1.currencySymbol}" 
+								 toolTip="Here is the correct currency symbol of current locale, please continue enter numbers to validate"/>
+				</s:FormItem>
+				<s:FormItem label="Please enter an integer currency number with currency ISO code:">
+					<s:TextInput id="currTI2" text="{cv1.currencyISOCode}" 
+								 toolTip="Here is the correct currency ISO code of current locale, please continue enter numbers to validate"/>
+				</s:FormItem>
+				<s:FormItem label="Please enter a currency number with at most two fractional digits:">
+					<s:TextInput id="currTI3" 
+								 toolTip="decimal separator of current locale is {cv3.decimalSeparator}"/>
+				</s:FormItem>
+				<s:FormItem label="Please enter a currency number between 20 and 200:">
+					<s:TextInput id="currTI4"/>
+				</s:FormItem>
+				<s:FormItem label="Please enter an integer currency number:">
+					<s:TextInput id="currTI5"/>
+				</s:FormItem>
+				<s:FormItem label="Click the button to validate all inputted currency number:">
+					<s:HGroup>
+						<s:Button label="Validate All" click="button1_clickHandler(event)"/>
+						<s:Label id="resultL"/>
+					</s:HGroup>
+				</s:FormItem>
+			</s:Form>
+		</s:Group>
+	</s:Scroller>
+	
+	
+</s:Application>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/spark/i18n/SparkDateTimeFormatter2Example.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/i18n/SparkDateTimeFormatter2Example.mxml b/TourDeFlex/TourDeFlex3/src/spark/i18n/SparkDateTimeFormatter2Example.mxml
new file mode 100644
index 0000000..4761dd1
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/spark/i18n/SparkDateTimeFormatter2Example.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.
+
+-->
+<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
+			   xmlns:s="library://ns.adobe.com/flex/spark"
+			   xmlns:mx="library://ns.adobe.com/flex/mx"
+			   width="100%" height="100%">
+	<fx:Style>
+		@namespace s "library://ns.adobe.com/flex/spark";
+		@namespace mx "library://ns.adobe.com/flex/mx";
+		s|Label {
+			color: #FFFFFF;
+			font-weight: bold;
+		}
+		#titleL {
+			font-size: 20;
+		}
+		s|ComboBox {
+			alternating-item-colors: #424242;
+		}
+		
+		s|Form {
+			background-color: #424242;
+		}
+	</fx:Style>
+	<fx:Script>
+		<![CDATA[
+			import mx.collections.ArrayCollection;
+			
+			[Bindable]
+			private var locales:ArrayCollection = new ArrayCollection(['en-US','de-DE','ja-JP','ru-RU','ar-SA','zh-CN']);
+		]]>
+	</fx:Script>
+	<fx:Declarations>
+		<!-- Place non-visual elements (e.g., services, value objects) here -->
+		<s:DateTimeFormatter id="dtf" locale="{localeCB.selectedItem}"/>
+	</fx:Declarations>
+	<s:Scroller width="100%" height="100%">
+		<s:Group>
+			<s:Form>
+				<s:Label id="titleL" text="Spark DateTimeFormatter"/>
+				<s:Label text="Format a date by using Spark DateTimeFormatter: "/>
+				<s:Spacer height="15"/>
+				
+				<s:FormItem label="Locales:">
+					<s:ComboBox id="localeCB" dataProvider="{locales}" selectedIndex="0"/>
+				</s:FormItem>
+				<s:FormItem label="Choose a date:">
+					<mx:DateChooser id="dateC" showToday="false"/>
+				</s:FormItem>
+				<s:FormItem label="Format result is:">
+					<s:Label id="resultL" text="{dtf.format(dateC.selectedDate)}"/>
+				</s:FormItem>
+			</s:Form>
+		</s:Group>
+	</s:Scroller>
+</s:Application>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/spark/i18n/SparkDateTimeFormatterExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/i18n/SparkDateTimeFormatterExample.mxml b/TourDeFlex/TourDeFlex3/src/spark/i18n/SparkDateTimeFormatterExample.mxml
new file mode 100644
index 0000000..15733c4
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/spark/i18n/SparkDateTimeFormatterExample.mxml
@@ -0,0 +1,101 @@
+<?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.
+
+-->
+<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
+			   xmlns:s="library://ns.adobe.com/flex/spark"
+			   xmlns:mx="library://ns.adobe.com/flex/mx"
+			   width="100%" height="100%">
+	<fx:Style>
+		@namespace s "library://ns.adobe.com/flex/spark";
+		@namespace mx "library://ns.adobe.com/flex/mx";
+		s|Label {
+			color: #FFFFFF;
+			font-weight: bold;
+		}
+		#titleL {
+			font-size: 20;
+		}
+		s|ComboBox {
+			alternating-item-colors: #424242;
+		}
+		
+		s|Form {
+			background-color: #424242;
+		}
+	</fx:Style>
+	
+	<fx:Script>
+		<![CDATA[
+			import mx.collections.ArrayCollection;
+			
+			[Bindable]
+			private var locales:ArrayCollection = new ArrayCollection(['en-US','de-DE','ja-JP','ru-RU','ar-SA','zh-CN']);
+			[Bindable]
+			private var dateTimePatternAryColl:ArrayCollection = new ArrayCollection(['MM-yyyy', 'MM/dd/yyyy', 'dd','hh:mm a','MM/dd/yy hh:mm:ss a', 'hh:mm:ss', 'EEEE, MMMM dd, yyyy h:mm:ss a']);
+			
+			//format the date which is selected in calender
+			protected function formatDate():void
+			{
+				resultL.text = (dateField.selectedDate != null)
+					? dtf.format(dateField.selectedDate):dtf.format(new Date());
+			}
+		]]>
+	</fx:Script>
+	<fx:Declarations>
+		<!-- Place non-visual elements (e.g., services, value objects) here -->
+		<s:DateTimeFormatter id="dtf"/>
+	</fx:Declarations>
+	<s:layout>
+		<s:VerticalLayout/>
+	</s:layout>
+	<s:Scroller id="scroller" width="100%" height="100%">
+		<s:Group>
+			<s:Form>
+				<s:Label id="titleL" text="Spark DateTimeFormatter"/>
+				<s:Label text="Select a locale to see the formatted date, weekday names and month names: "/>
+				<s:Spacer height="15"/>
+				
+				<s:FormItem label="Locale: ">
+					<s:ComboBox id="localeCB" dataProvider="{locales}" selectedIndex="0" updateComplete="dtf.setStyle('locale',localeCB.selectedItem)"/>
+				</s:FormItem>
+				<s:FormItem label="Please select the format of date:">
+					<s:ComboBox id="dtpCB" dataProvider="{dateTimePatternAryColl}" selectedIndex="0" updateComplete="dtf.dateTimePattern=dtpCB.selectedItem"/>
+				</s:FormItem>
+				<s:FormItem label="Please select a date to format:">
+					<mx:DateField id="dateField"/>
+				</s:FormItem>
+				<s:FormItem label="The Weekday Names are:">
+					<s:Label text="{dtf.getWeekdayNames()}"/>
+				</s:FormItem>
+				<s:FormItem label="The Month Names are:">
+					<s:Label text="{dtf.getMonthNames()}"/>
+				</s:FormItem>
+				<s:Label text="     ==========================================================================="/>
+				<s:FormItem label="The formatted result is:">
+					<s:Label id="resultL"/>
+				</s:FormItem>
+				<s:FormItem>
+					<s:Button id="bt" label="Format Date" click="formatDate()"/>
+				</s:FormItem>
+			</s:Form>
+		</s:Group>
+	</s:Scroller>
+	
+	
+</s:Application>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/spark/i18n/SparkFormatterExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/i18n/SparkFormatterExample.mxml b/TourDeFlex/TourDeFlex3/src/spark/i18n/SparkFormatterExample.mxml
new file mode 100644
index 0000000..7b92c15
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/spark/i18n/SparkFormatterExample.mxml
@@ -0,0 +1,58 @@
+<?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.
+
+-->
+<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
+			   xmlns:s="library://ns.adobe.com/flex/spark"
+			   xmlns:mx="library://ns.adobe.com/flex/mx"
+			   backgroundColor="haloSilver" fontSize="18" locale="{c.selectedItem}">
+	
+	<s:layout>
+		<s:VerticalLayout horizontalAlign="center" paddingTop="10" paddingBottom="10" paddingLeft="10" paddingRight="10" 
+						  gap="8"/>
+	</s:layout>
+	
+	<fx:Declarations>
+		<s:CurrencyFormatter id="cf" useCurrencySymbol="true"/>
+		<s:DateTimeFormatter id="df"/>
+	</fx:Declarations>
+	
+	<s:Label text="Select a locale to see the formatted currency and date:"/>
+	<s:ComboBox id="c" selectedItem="en-US...">
+		<s:dataProvider>
+			<s:ArrayList>
+				<fx:String>de-DE</fx:String>
+				<fx:String>en-US</fx:String>
+				<fx:String>es-ES</fx:String>
+				<fx:String>fi-FI</fx:String>
+				<fx:String>fr-FR</fx:String>
+				<fx:String>it-IT</fx:String>
+				<fx:String>ja-JP</fx:String>
+				<fx:String>ko-KR</fx:String>
+				<fx:String>nb-NO</fx:String>
+				<fx:String>pt-PT</fx:String>
+				<fx:String>ru-RU</fx:String>
+				<fx:String>zh-CN</fx:String>
+			</s:ArrayList>
+		</s:dataProvider>
+	</s:ComboBox>
+	
+	<s:Label text="{cf.format(12.3)}"/>
+	<s:Label text="{df.format(new Date())}"/>
+	
+</s:Application>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/spark/i18n/SparkNumberFormatter2Example.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/i18n/SparkNumberFormatter2Example.mxml b/TourDeFlex/TourDeFlex3/src/spark/i18n/SparkNumberFormatter2Example.mxml
new file mode 100644
index 0000000..fcb52d1
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/spark/i18n/SparkNumberFormatter2Example.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.
+
+-->
+<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
+			   xmlns:s="library://ns.adobe.com/flex/spark" 
+			   xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600">
+	<fx:Style>
+		@namespace s "library://ns.adobe.com/flex/spark";
+		@namespace mx "library://ns.adobe.com/flex/mx";
+		s|Label {
+			color: #FFFFFF;
+			font-weight: bold;
+		}
+		#titleL {
+			font-size: 20;
+		}
+		s|ComboBox {
+			alternating-item-colors: #424242;
+		}
+		s|Form {
+			background-color: #424242;
+		}
+	</fx:Style>
+	<fx:Script>
+		<![CDATA[
+			import mx.collections.ArrayCollection;
+			[Bindable]
+			private var locales:ArrayCollection = new ArrayCollection(['en-US','de-DE','ja-JP','ru-RU','ar-SA','zh-CN','fr-FR']);
+		]]>
+	</fx:Script>
+	<fx:Declarations>
+		<!-- Place non-visual elements (e.g., services, value objects) here -->
+		<s:NumberFormatter id="nf" locale="{localeCB.selectedItem}"/>
+	</fx:Declarations>
+	<s:Scroller width="100%" height="100%">
+		<s:Group>
+			<s:Form>
+				<s:Label id="titleL" text="Spark NumberFormatter"/>
+				<s:Label text="Format a number by using spark NumberFormatter"/>
+				<s:Spacer height="15"/>
+				<s:FormItem label="Locales:">
+					<s:ComboBox id="localeCB" dataProvider="{locales}" selectedIndex="0"/>
+				</s:FormItem>
+				<s:FormItem label="Please enter a number:">
+					<s:TextInput id="inputTI" text="12345"/>
+				</s:FormItem>
+				<s:FormItem label="Format result:">
+					<s:Label text="{nf.format(inputTI.text)}"/>
+				</s:FormItem>
+			</s:Form>
+		</s:Group>
+	</s:Scroller>
+</s:Application>


[16/51] [partial] Merged TourDeFlex release from develop

Posted by jm...@apache.org.
http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR20/SocketServer/srcview/SourceStyles.css
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR20/SocketServer/srcview/SourceStyles.css b/TourDeFlex/TourDeFlex/src/objects/AIR20/SocketServer/srcview/SourceStyles.css
new file mode 100644
index 0000000..9d5210f
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR20/SocketServer/srcview/SourceStyles.css
@@ -0,0 +1,155 @@
+/*
+ * 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.
+ */
+body {
+	font-family: Courier New, Courier, monospace;
+	font-size: medium;
+}
+
+.ActionScriptASDoc {
+	color: #3f5fbf;
+}
+
+.ActionScriptBracket/Brace {
+}
+
+.ActionScriptComment {
+	color: #009900;
+	font-style: italic;
+}
+
+.ActionScriptDefault_Text {
+}
+
+.ActionScriptMetadata {
+	color: #0033ff;
+	font-weight: bold;
+}
+
+.ActionScriptOperator {
+}
+
+.ActionScriptReserved {
+	color: #0033ff;
+	font-weight: bold;
+}
+
+.ActionScriptString {
+	color: #990000;
+	font-weight: bold;
+}
+
+.ActionScriptclass {
+	color: #9900cc;
+	font-weight: bold;
+}
+
+.ActionScriptfunction {
+	color: #339966;
+	font-weight: bold;
+}
+
+.ActionScriptinterface {
+	color: #9900cc;
+	font-weight: bold;
+}
+
+.ActionScriptpackage {
+	color: #9900cc;
+	font-weight: bold;
+}
+
+.ActionScripttrace {
+	color: #cc6666;
+	font-weight: bold;
+}
+
+.ActionScriptvar {
+	color: #6699cc;
+	font-weight: bold;
+}
+
+.MXMLASDoc {
+	color: #3f5fbf;
+}
+
+.MXMLComment {
+	color: #800000;
+}
+
+.MXMLComponent_Tag {
+	color: #0000ff;
+}
+
+.MXMLDefault_Text {
+}
+
+.MXMLProcessing_Instruction {
+}
+
+.MXMLSpecial_Tag {
+	color: #006633;
+}
+
+.MXMLString {
+	color: #990000;
+}
+
+.CSS@font-face {
+	color: #990000;
+	font-weight: bold;
+}
+
+.CSS@import {
+	color: #006666;
+	font-weight: bold;
+}
+
+.CSS@media {
+	color: #663333;
+	font-weight: bold;
+}
+
+.CSS@namespace {
+	color: #923196;
+}
+
+.CSSComment {
+	color: #999999;
+}
+
+.CSSDefault_Text {
+}
+
+.CSSDelimiters {
+}
+
+.CSSProperty_Name {
+	color: #330099;
+}
+
+.CSSProperty_Value {
+	color: #3333cc;
+}
+
+.CSSSelector {
+	color: #ff00ff;
+}
+
+.CSSString {
+	color: #990000;
+}
+

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR20/SocketServer/srcview/SourceTree.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR20/SocketServer/srcview/SourceTree.html b/TourDeFlex/TourDeFlex/src/objects/AIR20/SocketServer/srcview/SourceTree.html
new file mode 100644
index 0000000..80281a9
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR20/SocketServer/srcview/SourceTree.html
@@ -0,0 +1,129 @@
+<!--
+  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.
+-->
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<!-- saved from url=(0014)about:internet -->
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">	
+    <!-- 
+    Smart developers always View Source. 
+    
+    This application was built using Adobe Flex, an open source framework
+    for building rich Internet applications that get delivered via the
+    Flash Player or to desktops via Adobe AIR. 
+    
+    Learn more about Flex at http://flex.org 
+    // -->
+    <head>
+        <title></title>         
+        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+		<!-- Include CSS to eliminate any default margins/padding and set the height of the html element and 
+		     the body element to 100%, because Firefox, or any Gecko based browser, interprets percentage as 
+			 the percentage of the height of its parent container, which has to be set explicitly.  Initially, 
+			 don't display flashContent div so it won't show if JavaScript disabled.
+		-->
+        <style type="text/css" media="screen"> 
+			html, body	{ height:100%; }
+			body { margin:0; padding:0; overflow:auto; text-align:center; 
+			       background-color: #ffffff; }   
+			#flashContent { display:none; }
+        </style>
+		
+		<!-- Enable Browser History by replacing useBrowserHistory tokens with two hyphens -->
+        <!-- BEGIN Browser History required section >
+        <link rel="stylesheet" type="text/css" href="history/history.css" />
+        <script type="text/javascript" src="history/history.js"></script>
+        <! END Browser History required section -->  
+		    
+        <script type="text/javascript" src="swfobject.js"></script>
+        <script type="text/javascript">
+  	        function loadIntoMain(url) {
+				parent.mainFrame.location.href = url;
+			}
+			
+			function openUrlWindow(url) {
+				window.top.location = url;
+			}
+			
+            <!-- For version detection, set to min. required Flash Player version, or 0 (or 0.0.0), for no version detection. --> 
+            var swfVersionStr = "10.0.0";
+            <!-- To use express install, set to playerProductInstall.swf, otherwise the empty string. -->
+            var xiSwfUrlStr = "playerProductInstall.swf";
+            var flashvars = {};
+            var params = {};
+            params.quality = "high";
+            params.bgcolor = "#ffffff";
+            params.allowscriptaccess = "sameDomain";
+            params.allowfullscreen = "true";
+            var attributes = {};
+            attributes.id = "SourceTree";
+            attributes.name = "SourceTree";
+            attributes.align = "middle";
+            swfobject.embedSWF(
+                "SourceTree.swf", "flashContent", 
+                "100%", "100%", 
+                swfVersionStr, xiSwfUrlStr, 
+                flashvars, params, attributes);
+			<!-- JavaScript enabled so display the flashContent div in case it is not replaced with a swf object. -->
+			swfobject.createCSS("#flashContent", "display:block;text-align:left;");
+        </script>
+    </head>
+    <body>
+        <!-- SWFObject's dynamic embed method replaces this alternative HTML content with Flash content when enough 
+			 JavaScript and Flash plug-in support is available. The div is initially hidden so that it doesn't show
+			 when JavaScript is disabled.
+		-->
+        <div id="flashContent">
+        	<p>
+	        	To view this page ensure that Adobe Flash Player version 
+				10.0.0 or greater is installed. 
+			</p>
+			<script type="text/javascript"> 
+				var pageHost = ((document.location.protocol == "https:") ? "https://" :	"http://"); 
+				document.write("<a href='http://www.adobe.com/go/getflashplayer'><img src='" 
+								+ pageHost + "www.adobe.com/images/shared/download_buttons/get_flash_player.gif' alt='Get Adobe Flash player' /></a>" ); 
+			</script> 
+        </div>
+	   	
+       	<noscript>
+            <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="100%" height="100%" id="SourceTree">
+                <param name="movie" value="SourceTree.swf" />
+                <param name="quality" value="high" />
+                <param name="bgcolor" value="#ffffff" />
+                <param name="allowScriptAccess" value="sameDomain" />
+                <param name="allowFullScreen" value="true" />
+                <!--[if !IE]>-->
+                <object type="application/x-shockwave-flash" data="SourceTree.swf" width="100%" height="100%">
+                    <param name="quality" value="high" />
+                    <param name="bgcolor" value="#ffffff" />
+                    <param name="allowScriptAccess" value="sameDomain" />
+                    <param name="allowFullScreen" value="true" />
+                <!--<![endif]-->
+                <!--[if gte IE 6]>-->
+                	<p> 
+                		Either scripts and active content are not permitted to run or Adobe Flash Player version
+                		10.0.0 or greater is not installed.
+                	</p>
+                <!--<![endif]-->
+                    <a href="http://www.adobe.com/go/getflashplayer">
+                        <img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash Player" />
+                    </a>
+                <!--[if !IE]>-->
+                </object>
+                <!--<![endif]-->
+            </object>
+	    </noscript>		
+   </body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR20/SocketServer/srcview/index.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR20/SocketServer/srcview/index.html b/TourDeFlex/TourDeFlex/src/objects/AIR20/SocketServer/srcview/index.html
new file mode 100644
index 0000000..683f0f4
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR20/SocketServer/srcview/index.html
@@ -0,0 +1,32 @@
+<!--
+  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.
+-->
+<!-- saved from url=(0014)about:internet -->
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+<title>Source of Sample-AIR2-SocketServer</title>
+</head>
+<frameset cols="235,*" border="2" framespacing="1">
+    <frame src="SourceTree.html" name="leftFrame" scrolling="NO">
+    <frame src="source/SocketServerSample.mxml.html" name="mainFrame">
+</frameset>
+<noframes>
+	<body>		
+	</body>
+</noframes>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR20/SocketServer/srcview/source/SocketClient.as.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR20/SocketServer/srcview/source/SocketClient.as.html b/TourDeFlex/TourDeFlex/src/objects/AIR20/SocketServer/srcview/source/SocketClient.as.html
new file mode 100644
index 0000000..fa93516
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR20/SocketServer/srcview/source/SocketClient.as.html
@@ -0,0 +1,140 @@
+<!--
+  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.
+-->
+<!-- saved from url=(0014)about:internet -->
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+<title>SocketClient.as</title>
+<link rel="stylesheet" type="text/css" href="../SourceStyles.css"/>
+</head>
+
+<body><pre><span class="ActionScriptpackage">package</span> <span class="ActionScriptBracket/Brace">{</span>
+    <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">flash</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">events</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">ErrorEvent</span>;
+    <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">flash</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">events</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">Event</span>;
+    <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">flash</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">events</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">IOErrorEvent</span>;
+    <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">flash</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">events</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">ProgressEvent</span>;
+    <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">flash</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">net</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">Socket</span>;
+    <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">flash</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">utils</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">ByteArray</span>;
+    
+    <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">mx</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">controls</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">Alert</span>;
+    
+    <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">spark</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">components</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">TextArea</span>;
+    
+    <span class="ActionScriptReserved">public</span> <span class="ActionScriptclass">class</span> <span class="ActionScriptDefault_Text">SocketClient</span>
+    <span class="ActionScriptBracket/Brace">{</span>
+        <span class="ActionScriptReserved">private</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">serverURL</span>:<span class="ActionScriptDefault_Text">String</span>;
+        <span class="ActionScriptReserved">private</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">portNumber</span>:<span class="ActionScriptDefault_Text">int</span>;
+        <span class="ActionScriptReserved">private</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">socket</span>:<span class="ActionScriptDefault_Text">Socket</span>;
+        <span class="ActionScriptReserved">private</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">ta</span>:<span class="ActionScriptDefault_Text">TextArea</span>;
+        <span class="ActionScriptReserved">private</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">state</span>:<span class="ActionScriptDefault_Text">int</span> <span class="ActionScriptOperator">=</span> 0;
+        
+
+        <span class="ActionScriptReserved">public</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">SocketClient</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">server</span>:<span class="ActionScriptDefault_Text">String</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">port</span>:<span class="ActionScriptDefault_Text">int</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">output</span>:<span class="ActionScriptDefault_Text">TextArea</span><span class="ActionScriptBracket/Brace">)</span>
+        <span class="ActionScriptBracket/Brace">{</span>
+            <span class="ActionScriptDefault_Text">serverURL</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">server</span>;
+            <span class="ActionScriptDefault_Text">portNumber</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">port</span>;
+            <span class="ActionScriptDefault_Text">ta</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">output</span>;
+            
+            <span class="ActionScriptDefault_Text">socket</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">Socket</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
+            
+            <span class="ActionScriptReserved">try</span>
+            <span class="ActionScriptBracket/Brace">{</span>
+                <span class="ActionScriptDefault_Text">msg</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">"Connecting to "</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptDefault_Text">serverURL</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptString">":"</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptDefault_Text">portNumber</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptString">"\n"</span><span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptDefault_Text">socket</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">connect</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">serverURL</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">portNumber</span><span class="ActionScriptBracket/Brace">)</span>;
+            <span class="ActionScriptBracket/Brace">}</span>
+            <span class="ActionScriptReserved">catch</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">error</span>:<span class="ActionScriptDefault_Text">Error</span><span class="ActionScriptBracket/Brace">)</span>
+            <span class="ActionScriptBracket/Brace">{</span>
+                <span class="ActionScriptDefault_Text">msg</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">error</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">message</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptString">"\n"</span><span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptDefault_Text">socket</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">close</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
+            <span class="ActionScriptBracket/Brace">}</span>
+            <span class="ActionScriptDefault_Text">socket</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">addEventListener</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">Event</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">CONNECT</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">connectHandler</span><span class="ActionScriptBracket/Brace">)</span>;
+            <span class="ActionScriptDefault_Text">socket</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">addEventListener</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">Event</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">CLOSE</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">closeHandler</span><span class="ActionScriptBracket/Brace">)</span>;
+            <span class="ActionScriptDefault_Text">socket</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">addEventListener</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">ErrorEvent</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">ERROR</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">errorHandler</span><span class="ActionScriptBracket/Brace">)</span>;
+            <span class="ActionScriptDefault_Text">socket</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">addEventListener</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">IOErrorEvent</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">IO_ERROR</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">ioErrorHandler</span><span class="ActionScriptBracket/Brace">)</span>;
+            <span class="ActionScriptDefault_Text">socket</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">addEventListener</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">ProgressEvent</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">SOCKET_DATA</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">dataHandler</span><span class="ActionScriptBracket/Brace">)</span>;
+            
+        <span class="ActionScriptBracket/Brace">}</span>
+        
+        <span class="ActionScriptReserved">public</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">closeSocket</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
+        <span class="ActionScriptBracket/Brace">{</span>
+            <span class="ActionScriptReserved">try</span> <span class="ActionScriptBracket/Brace">{</span>
+                <span class="ActionScriptDefault_Text">socket</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">flush</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptDefault_Text">socket</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">close</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
+            <span class="ActionScriptBracket/Brace">}</span>
+            <span class="ActionScriptReserved">catch</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">error</span>:<span class="ActionScriptDefault_Text">Error</span><span class="ActionScriptBracket/Brace">)</span>
+            <span class="ActionScriptBracket/Brace">{</span>
+                <span class="ActionScriptDefault_Text">msg</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">error</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">message</span><span class="ActionScriptBracket/Brace">)</span>;
+            <span class="ActionScriptBracket/Brace">}</span>
+        <span class="ActionScriptBracket/Brace">}</span>
+        
+        <span class="ActionScriptReserved">public</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">writeToSocket</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">ba</span>:<span class="ActionScriptDefault_Text">ByteArray</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
+        <span class="ActionScriptBracket/Brace">{</span>
+            <span class="ActionScriptReserved">try</span> <span class="ActionScriptBracket/Brace">{</span>
+                <span class="ActionScriptDefault_Text">socket</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">writeBytes</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">ba</span><span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptDefault_Text">socket</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">flush</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
+            <span class="ActionScriptBracket/Brace">}</span>
+            <span class="ActionScriptReserved">catch</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">error</span>:<span class="ActionScriptDefault_Text">Error</span><span class="ActionScriptBracket/Brace">)</span>
+            <span class="ActionScriptBracket/Brace">{</span>
+                <span class="ActionScriptDefault_Text">msg</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">error</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">message</span><span class="ActionScriptBracket/Brace">)</span>;
+                
+            <span class="ActionScriptBracket/Brace">}</span>
+        <span class="ActionScriptBracket/Brace">}</span>
+    
+        <span class="ActionScriptReserved">private</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">msg</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">value</span>:<span class="ActionScriptDefault_Text">String</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
+        <span class="ActionScriptBracket/Brace">{</span>
+            <span class="ActionScriptDefault_Text">ta</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span> <span class="ActionScriptOperator">+=</span> <span class="ActionScriptDefault_Text">value</span><span class="ActionScriptOperator">+</span> <span class="ActionScriptString">"\n"</span>;
+            <span class="ActionScriptDefault_Text">setScroll</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
+        <span class="ActionScriptBracket/Brace">}</span>
+        
+        <span class="ActionScriptReserved">public</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">setScroll</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
+        <span class="ActionScriptBracket/Brace">{</span>
+            <span class="ActionScriptDefault_Text">ta</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">scrollToRange</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">ta</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">y</span><span class="ActionScriptOperator">+</span>20<span class="ActionScriptBracket/Brace">)</span>;
+        <span class="ActionScriptBracket/Brace">}</span>
+        
+        <span class="ActionScriptReserved">public</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">connectHandler</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">e</span>:<span class="ActionScriptDefault_Text">Event</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
+        <span class="ActionScriptBracket/Brace">{</span>
+            <span class="ActionScriptDefault_Text">msg</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">"Socket Connected"</span><span class="ActionScriptBracket/Brace">)</span>;
+        <span class="ActionScriptBracket/Brace">}</span>
+        
+        <span class="ActionScriptReserved">public</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">closeHandler</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">e</span>:<span class="ActionScriptDefault_Text">Event</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
+        <span class="ActionScriptBracket/Brace">{</span>
+            <span class="ActionScriptDefault_Text">msg</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">"Socket Closed"</span><span class="ActionScriptBracket/Brace">)</span>;
+        <span class="ActionScriptBracket/Brace">}</span>
+        
+        <span class="ActionScriptReserved">public</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">errorHandler</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">e</span>:<span class="ActionScriptDefault_Text">ErrorEvent</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
+        <span class="ActionScriptBracket/Brace">{</span>
+            <span class="ActionScriptDefault_Text">msg</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">"Error "</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptDefault_Text">e</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span><span class="ActionScriptBracket/Brace">)</span>;
+        <span class="ActionScriptBracket/Brace">}</span>
+        
+        <span class="ActionScriptReserved">public</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">ioErrorHandler</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">e</span>:<span class="ActionScriptDefault_Text">IOErrorEvent</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
+        <span class="ActionScriptBracket/Brace">{</span>
+            <span class="ActionScriptDefault_Text">msg</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">"IO Error "</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptDefault_Text">e</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptString">" check to make sure the socket server is running."</span><span class="ActionScriptBracket/Brace">)</span>;
+        <span class="ActionScriptBracket/Brace">}</span>
+        
+        <span class="ActionScriptReserved">public</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">dataHandler</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">e</span>:<span class="ActionScriptDefault_Text">ProgressEvent</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
+        <span class="ActionScriptBracket/Brace">{</span>
+            <span class="ActionScriptDefault_Text">msg</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">"Data Received - total bytes "</span> <span class="ActionScriptOperator">+</span><span class="ActionScriptDefault_Text">e</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">bytesTotal</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptString">" "</span><span class="ActionScriptBracket/Brace">)</span>;
+            <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">bytes</span>:<span class="ActionScriptDefault_Text">ByteArray</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">ByteArray</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
+            <span class="ActionScriptDefault_Text">socket</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">readBytes</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">bytes</span><span class="ActionScriptBracket/Brace">)</span>;
+            <span class="ActionScriptDefault_Text">msg</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">"Bytes received "</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptDefault_Text">bytes</span><span class="ActionScriptBracket/Brace">)</span>;
+            <span class="ActionScripttrace">trace</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">bytes</span><span class="ActionScriptBracket/Brace">)</span>;
+        <span class="ActionScriptBracket/Brace">}</span>
+    <span class="ActionScriptBracket/Brace">}</span>
+<span class="ActionScriptBracket/Brace">}</span>
+</pre></body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR20/SocketServer/srcview/source/SocketClientSample-app.xml.txt
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR20/SocketServer/srcview/source/SocketClientSample-app.xml.txt b/TourDeFlex/TourDeFlex/src/objects/AIR20/SocketServer/srcview/source/SocketClientSample-app.xml.txt
new file mode 100644
index 0000000..8f46d6f
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR20/SocketServer/srcview/source/SocketClientSample-app.xml.txt
@@ -0,0 +1,156 @@
+<?xml version="1.0" encoding="utf-8" standalone="no"?>
+<!--
+
+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.
+
+-->
+<application xmlns="http://ns.adobe.com/air/application/2.0">
+
+<!-- Adobe AIR Application Descriptor File Template.
+
+	Specifies parameters for identifying, installing, and launching AIR applications.
+
+	xmlns - The Adobe AIR namespace: http://ns.adobe.com/air/application/2.0beta2
+			The last segment of the namespace specifies the version 
+			of the AIR runtime required for this application to run.
+			
+	minimumPatchLevel - The minimum patch level of the AIR runtime required to run 
+			the application. Optional.
+-->
+
+	<!-- The application identifier string, unique to this application. Required. -->
+	<id>SocketClientSample</id>
+
+	<!-- Used as the filename for the application. Required. -->
+	<filename>SocketClientSample</filename>
+
+	<!-- The name that is displayed in the AIR application installer. 
+	     May have multiple values for each language. See samples or xsd schema file. Optional. -->
+	<name>SocketClientSample</name>
+
+	<!-- An application version designator (such as "v1", "2.5", or "Alpha 1"). Required. -->
+	<version>v1</version>
+
+	<!-- Description, displayed in the AIR application installer.
+	     May have multiple values for each language. See samples or xsd schema file. Optional. -->
+	<!-- <description></description> -->
+
+	<!-- Copyright information. Optional -->
+	<!-- <copyright></copyright> -->
+
+	<!-- Publisher ID. Used if you're updating an application created prior to 1.5.3 -->
+	<!-- <publisherID></publisherID> -->
+
+	<!-- Settings for the application's initial window. Required. -->
+	<initialWindow>
+		<!-- The main SWF or HTML file of the application. Required. -->
+		<!-- Note: In Flash Builder, the SWF reference is set automatically. -->
+		<content>[This value will be overwritten by Flash Builder in the output app.xml]</content>
+		
+		<!-- The title of the main window. Optional. -->
+		<!-- <title></title> -->
+
+		<!-- The type of system chrome to use (either "standard" or "none"). Optional. Default standard. -->
+		<!-- <systemChrome></systemChrome> -->
+
+		<!-- Whether the window is transparent. Only applicable when systemChrome is none. Optional. Default false. -->
+		<!-- <transparent></transparent> -->
+
+		<!-- Whether the window is initially visible. Optional. Default false. -->
+		<!-- <visible></visible> -->
+
+		<!-- Whether the user can minimize the window. Optional. Default true. -->
+		<!-- <minimizable></minimizable> -->
+
+		<!-- Whether the user can maximize the window. Optional. Default true. -->
+		<!-- <maximizable></maximizable> -->
+
+		<!-- Whether the user can resize the window. Optional. Default true. -->
+		<!-- <resizable></resizable> -->
+
+		<!-- The window's initial width in pixels. Optional. -->
+		<!-- <width></width> -->
+
+		<!-- The window's initial height in pixels. Optional. -->
+		<!-- <height></height> -->
+
+		<!-- The window's initial x position. Optional. -->
+		<!-- <x></x> -->
+
+		<!-- The window's initial y position. Optional. -->
+		<!-- <y></y> -->
+
+		<!-- The window's minimum size, specified as a width/height pair in pixels, such as "400 200". Optional. -->
+		<!-- <minSize></minSize> -->
+
+		<!-- The window's initial maximum size, specified as a width/height pair in pixels, such as "1600 1200". Optional. -->
+		<!-- <maxSize></maxSize> -->
+	</initialWindow>
+
+	<!-- The subpath of the standard default installation location to use. Optional. -->
+	<!-- <installFolder></installFolder> -->
+
+	<!-- The subpath of the Programs menu to use. (Ignored on operating systems without a Programs menu.) Optional. -->
+	<!-- <programMenuFolder></programMenuFolder> -->
+
+	<!-- The icon the system uses for the application. For at least one resolution,
+		 specify the path to a PNG file included in the AIR package. Optional. -->
+	<!-- <icon>
+		<image16x16></image16x16>
+		<image32x32></image32x32>
+		<image48x48></image48x48>
+		<image128x128></image128x128>
+	</icon> -->
+
+	<!-- Whether the application handles the update when a user double-clicks an update version
+	of the AIR file (true), or the default AIR application installer handles the update (false).
+	Optional. Default false. -->
+	<!-- <customUpdateUI></customUpdateUI> -->
+	
+	<!-- Whether the application can be launched when the user clicks a link in a web browser.
+	Optional. Default false. -->
+	<!-- <allowBrowserInvocation></allowBrowserInvocation> -->
+
+	<!-- Listing of file types for which the application can register. Optional. -->
+	<!-- <fileTypes> -->
+
+		<!-- Defines one file type. Optional. -->
+		<!-- <fileType> -->
+
+			<!-- The name that the system displays for the registered file type. Required. -->
+			<!-- <name></name> -->
+
+			<!-- The extension to register. Required. -->
+			<!-- <extension></extension> -->
+			
+			<!-- The description of the file type. Optional. -->
+			<!-- <description></description> -->
+			
+			<!-- The MIME content type. -->
+			<!-- <contentType></contentType> -->
+			
+			<!-- The icon to display for the file type. Optional. -->
+			<!-- <icon>
+				<image16x16></image16x16>
+				<image32x32></image32x32>
+				<image48x48></image48x48>
+				<image128x128></image128x128>
+			</icon> -->
+			
+		<!-- </fileType> -->
+	<!-- </fileTypes> -->
+
+</application>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR20/SocketServer/srcview/source/SocketClientSample.mxml.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR20/SocketServer/srcview/source/SocketClientSample.mxml.html b/TourDeFlex/TourDeFlex/src/objects/AIR20/SocketServer/srcview/source/SocketClientSample.mxml.html
new file mode 100644
index 0000000..adda92b
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR20/SocketServer/srcview/source/SocketClientSample.mxml.html
@@ -0,0 +1,98 @@
+<!--
+  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.
+-->
+<!-- saved from url=(0014)about:internet -->
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+<title>SocketClientSample.mxml</title>
+<link rel="stylesheet" type="text/css" href="../SourceStyles.css"/>
+</head>
+
+<body><pre><span class="MXMLProcessing_Instruction">&lt;?xml version="1.0" encoding="utf-8"?&gt;</span>
+<span class="MXMLComponent_Tag">&lt;s:WindowedApplication/span><span class="MXMLDefault_Text"> xmlns:fx="</span><span class="MXMLString">http://ns.adobe.com/mxml/2009</span><span class="MXMLDefault_Text">" 
+                       xmlns:s="</span><span class="MXMLString">library://ns.adobe.com/flex/spark</span><span class="MXMLDefault_Text">" 
+                       xmlns:mx="</span><span class="MXMLString">library://ns.adobe.com/flex/mx</span><span class="MXMLDefault_Text">" 
+                       styleName="</span><span class="MXMLString">plain</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" height="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+    
+    <span class="MXMLSpecial_Tag">&lt;fx:Script&gt;</span>
+        &lt;![CDATA[
+            <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">flash</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">utils</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">ByteArray</span>;
+            <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">mx</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">controls</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">Alert</span>;
+            
+            <span class="ActionScriptReserved">private</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">client</span>:<span class="ActionScriptDefault_Text">SocketClient</span>; <span class="ActionScriptComment">// source code included in SocketClient.as
+</span>            
+            <span class="ActionScriptReserved">private</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">connect</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
+            <span class="ActionScriptBracket/Brace">{</span>
+                <span class="ActionScriptDefault_Text">client</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">SocketClient</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">server</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">int</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">port</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span><span class="ActionScriptBracket/Brace">)</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">log</span><span class="ActionScriptBracket/Brace">)</span>;
+            <span class="ActionScriptBracket/Brace">}</span>
+            
+            <span class="ActionScriptReserved">private</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">sendBytes</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
+            <span class="ActionScriptBracket/Brace">{</span>
+                <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">bytes</span>:<span class="ActionScriptDefault_Text">ByteArray</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">ByteArray</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptDefault_Text">bytes</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">writeUTFBytes</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">command</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptString">"\n"</span><span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">client</span> <span class="ActionScriptOperator">!=</span> <span class="ActionScriptReserved">null</span><span class="ActionScriptBracket/Brace">)</span>
+                <span class="ActionScriptBracket/Brace">{</span>
+                    <span class="ActionScripttrace">trace</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">"Writing to socket"</span><span class="ActionScriptBracket/Brace">)</span>;
+                    <span class="ActionScriptDefault_Text">client</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">writeToSocket</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">bytes</span><span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptBracket/Brace">}</span>
+                <span class="ActionScriptReserved">else</span>
+                <span class="ActionScriptBracket/Brace">{</span>    
+                    
+                    <span class="ActionScriptDefault_Text">connect</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
+                    <span class="ActionScriptDefault_Text">sendBytes</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptBracket/Brace">}</span>
+                <span class="ActionScriptDefault_Text">command</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptString">""</span>;
+                
+            <span class="ActionScriptBracket/Brace">}</span>
+        <span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptOperator">&gt;</span>
+    <span class="MXMLSpecial_Tag">&lt;/fx:Script&gt;</span>
+    
+    <span class="MXMLComponent_Tag">&lt;s:VGroup</span><span class="MXMLDefault_Text"> paddingLeft="</span><span class="MXMLString">6</span><span class="MXMLDefault_Text">" paddingTop="</span><span class="MXMLString">6</span><span class="MXMLDefault_Text">" paddingBottom="</span><span class="MXMLString">6</span><span class="MXMLDefault_Text">" paddingRight="</span><span class="MXMLString">6</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;s:HGroup</span><span class="MXMLDefault_Text"> left="</span><span class="MXMLString">8</span><span class="MXMLDefault_Text">" top="</span><span class="MXMLString">5</span><span class="MXMLDefault_Text">" verticalAlign="</span><span class="MXMLString">middle</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;s:Label</span><span class="MXMLDefault_Text"> text="</span><span class="MXMLString">Server:</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;s:TextInput</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">server</span><span class="MXMLDefault_Text">" text="</span><span class="MXMLString">localhost</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;s:Label</span><span class="MXMLDefault_Text"> text="</span><span class="MXMLString">Port #:</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;s:TextInput</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">port</span><span class="MXMLDefault_Text">" text="</span><span class="MXMLString">1235</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;s:Button</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">go</span><span class="MXMLDefault_Text">" label="</span><span class="MXMLString">Connect</span><span class="MXMLDefault_Text">" click="</span><span class="ActionScriptDefault_Text">connect</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>    
+            <span class="MXMLComponent_Tag">&lt;s:Button</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">closeSocket</span><span class="MXMLDefault_Text">" label="</span><span class="MXMLString">Disconnect</span><span class="MXMLDefault_Text">" click="</span><span class="ActionScriptDefault_Text">client</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">closeSocket</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;/s:HGroup&gt;</span>
+        
+        <span class="MXMLComponent_Tag">&lt;s:VGroup</span><span class="MXMLDefault_Text"> left="</span><span class="MXMLString">8</span><span class="MXMLDefault_Text">" top="</span><span class="MXMLString">40</span><span class="MXMLDefault_Text">" </span><span class="MXMLComponent_Tag">&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;s:Label</span><span class="MXMLDefault_Text"> text="</span><span class="MXMLString">Enter text to send to the socket server and press send:</span><span class="MXMLDefault_Text">" fontSize="</span><span class="MXMLString">12</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;s:HGroup&gt;</span>
+                <span class="MXMLComponent_Tag">&lt;s:TextInput</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">command</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">300</span><span class="MXMLDefault_Text">" enter="</span><span class="ActionScriptDefault_Text">sendBytes</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+                <span class="MXMLComponent_Tag">&lt;s:Button</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">send</span><span class="MXMLDefault_Text">" label="</span><span class="MXMLString">Send</span><span class="MXMLDefault_Text">" click="</span><span class="ActionScriptDefault_Text">sendBytes</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>    
+            <span class="MXMLComponent_Tag">&lt;/s:HGroup&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;/s:VGroup&gt;</span>
+        
+        <span class="MXMLComponent_Tag">&lt;s:Label</span><span class="MXMLDefault_Text"> width="</span><span class="MXMLString">500</span><span class="MXMLDefault_Text">" verticalAlign="</span><span class="MXMLString">justify</span><span class="MXMLDefault_Text">" color="</span><span class="MXMLString">#323232</span><span class="MXMLDefault_Text">" bottom="</span><span class="MXMLString">9</span><span class="MXMLDefault_Text">" horizontalCenter="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">"
+                 text="</span><span class="MXMLString">The ServerSocket class allows code to act as a server for Transport Control Protocol (TCP) connections. A TCP server
+listens for incoming connections from remote clients. When a client attempts to connect, the ServerSocket dispatches a connect event. Run
+the SocketServerSample application first and click 'Listen' to start listening on the server and port information above. When data is sent 
+from the client it will show up in the log running the socket server app.</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+        
+        <span class="MXMLComponent_Tag">&lt;s:VGroup</span><span class="MXMLDefault_Text"> top="</span><span class="MXMLString">88</span><span class="MXMLDefault_Text">" left="</span><span class="MXMLString">8</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;s:Label</span><span class="MXMLDefault_Text"> text="</span><span class="MXMLString">Console:</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;s:TextArea</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">log</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">500</span><span class="MXMLDefault_Text">" height="</span><span class="MXMLString">100</span><span class="MXMLDefault_Text">" editable="</span><span class="MXMLString">false</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;/s:VGroup&gt;</span>
+    <span class="MXMLComponent_Tag">&lt;/s:VGroup&gt;</span>
+    
+    
+
+<span class="MXMLComponent_Tag">&lt;/s:WindowedApplication&gt;</span></pre></body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR20/SocketServer/srcview/source/SocketServerSample-app.xml.txt
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR20/SocketServer/srcview/source/SocketServerSample-app.xml.txt b/TourDeFlex/TourDeFlex/src/objects/AIR20/SocketServer/srcview/source/SocketServerSample-app.xml.txt
new file mode 100644
index 0000000..1767950
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR20/SocketServer/srcview/source/SocketServerSample-app.xml.txt
@@ -0,0 +1,153 @@
+<?xml version="1.0" encoding="utf-8" standalone="no"?>
+<!--
+
+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.
+
+-->
+<application xmlns="http://ns.adobe.com/air/application/2.0">
+
+<!-- Adobe AIR Application Descriptor File Template.
+
+	Specifies parameters for identifying, installing, and launching AIR applications.
+
+	xmlns - The Adobe AIR namespace: http://ns.adobe.com/air/application/2.0beta
+			The last segment of the namespace specifies the version 
+			of the AIR runtime required for this application to run.
+			
+	minimumPatchLevel - The minimum patch level of the AIR runtime required to run 
+			the application. Optional.
+-->
+
+	<!-- The application identifier string, unique to this application. Required. -->
+	<id>SocketServerSample</id>
+
+	<!-- Used as the filename for the application. Required. -->
+	<filename>SocketServerSample</filename>
+
+	<!-- The name that is displayed in the AIR application installer. 
+	     May have multiple values for each language. See samples or xsd schema file. Optional. -->
+	<name>SocketServerSample</name>
+
+	<!-- An application version designator (such as "v1", "2.5", or "Alpha 1"). Required. -->
+	<version>v1</version>
+
+	<!-- Description, displayed in the AIR application installer.
+	     May have multiple values for each language. See samples or xsd schema file. Optional. -->
+	<!-- <description></description> -->
+
+	<!-- Copyright information. Optional -->
+	<!-- <copyright></copyright> -->
+
+	<!-- Settings for the application's initial window. Required. -->
+	<initialWindow>
+		<!-- The main SWF or HTML file of the application. Required. -->
+		<!-- Note: In Flash Builder, the SWF reference is set automatically. -->
+		<content>[This value will be overwritten by Flash Builder in the output app.xml]</content>
+		
+		<!-- The title of the main window. Optional. -->
+		<!-- <title></title> -->
+
+		<!-- The type of system chrome to use (either "standard" or "none"). Optional. Default standard. -->
+		<!-- <systemChrome></systemChrome> -->
+
+		<!-- Whether the window is transparent. Only applicable when systemChrome is none. Optional. Default false. -->
+		<!-- <transparent></transparent> -->
+
+		<!-- Whether the window is initially visible. Optional. Default false. -->
+		<!-- <visible></visible> -->
+
+		<!-- Whether the user can minimize the window. Optional. Default true. -->
+		<!-- <minimizable></minimizable> -->
+
+		<!-- Whether the user can maximize the window. Optional. Default true. -->
+		<!-- <maximizable></maximizable> -->
+
+		<!-- Whether the user can resize the window. Optional. Default true. -->
+		<!-- <resizable></resizable> -->
+
+		<!-- The window's initial width in pixels. Optional. -->
+		<!-- <width></width> -->
+
+		<!-- The window's initial height in pixels. Optional. -->
+		<!-- <height></height> -->
+
+		<!-- The window's initial x position. Optional. -->
+		<!-- <x></x> -->
+
+		<!-- The window's initial y position. Optional. -->
+		<!-- <y></y> -->
+
+		<!-- The window's minimum size, specified as a width/height pair in pixels, such as "400 200". Optional. -->
+		<!-- <minSize></minSize> -->
+
+		<!-- The window's initial maximum size, specified as a width/height pair in pixels, such as "1600 1200". Optional. -->
+		<!-- <maxSize></maxSize> -->
+	</initialWindow>
+
+	<!-- The subpath of the standard default installation location to use. Optional. -->
+	<!-- <installFolder></installFolder> -->
+
+	<!-- The subpath of the Programs menu to use. (Ignored on operating systems without a Programs menu.) Optional. -->
+	<!-- <programMenuFolder></programMenuFolder> -->
+
+	<!-- The icon the system uses for the application. For at least one resolution,
+		 specify the path to a PNG file included in the AIR package. Optional. -->
+	<!-- <icon>
+		<image16x16></image16x16>
+		<image32x32></image32x32>
+		<image48x48></image48x48>
+		<image128x128></image128x128>
+	</icon> -->
+
+	<!-- Whether the application handles the update when a user double-clicks an update version
+	of the AIR file (true), or the default AIR application installer handles the update (false).
+	Optional. Default false. -->
+	<!-- <customUpdateUI></customUpdateUI> -->
+	
+	<!-- Whether the application can be launched when the user clicks a link in a web browser.
+	Optional. Default false. -->
+	<!-- <allowBrowserInvocation></allowBrowserInvocation> -->
+
+	<!-- Listing of file types for which the application can register. Optional. -->
+	<!-- <fileTypes> -->
+
+		<!-- Defines one file type. Optional. -->
+		<!-- <fileType> -->
+
+			<!-- The name that the system displays for the registered file type. Required. -->
+			<!-- <name></name> -->
+
+			<!-- The extension to register. Required. -->
+			<!-- <extension></extension> -->
+			
+			<!-- The description of the file type. Optional. -->
+			<!-- <description></description> -->
+			
+			<!-- The MIME content type. -->
+			<!-- <contentType></contentType> -->
+			
+			<!-- The icon to display for the file type. Optional. -->
+			<!-- <icon>
+				<image16x16></image16x16>
+				<image32x32></image32x32>
+				<image48x48></image48x48>
+				<image128x128></image128x128>
+			</icon> -->
+			
+		<!-- </fileType> -->
+	<!-- </fileTypes> -->
+
+</application>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR20/SocketServer/srcview/source/SocketServerSample.mxml.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR20/SocketServer/srcview/source/SocketServerSample.mxml.html b/TourDeFlex/TourDeFlex/src/objects/AIR20/SocketServer/srcview/source/SocketServerSample.mxml.html
new file mode 100644
index 0000000..2c438ad
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR20/SocketServer/srcview/source/SocketServerSample.mxml.html
@@ -0,0 +1,119 @@
+<!--
+  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.
+-->
+<!-- saved from url=(0014)about:internet -->
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+<title>SocketServerSample.mxml</title>
+<link rel="stylesheet" type="text/css" href="../SourceStyles.css"/>
+</head>
+
+<body><pre><span class="MXMLProcessing_Instruction">&lt;?xml version="1.0" encoding="utf-8"?&gt;</span>
+<span class="MXMLComponent_Tag">&lt;s:WindowedApplication</span><span class="MXMLDefault_Text"> xmlns:fx="</span><span class="MXMLString">http://ns.adobe.com/mxml/2009</span><span class="MXMLDefault_Text">"
+                       xmlns:s="</span><span class="MXMLString">library://ns.adobe.com/flex/spark</span><span class="MXMLDefault_Text">"
+                       xmlns:mx="</span><span class="MXMLString">library://ns.adobe.com/flex/mx</span><span class="MXMLDefault_Text">"
+                       width="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" height="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" styleName="</span><span class="MXMLString">plain</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+    
+    <span class="MXMLSpecial_Tag">&lt;fx:Script&gt;</span>
+        &lt;![CDATA[
+            <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">flash</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">events</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">Event</span>;
+            <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">flash</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">events</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">MouseEvent</span>;
+            <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">flash</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">events</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">ProgressEvent</span>;
+            <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">flash</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">events</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">ServerSocketConnectEvent</span>;
+            <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">flash</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">net</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">ServerSocket</span>;
+            <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">flash</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">net</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">Socket</span>;
+            <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">flash</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">utils</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">ByteArray</span>;
+            
+            <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">mx</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">controls</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">Alert</span>;
+            
+            <span class="ActionScriptReserved">private</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">serverSocket</span>:<span class="ActionScriptDefault_Text">ServerSocket</span>;
+            
+            <span class="ActionScriptReserved">private</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">listen</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
+            <span class="ActionScriptBracket/Brace">{</span>
+                <span class="ActionScriptReserved">try</span>
+                <span class="ActionScriptBracket/Brace">{</span>
+                    <span class="ActionScriptDefault_Text">serverSocket</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">ServerSocket</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
+                    <span class="ActionScriptDefault_Text">serverSocket</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">addEventListener</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">Event</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">CONNECT</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">socketConnectHandler</span><span class="ActionScriptBracket/Brace">)</span>;
+                    <span class="ActionScriptDefault_Text">serverSocket</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">addEventListener</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">Event</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">CLOSE</span><span class="ActionScriptOperator">,</span><span class="ActionScriptDefault_Text">socketCloseHandler</span><span class="ActionScriptBracket/Brace">)</span>;
+                    <span class="ActionScriptDefault_Text">serverSocket</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">bind</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">Number</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">port</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span><span class="ActionScriptBracket/Brace">)</span><span class="ActionScriptBracket/Brace">)</span>;
+                    <span class="ActionScriptDefault_Text">serverSocket</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">listen</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;                    
+                    <span class="ActionScriptDefault_Text">log</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span> <span class="ActionScriptOperator">+=</span> <span class="ActionScriptString">"Listening on port "</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptDefault_Text">port</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptString">"...\n"</span>;
+                    
+                <span class="ActionScriptBracket/Brace">}</span>
+                <span class="ActionScriptReserved">catch</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">error</span>:<span class="ActionScriptDefault_Text">Error</span><span class="ActionScriptBracket/Brace">)</span>
+                <span class="ActionScriptBracket/Brace">{</span>
+                    <span class="ActionScriptDefault_Text">Alert</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">show</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">"Port "</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptDefault_Text">port</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptString">" may be in use. Enter another port number and try again.\n("</span> <span class="ActionScriptOperator">+</span>
+                        <span class="ActionScriptDefault_Text">error</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">message</span> <span class="ActionScriptOperator">+</span><span class="ActionScriptString">")"</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptString">"Error"</span><span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptBracket/Brace">}</span>
+            <span class="ActionScriptBracket/Brace">}</span>
+            
+            <span class="ActionScriptReserved">private</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">socketConnectHandler</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">event</span>:<span class="ActionScriptDefault_Text">ServerSocketConnectEvent</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
+            <span class="ActionScriptBracket/Brace">{</span>
+                <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">socket</span>:<span class="ActionScriptDefault_Text">Socket</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">event</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">socket</span>;
+                <span class="ActionScriptDefault_Text">log</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span> <span class="ActionScriptOperator">+=</span> <span class="ActionScriptString">"Socket connection established on port "</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptDefault_Text">port</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptString">"...\n"</span>;
+                <span class="ActionScriptDefault_Text">socket</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">addEventListener</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">ProgressEvent</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">SOCKET_DATA</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">socketDataHandler</span><span class="ActionScriptBracket/Brace">)</span>;
+            <span class="ActionScriptBracket/Brace">}</span>
+            
+            <span class="ActionScriptReserved">private</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">socketDataHandler</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">event</span>:<span class="ActionScriptDefault_Text">ProgressEvent</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
+            <span class="ActionScriptBracket/Brace">{</span>
+                <span class="ActionScriptReserved">try</span>
+                <span class="ActionScriptBracket/Brace">{</span>
+                    <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">socket</span>:<span class="ActionScriptDefault_Text">Socket</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">event</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">target</span> <span class="ActionScriptReserved">as</span> <span class="ActionScriptDefault_Text">Socket</span>;
+                    <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">bytes</span>:<span class="ActionScriptDefault_Text">ByteArray</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">ByteArray</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
+                    <span class="ActionScriptDefault_Text">socket</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">readBytes</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">bytes</span><span class="ActionScriptBracket/Brace">)</span>;
+                    <span class="ActionScriptDefault_Text">log</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span> <span class="ActionScriptOperator">+=</span> <span class="ActionScriptString">""</span><span class="ActionScriptOperator">+</span><span class="ActionScriptDefault_Text">bytes</span>;
+                    <span class="ActionScriptDefault_Text">socket</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">flush</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptBracket/Brace">}</span>
+                <span class="ActionScriptReserved">catch</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">error</span>:<span class="ActionScriptDefault_Text">Error</span><span class="ActionScriptBracket/Brace">)</span>
+                <span class="ActionScriptBracket/Brace">{</span>
+                    <span class="ActionScriptDefault_Text">Alert</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">show</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">error</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">message</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptString">"Error"</span><span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptBracket/Brace">}</span>
+            <span class="ActionScriptBracket/Brace">}</span>
+            
+            <span class="ActionScriptReserved">protected</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">buttonClose_clickHandler</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">event</span>:<span class="ActionScriptDefault_Text">MouseEvent</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
+            <span class="ActionScriptBracket/Brace">{</span>
+                <span class="ActionScriptReserved">try</span> <span class="ActionScriptBracket/Brace">{</span>
+                    <span class="ActionScriptDefault_Text">serverSocket</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">close</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptBracket/Brace">}</span>
+                <span class="ActionScriptReserved">catch</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">error</span>:<span class="ActionScriptDefault_Text">Error</span><span class="ActionScriptBracket/Brace">)</span>
+                <span class="ActionScriptBracket/Brace">{</span>
+                    <span class="ActionScriptDefault_Text">Alert</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">show</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">error</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">message</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptString">"Error on close"</span><span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptBracket/Brace">}</span>
+            <span class="ActionScriptBracket/Brace">}</span>
+            <span class="ActionScriptReserved">protected</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">socketCloseHandler</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">e</span>:<span class="ActionScriptDefault_Text">Event</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
+            <span class="ActionScriptBracket/Brace">{</span>
+                <span class="ActionScriptDefault_Text">log</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span> <span class="ActionScriptOperator">+=</span> <span class="ActionScriptString">"Socket Closed"</span>;
+            <span class="ActionScriptBracket/Brace">}</span>
+
+        <span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptOperator">&gt;</span>
+    <span class="MXMLSpecial_Tag">&lt;/fx:Script&gt;</span>
+    
+    <span class="MXMLComponent_Tag">&lt;s:VGroup</span><span class="MXMLDefault_Text"> paddingTop="</span><span class="MXMLString">8</span><span class="MXMLDefault_Text">" paddingLeft="</span><span class="MXMLString">8</span><span class="MXMLDefault_Text">" paddingRight="</span><span class="MXMLString">8</span><span class="MXMLDefault_Text">" paddingBottom="</span><span class="MXMLString">8</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;s:Label</span><span class="MXMLDefault_Text"> text="</span><span class="MXMLString">Start listening over a socket connection by clicking the listen button.</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;s:HGroup</span><span class="MXMLDefault_Text"> verticalAlign="</span><span class="MXMLString">middle</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;s:Label</span><span class="MXMLDefault_Text"> text="</span><span class="MXMLString">Port:</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;s:TextInput</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">port</span><span class="MXMLDefault_Text">" text="</span><span class="MXMLString">1235</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">50</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;s:Button</span><span class="MXMLDefault_Text"> label="</span><span class="MXMLString">Listen</span><span class="MXMLDefault_Text">" click="</span><span class="ActionScriptDefault_Text">listen</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;s:Button</span><span class="MXMLDefault_Text"> label="</span><span class="MXMLString">Close Socket</span><span class="MXMLDefault_Text">" click="</span><span class="ActionScriptDefault_Text">buttonClose_clickHandler</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">event</span><span class="ActionScriptBracket/Brace">)</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;/s:HGroup&gt;</span>
+        
+        <span class="MXMLComponent_Tag">&lt;s:TextArea</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">log</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" height="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" </span><span class="MXMLComponent_Tag">/&gt;</span>
+    <span class="MXMLComponent_Tag">&lt;/s:VGroup&gt;</span>
+    
+<span class="MXMLComponent_Tag">&lt;/s:WindowedApplication&gt;</span></pre></body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/DataAccess/chat.png
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/DataAccess/chat.png b/TourDeFlex/TourDeFlex/src/objects/DataAccess/chat.png
new file mode 100644
index 0000000..18a2bd6
Binary files /dev/null and b/TourDeFlex/TourDeFlex/src/objects/DataAccess/chat.png differ

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/DataAccess/genericdata.png
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/DataAccess/genericdata.png b/TourDeFlex/TourDeFlex/src/objects/DataAccess/genericdata.png
new file mode 100644
index 0000000..b9b6d05
Binary files /dev/null and b/TourDeFlex/TourDeFlex/src/objects/DataAccess/genericdata.png differ

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/DataAccess/remoting.png
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/DataAccess/remoting.png b/TourDeFlex/TourDeFlex/src/objects/DataAccess/remoting.png
new file mode 100644
index 0000000..8f35a44
Binary files /dev/null and b/TourDeFlex/TourDeFlex/src/objects/DataAccess/remoting.png differ

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/DataAccess/webservices.png
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/DataAccess/webservices.png b/TourDeFlex/TourDeFlex/src/objects/DataAccess/webservices.png
new file mode 100644
index 0000000..5a85dc4
Binary files /dev/null and b/TourDeFlex/TourDeFlex/src/objects/DataAccess/webservices.png differ


[36/51] [partial] Merged TourDeFlex release from develop

Posted by jm...@apache.org.
http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR/HOWTO/UserPresence/userpresence.mxml.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR/HOWTO/UserPresence/userpresence.mxml.html b/TourDeFlex/TourDeFlex/src/objects/AIR/HOWTO/UserPresence/userpresence.mxml.html
new file mode 100644
index 0000000..cb0eb99
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR/HOWTO/UserPresence/userpresence.mxml.html
@@ -0,0 +1,57 @@
+<!--
+  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.
+-->
+<!-- saved from url=(0014)about:internet -->
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+<title>userpresence.mxml</title>
+<link rel="stylesheet" type="text/css" href="../SourceStyles.css"/>
+</head>
+
+<body><pre><span class="MXMLProcessing_Instruction">&lt;?xml version="1.0" encoding="utf-8"?&gt;</span>
+<span class="MXMLComponent_Tag">&lt;s:WindowedApplication</span><span class="MXMLDefault_Text"> xmlns:fx="</span><span class="MXMLString">http://ns.adobe.com/mxml/2009</span><span class="MXMLDefault_Text">" xmlns:s="</span><span class="MXMLString">library://ns.adobe.com/flex/spark</span><span class="MXMLDefault_Text">" 
+                       backgroundColor="</span><span class="MXMLString">0x323232</span><span class="MXMLDefault_Text">" xmlns:mx="</span><span class="MXMLString">library://ns.adobe.com/flex/mx</span><span class="MXMLDefault_Text">" creationComplete="</span><span class="ActionScriptDefault_Text">init</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span><span class="MXMLDefault_Text">" 
+                       width="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" height="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+
+   <span class="MXMLSpecial_Tag">&lt;fx:Script&gt;</span>
+    &lt;![CDATA[
+        <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">flash</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">desktop</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">NativeApplication</span>;
+        <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">mx</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">controls</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">Alert</span>;
+        <span class="ActionScriptReserved">private</span> <span class="ActionScriptReserved">const</span> <span class="ActionScriptDefault_Text">IDLETIME</span>:<span class="ActionScriptDefault_Text">int</span> <span class="ActionScriptOperator">=</span> 5; <span class="ActionScriptComment">//Seconds
+</span>        
+        <span class="ActionScriptReserved">private</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">init</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span> <span class="ActionScriptBracket/Brace">{</span>
+            <span class="ActionScriptDefault_Text">NativeApplication</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">nativeApplication</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">idleThreshold</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">IDLETIME</span>;
+            <span class="ActionScriptDefault_Text">NativeApplication</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">nativeApplication</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">addEventListener</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">Event</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">USER_IDLE</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">onIdle</span><span class="ActionScriptBracket/Brace">)</span>;
+            <span class="ActionScriptDefault_Text">NativeApplication</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">nativeApplication</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">addEventListener</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">Event</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">USER_PRESENT</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">onPresence</span><span class="ActionScriptBracket/Brace">)</span>;
+            <span class="ActionScriptDefault_Text">idlemsg</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptString">"Status: Active - status will change if idle for more than "</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptDefault_Text">IDLETIME</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptString">" seconds"</span>;
+        <span class="ActionScriptBracket/Brace">}</span>
+        
+        <span class="ActionScriptReserved">private</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">onIdle</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">event</span>:<span class="ActionScriptDefault_Text">Event</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span> <span class="ActionScriptBracket/Brace">{</span>
+            <span class="ActionScriptDefault_Text">idlemsg</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptString">"Status:  Idle for at least "</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptDefault_Text">IDLETIME</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptString">" seconds"</span>;
+        <span class="ActionScriptBracket/Brace">}</span>
+        
+        <span class="ActionScriptReserved">private</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">onPresence</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">event</span>:<span class="ActionScriptDefault_Text">Event</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span> <span class="ActionScriptBracket/Brace">{</span>
+            <span class="ActionScriptDefault_Text">idlemsg</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptString">"Status: Active again - status will change if idle for more than "</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptDefault_Text">IDLETIME</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptString">" seconds"</span>;
+        <span class="ActionScriptBracket/Brace">}</span>
+    <span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptOperator">&gt;</span>
+    <span class="MXMLSpecial_Tag">&lt;/fx:Script&gt;</span>    
+    
+    <span class="MXMLComponent_Tag">&lt;s:Label</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">idlemsg</span><span class="MXMLDefault_Text">" color="</span><span class="MXMLString">white</span><span class="MXMLDefault_Text">" paddingLeft="</span><span class="MXMLString">100</span><span class="MXMLDefault_Text">" paddingTop="</span><span class="MXMLString">100</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+    
+<span class="MXMLComponent_Tag">&lt;/s:WindowedApplication&gt;</span></pre></body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR20/Accelerometer/main.mxml.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR20/Accelerometer/main.mxml.html b/TourDeFlex/TourDeFlex/src/objects/AIR20/Accelerometer/main.mxml.html
new file mode 100644
index 0000000..55a88e3
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR20/Accelerometer/main.mxml.html
@@ -0,0 +1,58 @@
+<!--
+  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.
+-->
+<!-- saved from url=(0014)about:internet -->
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+<title>main.mxml</title>
+<link rel="stylesheet" type="text/css" href="../SourceStyles.css"/>
+</head>
+
+<body><pre><span class="MXMLProcessing_Instruction">&lt;?xml version="1.0" encoding="utf-8"?&gt;</span>
+<span class="MXMLComponent_Tag">&lt;s:Application</span><span class="MXMLDefault_Text"> xmlns:fx="</span><span class="MXMLString">http://ns.adobe.com/mxml/2009</span><span class="MXMLDefault_Text">" 
+               xmlns:s="</span><span class="MXMLString">library://ns.adobe.com/flex/spark</span><span class="MXMLDefault_Text">" 
+               xmlns:mx="</span><span class="MXMLString">library://ns.adobe.com/flex/halo</span><span class="MXMLDefault_Text">" applicationComplete="</span><span class="ActionScriptDefault_Text">sense</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span><span class="MXMLDefault_Text">" viewSourceURL="</span><span class="MXMLString">srcview/index.html</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+    <span class="MXMLSpecial_Tag">&lt;fx:Declarations&gt;</span>
+        <span class="MXMLComment">&lt;!--</span><span class="MXMLComment"> Place non-visual elements (e.g., services, value objects) here </span><span class="MXMLComment">--&gt;</span>
+    <span class="MXMLSpecial_Tag">&lt;/fx:Declarations&gt;</span>
+    <span class="MXMLSpecial_Tag">&lt;fx:Script&gt;</span>
+        &lt;![CDATA[
+            <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">flash</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">events</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">AccelerometerEvent</span>;
+            <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">flash</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">sensors</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">Accelerometer</span>;
+            <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">mx</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">controls</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">Alert</span>;
+            
+            <span class="ActionScriptReserved">private</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">acc</span>:<span class="ActionScriptDefault_Text">Accelerometer</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">Accelerometer</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
+            
+            <span class="ActionScriptReserved">private</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">sense</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
+            <span class="ActionScriptBracket/Brace">{</span>
+                <span class="ActionScriptDefault_Text">Alert</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">show</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">"Sensing - is supported value is "</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptDefault_Text">Accelerometer</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">isSupported</span><span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptDefault_Text">acc</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">addEventListener</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">AccelerometerEvent</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">UPDATE</span><span class="ActionScriptOperator">,</span><span class="ActionScriptDefault_Text">onUpdate</span><span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptDefault_Text">acc</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">setRequestedUpdateInterval</span><span class="ActionScriptBracket/Brace">(</span>60<span class="ActionScriptBracket/Brace">)</span>;
+            <span class="ActionScriptBracket/Brace">}</span>
+            
+            <span class="ActionScriptReserved">private</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">onUpdate</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">e</span>:<span class="ActionScriptDefault_Text">AccelerometerEvent</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
+            <span class="ActionScriptBracket/Brace">{</span>
+                <span class="ActionScriptDefault_Text">Alert</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">show</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">"Triggered Update! Acceleration X is: "</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptDefault_Text">e</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">accelerationX</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptString">" Y "</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptDefault_Text">e</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">accelerationY</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptString">" z "</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptDefault_Text">e</span><span class="ActionScriptOperator">.</span><span c
 lass="ActionScriptDefault_Text">accelerationZ</span><span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScripttrace">trace</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">"Triggered"</span><span class="ActionScriptBracket/Brace">)</span>;
+            <span class="ActionScriptBracket/Brace">}</span>
+            
+        <span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptOperator">&gt;</span>
+    <span class="MXMLSpecial_Tag">&lt;/fx:Script&gt;</span>
+    <span class="MXMLComponent_Tag">&lt;s:Button</span><span class="MXMLDefault_Text"> horizontalCenter="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">" verticalCenter="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">" label="</span><span class="MXMLString">Go</span><span class="MXMLDefault_Text">" click="</span><span class="ActionScriptDefault_Text">sense</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+<span class="MXMLComponent_Tag">&lt;/s:Application&gt;</span></pre></body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR20/DNS/TDFPanelSkin.mxml.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR20/DNS/TDFPanelSkin.mxml.html b/TourDeFlex/TourDeFlex/src/objects/AIR20/DNS/TDFPanelSkin.mxml.html
new file mode 100644
index 0000000..df79d11
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR20/DNS/TDFPanelSkin.mxml.html
@@ -0,0 +1,147 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+<head>
+  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+  <meta http-equiv="Content-Style-Type" content="text/css">
+  <title>TDFPanelSkin.mxml</title>
+  <meta name="Generator" content="Cocoa HTML Writer">
+  <meta name="CocoaVersion" content="1187.4">
+  <style type="text/css">
+    p.p1 {margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Courier}
+    p.p2 {margin: 0.0px 0.0px 0.0px 0.0px; font: 11.0px Monaco; color: #941100}
+    p.p3 {margin: 0.0px 0.0px 0.0px 0.0px; font: 11.0px Monaco; min-height: 15.0px}
+    p.p4 {margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Courier; min-height: 14.0px}
+  </style>
+</head>
+<body>
+<p class="p1">&lt;?xml version="1.0" encoding="utf-8"?&gt;</p>
+<p class="p2">&lt;!--</p>
+<p class="p3"><br></p>
+<p class="p2">Licensed to the Apache Software Foundation (ASF) under one or more</p>
+<p class="p2">contributor license agreements.<span class="Apple-converted-space">  </span>See the NOTICE file distributed with</p>
+<p class="p2">this work for additional information regarding copyright ownership.</p>
+<p class="p2">The ASF licenses this file to You under the Apache License, Version 2.0</p>
+<p class="p2">(the "License"); you may not use this file except in compliance with</p>
+<p class="p2">the License.<span class="Apple-converted-space">  </span>You may obtain a copy of the License at</p>
+<p class="p3"><br></p>
+<p class="p2">http://www.apache.org/licenses/LICENSE-2.0</p>
+<p class="p3"><br></p>
+<p class="p2">Unless required by applicable law or agreed to in writing, software</p>
+<p class="p2">distributed under the License is distributed on an "AS IS" BASIS,</p>
+<p class="p2">WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.</p>
+<p class="p2">See the License for the specific language governing permissions and</p>
+<p class="p2">limitations under the License.</p>
+<p class="p3"><br></p>
+<p class="p2">--&gt;</p>
+<p class="p4"><br></p>
+<p class="p1">&lt;s:Skin xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark"<span class="Apple-converted-space"> </span></p>
+<p class="p1"><span class="Apple-converted-space">        </span>alpha.disabled="0.5" minWidth="131" minHeight="127"&gt;</p>
+<p class="p4"><span class="Apple-converted-space">    </span></p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;fx:Metadata&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>[HostComponent("spark.components.Panel")]</p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;/fx:Metadata&gt;<span class="Apple-converted-space"> </span></p>
+<p class="p4"><span class="Apple-converted-space">    </span></p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;s:states&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:State name="normal" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:State name="disabled" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:State name="normalWithControlBar" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:State name="disabledWithControlBar" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;/s:states&gt;</p>
+<p class="p4"><span class="Apple-converted-space">    </span></p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;!-- drop shadow --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;s:Rect left="0" top="0" right="0" bottom="0"&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:filters&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:DropShadowFilter blurX="15" blurY="15" alpha="0.18" distance="11" angle="90" knockout="true" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;/s:filters&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:SolidColor color="0" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;/s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;/s:Rect&gt;</p>
+<p class="p4"><span class="Apple-converted-space">    </span></p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;!-- layer 1: border --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;s:Rect left="0" right="0" top="0" bottom="0"&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:stroke&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:SolidColorStroke color="0" alpha="0.50" weight="1" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;/s:stroke&gt;</p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;/s:Rect&gt;</p>
+<p class="p4"><span class="Apple-converted-space">    </span></p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;!-- layer 2: background fill --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;s:Rect left="0" right="0" bottom="0" height="15"&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:LinearGradient rotation="90"&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;s:GradientEntry color="0xE2E2E2" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;s:GradientEntry color="0x000000" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;/s:LinearGradient&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;/s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;/s:Rect&gt;</p>
+<p class="p4"><span class="Apple-converted-space">    </span></p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;!-- layer 3: contents --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;s:Group left="1" right="1" top="1" bottom="1" &gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:layout&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:VerticalLayout gap="0" horizontalAlign="justify" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;/s:layout&gt;</p>
+<p class="p4"><span class="Apple-converted-space">        </span></p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:Group id="topGroup" &gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;!-- layer 0: title bar fill --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;!-- Note: We have custom skinned the title bar to be solid black for Tour de Flex --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:Rect id="tbFill" left="0" right="0" top="0" bottom="1" &gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                    </span>&lt;s:SolidColor color="0x000000" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;/s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;/s:Rect&gt;</p>
+<p class="p4"><span class="Apple-converted-space">            </span></p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;!-- layer 1: title bar highlight --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:Rect id="tbHilite" left="0" right="0" top="0" bottom="0" &gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;s:stroke&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                    </span>&lt;s:LinearGradientStroke rotation="90" weight="1"&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                        </span>&lt;s:GradientEntry color="0xEAEAEA" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                        </span>&lt;s:GradientEntry color="0xD9D9D9" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                    </span>&lt;/s:LinearGradientStroke&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;/s:stroke&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;/s:Rect&gt;</p>
+<p class="p4"><span class="Apple-converted-space">            </span></p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;!-- layer 2: title bar divider --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:Rect id="tbDiv" left="0" right="0" height="1" bottom="0"&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                    </span>&lt;s:SolidColor color="0xC0C0C0" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;/s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;/s:Rect&gt;</p>
+<p class="p4"><span class="Apple-converted-space">            </span></p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;!-- layer 3: text --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:Label id="titleDisplay" maxDisplayedLines="1"</p>
+<p class="p1"><span class="Apple-converted-space">                     </span>left="9" right="3" top="1" minHeight="30"</p>
+<p class="p1"><span class="Apple-converted-space">                     </span>verticalAlign="middle" fontWeight="bold" color="#E2E2E2"&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;/s:Label&gt;</p>
+<p class="p4"><span class="Apple-converted-space">            </span></p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;/s:Group&gt;</p>
+<p class="p4"><span class="Apple-converted-space">        </span></p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:Group id="contentGroup" width="100%" height="100%" minWidth="0" minHeight="0"&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;/s:Group&gt;</p>
+<p class="p4"><span class="Apple-converted-space">        </span></p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:Group id="bottomGroup" minWidth="0" minHeight="0"</p>
+<p class="p1"><span class="Apple-converted-space">                 </span>includeIn="normalWithControlBar, disabledWithControlBar" &gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;!-- layer 0: control bar background --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:Rect left="0" right="0" bottom="0" top="1" &gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                    </span>&lt;s:SolidColor color="0xE2EdF7" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;/s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;/s:Rect&gt;</p>
+<p class="p4"><span class="Apple-converted-space">            </span></p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;!-- layer 1: control bar divider line --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:Rect left="0" right="0" top="0" height="1" &gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                    </span>&lt;s:SolidColor color="0xD1E0F2" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;/s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;/s:Rect&gt;</p>
+<p class="p4"><span class="Apple-converted-space">            </span></p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;!-- layer 2: control bar --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:Group id="controlBarGroup" left="0" right="0" top="1" bottom="1" minWidth="0" minHeight="0"&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;s:layout&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                    </span>&lt;s:HorizontalLayout paddingLeft="10" paddingRight="10" paddingTop="7" paddingBottom="7" gap="10" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;/s:layout&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;/s:Group&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;/s:Group&gt;</p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;/s:Group&gt;</p>
+<p class="p1">&lt;/s:Skin&gt;</p>
+</body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR20/DNS/sample.mxml.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR20/DNS/sample.mxml.html b/TourDeFlex/TourDeFlex/src/objects/AIR20/DNS/sample.mxml.html
new file mode 100644
index 0000000..b47c3eb
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR20/DNS/sample.mxml.html
@@ -0,0 +1,134 @@
+<!--
+  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.
+-->
+<!-- saved from url=(0014)about:internet -->
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+<title>sample.mxml</title>
+<link rel="stylesheet" type="text/css" href="../SourceStyles.css"/>
+</head>
+
+<body><pre><span class="MXMLComponent_Tag">&lt;s:WindowedApplication</span><span class="MXMLDefault_Text"> xmlns:fx="</span><span class="MXMLString">http://ns.adobe.com/mxml/2009</span><span class="MXMLDefault_Text">" 
+                       xmlns:s="</span><span class="MXMLString">library://ns.adobe.com/flex/spark</span><span class="MXMLDefault_Text">" 
+                       xmlns:mx="</span><span class="MXMLString">library://ns.adobe.com/flex/mx</span><span class="MXMLDefault_Text">"
+                       styleName="</span><span class="MXMLString">plain</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" height="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+    
+    <span class="MXMLComment">&lt;!--</span><span class="MXMLComment"> Based on sample here: http://www.insideria.com/2009/10/air-2-enhancements-complete-ov.html </span><span class="MXMLComment">--&gt;</span>
+    
+    <span class="MXMLSpecial_Tag">&lt;fx:Script&gt;</span>
+        &lt;![CDATA[
+            <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">flash</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">events</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">DNSResolverEvent</span>;
+            <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">flash</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">net</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">dns</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">ARecord</span>;
+            <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">flash</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">net</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">dns</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">DNSResolver</span>;
+            <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">flash</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">net</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">dns</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">MXRecord</span>;
+            <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">flash</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">net</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">dns</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">PTRRecord</span>;
+            
+            <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">mx</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">controls</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">Alert</span>;
+            
+            <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">skins</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">TDFPanelSkin</span>;
+            
+            <span class="ActionScriptReserved">protected</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">resolver</span>:<span class="ActionScriptDefault_Text">DNSResolver</span>;
+            
+            <span class="ActionScriptReserved">protected</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">startLookup</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">host</span>:<span class="ActionScriptDefault_Text">String</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">isARecordSelected</span>:<span class="ActionScriptDefault_Text">Boolean</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">isMXRecordSelected</span>:<span class="ActionScriptDefault_Text">Boolean</span> <span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
+            <span class="ActionScriptBracket/Brace">{</span>
+                <span class="ActionScriptReserved">this</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">output</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptString">""</span>;
+                <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">isARecordSelected</span><span class="ActionScriptBracket/Brace">)</span> <span class="ActionScriptDefault_Text">lookup</span><span class="ActionScriptBracket/Brace">(</span> <span class="ActionScriptDefault_Text">host</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptString">"."</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">ARecord</span> <span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">isMXRecordSelected</span><span class="ActionScriptBracket/Brace">)</span> <span class="ActionScriptDefault_Text">lookup</span><span class="ActionScriptBracket/Brace">(</span> <span class="ActionScriptDefault_Text">host</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">MXRecord</span> <span class="ActionScriptBracket/Brace">)</span>;
+            <span class="ActionScriptBracket/Brace">}</span>
+            
+            <span class="ActionScriptReserved">protected</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">reverseLookup</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">host</span>:<span class="ActionScriptDefault_Text">String</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">recordType</span>:<span class="ActionScriptDefault_Text">Class</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
+            <span class="ActionScriptBracket/Brace">{</span>
+                <span class="ActionScriptDefault_Text">output</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptString">""</span>;
+                <span class="ActionScripttrace">trace</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">"Record Type "</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptDefault_Text">recordType</span><span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">ipAddress</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span> <span class="ActionScriptOperator">!=</span> <span class="ActionScriptReserved">null</span> <span class="ActionScriptOperator">&amp;&amp;</span> <span class="ActionScriptDefault_Text">ipAddress</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">length</span> <span class="ActionScriptOperator">&gt;</span>0<span class="ActionScriptBracket/Brace">)</span>
+                    <span class="ActionScriptDefault_Text">lookup</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">host</span><span class="ActionScriptOperator">,</span><span class="ActionScriptDefault_Text">recordType</span><span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptReserved">else</span> <span class="ActionScriptDefault_Text">Alert</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">show</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">"Please enter a valid IP address."</span><span class="ActionScriptBracket/Brace">)</span>;
+            <span class="ActionScriptBracket/Brace">}</span>
+            
+            <span class="ActionScriptReserved">protected</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">lookup</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">host</span>:<span class="ActionScriptDefault_Text">String</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">recordType</span>:<span class="ActionScriptDefault_Text">Class</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
+            <span class="ActionScriptBracket/Brace">{</span>
+                <span class="ActionScriptDefault_Text">resolver</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">DNSResolver</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptDefault_Text">resolver</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">addEventListener</span><span class="ActionScriptBracket/Brace">(</span> <span class="ActionScriptDefault_Text">DNSResolverEvent</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">LOOKUP</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">lookupComplete</span> <span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptDefault_Text">resolver</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">addEventListener</span><span class="ActionScriptBracket/Brace">(</span> <span class="ActionScriptDefault_Text">ErrorEvent</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">ERROR</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">lookupError</span> <span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptDefault_Text">resolver</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">lookup</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">host</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">recordType</span><span class="ActionScriptBracket/Brace">)</span>;
+            <span class="ActionScriptBracket/Brace">}</span>
+            
+            <span class="ActionScriptReserved">private</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">lookupComplete</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">event</span>:<span class="ActionScriptDefault_Text">DNSResolverEvent</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
+            <span class="ActionScriptBracket/Brace">{</span>
+                
+                <span class="ActionScriptDefault_Text">resolver</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">removeEventListener</span><span class="ActionScriptBracket/Brace">(</span> <span class="ActionScriptDefault_Text">DNSResolverEvent</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">LOOKUP</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">lookupComplete</span> <span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptDefault_Text">resolver</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">removeEventListener</span><span class="ActionScriptBracket/Brace">(</span> <span class="ActionScriptDefault_Text">ErrorEvent</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">ERROR</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">lookupError</span> <span class="ActionScriptBracket/Brace">)</span>;                
+                
+                <span class="ActionScriptDefault_Text">setOutput</span><span class="ActionScriptBracket/Brace">(</span> <span class="ActionScriptString">"Querying host: "</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptDefault_Text">event</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">host</span> <span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptDefault_Text">setOutput</span><span class="ActionScriptBracket/Brace">(</span> <span class="ActionScriptString">"Record type: "</span> <span class="ActionScriptOperator">+</span>  <span class="ActionScriptDefault_Text">flash</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">utils</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">getQualifiedClassName</span><span class="ActionScriptBracket/Brace">(</span> <span class="ActionScriptDefault_Text">event</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">resourceRecords</span><span class="ActionScriptBracket/Brace">[</span>0<span class="ActionScriptBracket/Brace">]</span> <span class="ActionScriptBracket/Brace">)</span> <span class="ActionScriptOperator">+</span>
+                    <span class="ActionScriptString">", count: "</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptDefault_Text">event</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">resourceRecords</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">length</span> <span class="ActionScriptBracket/Brace">)</span>;
+                
+                <span class="ActionScriptReserved">for each</span><span class="ActionScriptBracket/Brace">(</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">record</span>:<span class="ActionScriptOperator">*</span> <span class="ActionScriptReserved">in</span> <span class="ActionScriptDefault_Text">event</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">resourceRecords</span> <span class="ActionScriptBracket/Brace">)</span>
+                <span class="ActionScriptBracket/Brace">{</span>
+                    <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">record</span> <span class="ActionScriptReserved">is</span> <span class="ActionScriptDefault_Text">ARecord</span><span class="ActionScriptBracket/Brace">)</span> <span class="ActionScriptDefault_Text">setOutput</span><span class="ActionScriptBracket/Brace">(</span> <span class="ActionScriptString">"ARecord: "</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptDefault_Text">record</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">name</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptString">" : "</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptDefault_Text">record</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">address</span> <span class="ActionScriptBracket/Brace">)</span>;
+                    <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">record</span> <span class="ActionScriptReserved">is</span> <span class="ActionScriptDefault_Text">MXRecord</span><span class="ActionScriptBracket/Brace">)</span> <span class="ActionScriptDefault_Text">setOutput</span><span class="ActionScriptBracket/Brace">(</span> <span class="ActionScriptString">"MXRecord: "</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptDefault_Text">record</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">name</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptString">" : "</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptDefault_Text">record</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">exchange</span> <span class="ActionScriptOperator">+</span> <span cl
 ass="ActionScriptString">", "</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptDefault_Text">record</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">preference</span> <span class="ActionScriptBracket/Brace">)</span>;
+                    <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">record</span> <span class="ActionScriptReserved">is</span> <span class="ActionScriptDefault_Text">PTRRecord</span><span class="ActionScriptBracket/Brace">)</span> <span class="ActionScriptDefault_Text">setOutput</span><span class="ActionScriptBracket/Brace">(</span> <span class="ActionScriptString">"PTRRecord: "</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptDefault_Text">record</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">name</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptString">" : "</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptDefault_Text">record</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">ptrdName</span> <span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptBracket/Brace">}</span>
+            <span class="ActionScriptBracket/Brace">}</span>
+            
+            <span class="ActionScriptReserved">private</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">setOutput</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">message</span>:<span class="ActionScriptDefault_Text">String</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
+            <span class="ActionScriptBracket/Brace">{</span>
+                <span class="ActionScriptDefault_Text">resolver</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">removeEventListener</span><span class="ActionScriptBracket/Brace">(</span> <span class="ActionScriptDefault_Text">DNSResolverEvent</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">LOOKUP</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">lookupComplete</span> <span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptDefault_Text">resolver</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">removeEventListener</span><span class="ActionScriptBracket/Brace">(</span> <span class="ActionScriptDefault_Text">ErrorEvent</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">ERROR</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">lookupError</span> <span class="ActionScriptBracket/Brace">)</span>;    
+                <span class="ActionScriptDefault_Text">output</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">message</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptString">"\n"</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptDefault_Text">output</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span>;
+            <span class="ActionScriptBracket/Brace">}</span>
+            
+            <span class="ActionScriptReserved">private</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">lookupError</span><span class="ActionScriptBracket/Brace">(</span> <span class="ActionScriptDefault_Text">error</span>:<span class="ActionScriptDefault_Text">ErrorEvent</span> <span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
+            <span class="ActionScriptBracket/Brace">{</span>
+                <span class="ActionScriptDefault_Text">Alert</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">show</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">"Error: "</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptDefault_Text">error</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span> <span class="ActionScriptBracket/Brace">)</span>;
+            <span class="ActionScriptBracket/Brace">}</span>
+            
+        <span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptOperator">&gt;</span>
+    <span class="MXMLSpecial_Tag">&lt;/fx:Script&gt;</span>
+    
+    <span class="MXMLComponent_Tag">&lt;s:Panel</span><span class="MXMLDefault_Text"> title="</span><span class="MXMLString">DNS Lookup</span><span class="MXMLDefault_Text">" skinClass="</span><span class="MXMLString">skins.TDFPanelSkin</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" height="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;s:layout&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;s:VerticalLayout</span><span class="MXMLDefault_Text"> paddingLeft="</span><span class="MXMLString">8</span><span class="MXMLDefault_Text">" paddingTop="</span><span class="MXMLString">8</span><span class="MXMLDefault_Text">" paddingBottom="</span><span class="MXMLString">8</span><span class="MXMLDefault_Text">" paddingRight="</span><span class="MXMLString">8</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;/s:layout&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;s:HGroup</span><span class="MXMLDefault_Text"> left="</span><span class="MXMLString">5</span><span class="MXMLDefault_Text">" top="</span><span class="MXMLString">5</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;s:VGroup&gt;</span>
+                <span class="MXMLComponent_Tag">&lt;s:HGroup&gt;</span>
+                    <span class="MXMLComponent_Tag">&lt;s:CheckBox</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">cbARecord</span><span class="MXMLDefault_Text">" label="</span><span class="MXMLString">ARecord</span><span class="MXMLDefault_Text">" selected="</span><span class="MXMLString">true</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+                    <span class="MXMLComponent_Tag">&lt;s:CheckBox</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">cbMXRecord</span><span class="MXMLDefault_Text">" label="</span><span class="MXMLString">MX Record</span><span class="MXMLDefault_Text">" selected="</span><span class="MXMLString">true</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+                <span class="MXMLComponent_Tag">&lt;/s:HGroup&gt;</span>
+                <span class="MXMLComponent_Tag">&lt;s:HGroup</span><span class="MXMLDefault_Text"> verticalAlign="</span><span class="MXMLString">middle</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+                    <span class="MXMLComponent_Tag">&lt;s:Label</span><span class="MXMLDefault_Text"> text="</span><span class="MXMLString">Host name: </span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+                    <span class="MXMLComponent_Tag">&lt;s:TextInput</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">domain</span><span class="MXMLDefault_Text">" text="</span><span class="MXMLString">cnn.com</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+                    <span class="MXMLComponent_Tag">&lt;s:Button</span><span class="MXMLDefault_Text"> label="</span><span class="MXMLString">Lookup DNS</span><span class="MXMLDefault_Text">" click="</span><span class="ActionScriptDefault_Text">startLookup</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">domain</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">cbARecord</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">selected</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">cbMXRecord</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">selected</span><span class="ActionScriptBracket/Brace">)</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+                <span class="MXMLComponent_Tag">&lt;/s:HGroup&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;/s:VGroup&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;s:VGroup</span><span class="MXMLDefault_Text"> right="</span><span class="MXMLString">30</span><span class="MXMLDefault_Text">" top="</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+                <span class="MXMLComponent_Tag">&lt;s:Label</span><span class="MXMLDefault_Text"> text="</span><span class="MXMLString">IP Address (127.0.0.1 for example):</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+                <span class="MXMLComponent_Tag">&lt;s:TextInput</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">ipAddress</span><span class="MXMLDefault_Text">" restrict="</span><span class="MXMLString">0-9.</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+                <span class="MXMLComponent_Tag">&lt;s:Button</span><span class="MXMLDefault_Text"> label="</span><span class="MXMLString">Reverse DNS Lookup</span><span class="MXMLDefault_Text">" click="</span><span class="ActionScriptDefault_Text">reverseLookup</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">ipAddress</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">PTRRecord</span><span class="ActionScriptBracket/Brace">)</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;/s:VGroup&gt;</span>    
+        <span class="MXMLComponent_Tag">&lt;/s:HGroup&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;s:HGroup</span><span class="MXMLDefault_Text"> width="</span><span class="MXMLString">500</span><span class="MXMLDefault_Text">" bottom="</span><span class="MXMLString">60</span><span class="MXMLDefault_Text">" horizontalCenter="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;s:Label</span><span class="MXMLDefault_Text"> text="</span><span class="MXMLString">Console:</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;s:TextArea</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">output</span><span class="MXMLDefault_Text">" editable="</span><span class="MXMLString">false</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">70%</span><span class="MXMLDefault_Text">" height="</span><span class="MXMLString">100</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>    
+        <span class="MXMLComponent_Tag">&lt;/s:HGroup&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;s:Label</span><span class="MXMLDefault_Text"> width="</span><span class="MXMLString">95%</span><span class="MXMLDefault_Text">" verticalAlign="</span><span class="MXMLString">justify</span><span class="MXMLDefault_Text">" color="</span><span class="MXMLString">#323232</span><span class="MXMLDefault_Text">" horizontalCenter="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">" bottom="</span><span class="MXMLString">20</span><span class="MXMLDefault_Text">" 
+                 text="</span><span class="MXMLString">The DNS Lookup functionality in AIR 2.0 allows you to lookup the Domain Name Server information for a given URL.</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+    <span class="MXMLComponent_Tag">&lt;/s:Panel&gt;</span>
+<span class="MXMLComponent_Tag">&lt;/s:WindowedApplication&gt;</span></pre></body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR20/DNS/srcview/Sample-AIR2-DNS/src/sample-app.xml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR20/DNS/srcview/Sample-AIR2-DNS/src/sample-app.xml b/TourDeFlex/TourDeFlex/src/objects/AIR20/DNS/srcview/Sample-AIR2-DNS/src/sample-app.xml
new file mode 100755
index 0000000..f9eed35
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR20/DNS/srcview/Sample-AIR2-DNS/src/sample-app.xml
@@ -0,0 +1,156 @@
+<?xml version="1.0" encoding="utf-8" standalone="no"?>
+<!--
+
+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.
+
+-->
+<application xmlns="http://ns.adobe.com/air/application/2.0">
+
+<!-- Adobe AIR Application Descriptor File Template.
+
+	Specifies parameters for identifying, installing, and launching AIR applications.
+
+	xmlns - The Adobe AIR namespace: http://ns.adobe.com/air/application/2.0beta2
+			The last segment of the namespace specifies the version 
+			of the AIR runtime required for this application to run.
+			
+	minimumPatchLevel - The minimum patch level of the AIR runtime required to run 
+			the application. Optional.
+-->
+
+	<!-- The application identifier string, unique to this application. Required. -->
+	<id>main</id>
+
+	<!-- Used as the filename for the application. Required. -->
+	<filename>main</filename>
+
+	<!-- The name that is displayed in the AIR application installer. 
+	     May have multiple values for each language. See samples or xsd schema file. Optional. -->
+	<name>main</name>
+
+	<!-- An application version designator (such as "v1", "2.5", or "Alpha 1"). Required. -->
+	<version>v1</version>
+
+	<!-- Description, displayed in the AIR application installer.
+	     May have multiple values for each language. See samples or xsd schema file. Optional. -->
+	<!-- <description></description> -->
+
+	<!-- Copyright information. Optional -->
+	<!-- <copyright></copyright> -->
+
+	<!-- Publisher ID. Used if you're updating an application created prior to 1.5.3 -->
+	<!-- <publisherID></publisherID> -->
+
+	<!-- Settings for the application's initial window. Required. -->
+	<initialWindow>
+		<!-- The main SWF or HTML file of the application. Required. -->
+		<!-- Note: In Flash Builder, the SWF reference is set automatically. -->
+		<content>[This value will be overwritten by Flash Builder in the output app.xml]</content>
+		
+		<!-- The title of the main window. Optional. -->
+		<!-- <title></title> -->
+
+		<!-- The type of system chrome to use (either "standard" or "none"). Optional. Default standard. -->
+		<!-- <systemChrome></systemChrome> -->
+
+		<!-- Whether the window is transparent. Only applicable when systemChrome is none. Optional. Default false. -->
+		<!-- <transparent></transparent> -->
+
+		<!-- Whether the window is initially visible. Optional. Default false. -->
+		<!-- <visible></visible> -->
+
+		<!-- Whether the user can minimize the window. Optional. Default true. -->
+		<!-- <minimizable></minimizable> -->
+
+		<!-- Whether the user can maximize the window. Optional. Default true. -->
+		<!-- <maximizable></maximizable> -->
+
+		<!-- Whether the user can resize the window. Optional. Default true. -->
+		<!-- <resizable></resizable> -->
+
+		<!-- The window's initial width in pixels. Optional. -->
+		<!-- <width></width> -->
+
+		<!-- The window's initial height in pixels. Optional. -->
+		<!-- <height></height> -->
+
+		<!-- The window's initial x position. Optional. -->
+		<!-- <x></x> -->
+
+		<!-- The window's initial y position. Optional. -->
+		<!-- <y></y> -->
+
+		<!-- The window's minimum size, specified as a width/height pair in pixels, such as "400 200". Optional. -->
+		<!-- <minSize></minSize> -->
+
+		<!-- The window's initial maximum size, specified as a width/height pair in pixels, such as "1600 1200". Optional. -->
+		<!-- <maxSize></maxSize> -->
+	</initialWindow>
+
+	<!-- The subpath of the standard default installation location to use. Optional. -->
+	<!-- <installFolder></installFolder> -->
+
+	<!-- The subpath of the Programs menu to use. (Ignored on operating systems without a Programs menu.) Optional. -->
+	<!-- <programMenuFolder></programMenuFolder> -->
+
+	<!-- The icon the system uses for the application. For at least one resolution,
+		 specify the path to a PNG file included in the AIR package. Optional. -->
+	<!-- <icon>
+		<image16x16></image16x16>
+		<image32x32></image32x32>
+		<image48x48></image48x48>
+		<image128x128></image128x128>
+	</icon> -->
+
+	<!-- Whether the application handles the update when a user double-clicks an update version
+	of the AIR file (true), or the default AIR application installer handles the update (false).
+	Optional. Default false. -->
+	<!-- <customUpdateUI></customUpdateUI> -->
+	
+	<!-- Whether the application can be launched when the user clicks a link in a web browser.
+	Optional. Default false. -->
+	<!-- <allowBrowserInvocation></allowBrowserInvocation> -->
+
+	<!-- Listing of file types for which the application can register. Optional. -->
+	<!-- <fileTypes> -->
+
+		<!-- Defines one file type. Optional. -->
+		<!-- <fileType> -->
+
+			<!-- The name that the system displays for the registered file type. Required. -->
+			<!-- <name></name> -->
+
+			<!-- The extension to register. Required. -->
+			<!-- <extension></extension> -->
+			
+			<!-- The description of the file type. Optional. -->
+			<!-- <description></description> -->
+			
+			<!-- The MIME content type. -->
+			<!-- <contentType></contentType> -->
+			
+			<!-- The icon to display for the file type. Optional. -->
+			<!-- <icon>
+				<image16x16></image16x16>
+				<image32x32></image32x32>
+				<image48x48></image48x48>
+				<image128x128></image128x128>
+			</icon> -->
+			
+		<!-- </fileType> -->
+	<!-- </fileTypes> -->
+
+</application>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR20/DNS/srcview/Sample-AIR2-DNS/src/sample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR20/DNS/srcview/Sample-AIR2-DNS/src/sample.mxml b/TourDeFlex/TourDeFlex/src/objects/AIR20/DNS/srcview/Sample-AIR2-DNS/src/sample.mxml
new file mode 100755
index 0000000..782f381
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR20/DNS/srcview/Sample-AIR2-DNS/src/sample.mxml
@@ -0,0 +1,126 @@
+<!--
+
+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:Module xmlns:fx="http://ns.adobe.com/mxml/2009" 
+					   xmlns:s="library://ns.adobe.com/flex/spark" 
+					   xmlns:mx="library://ns.adobe.com/flex/mx"
+					   styleName="plain" width="100%" height="100%">
+	
+	<!-- Based on sample here: http://www.insideria.com/2009/10/air-2-enhancements-complete-ov.html -->
+	
+	<fx:Script>
+		<![CDATA[
+			import flash.events.DNSResolverEvent;
+			import flash.net.dns.ARecord;
+			import flash.net.dns.DNSResolver;
+			import flash.net.dns.MXRecord;
+			import flash.net.dns.PTRRecord;
+			
+			import mx.controls.Alert;
+			
+			import skins.TDFPanelSkin;
+			
+			protected var resolver:DNSResolver;
+			
+			protected function startLookup(host:String, isARecordSelected:Boolean, isMXRecordSelected:Boolean ):void
+			{
+				this.output.text = "";
+				if (isARecordSelected) lookup( host + ".", ARecord );
+				if (isMXRecordSelected) lookup( host, MXRecord );
+			}
+			
+			protected function reverseLookup(host:String, recordType:Class):void
+			{
+				output.text = "";
+				trace("Record Type " + recordType);
+				if (ipAddress.text != null && ipAddress.text.length >0)
+					lookup(host,recordType);
+				else Alert.show("Please enter a valid IP address.");
+			}
+			
+			protected function lookup(host:String, recordType:Class):void
+			{
+				resolver = new DNSResolver();
+				resolver.addEventListener( DNSResolverEvent.LOOKUP, lookupComplete );
+				resolver.addEventListener( ErrorEvent.ERROR, lookupError );
+				resolver.lookup(host, recordType);
+			}
+			
+			private function lookupComplete(event:DNSResolverEvent):void
+			{
+				
+				resolver.removeEventListener( DNSResolverEvent.LOOKUP, lookupComplete );
+				resolver.removeEventListener( ErrorEvent.ERROR, lookupError );                
+				
+				setOutput( "Querying host: " + event.host );
+				setOutput( "Record type: " +  flash.utils.getQualifiedClassName( event.resourceRecords[0] ) +
+					", count: " + event.resourceRecords.length );
+				
+				for each( var record:* in event.resourceRecords )
+				{
+					if (record is ARecord) setOutput( "ARecord: " + record.name + " : " + record.address );
+					if (record is MXRecord) setOutput( "MXRecord: " + record.name + " : " + record.exchange + ", " + record.preference );
+					if (record is PTRRecord) setOutput( "PTRRecord: " + record.name + " : " + record.ptrdName );
+				}
+			}
+			
+			private function setOutput(message:String):void
+			{
+				resolver.removeEventListener( DNSResolverEvent.LOOKUP, lookupComplete );
+				resolver.removeEventListener( ErrorEvent.ERROR, lookupError );    
+				output.text = message + "\n" + output.text;
+			}
+			
+			private function lookupError( error:ErrorEvent ):void
+			{
+				Alert.show("Error: " + error.text );
+			}
+			
+		]]>
+	</fx:Script>
+	
+	<s:Panel title="DNS Lookup" skinClass="skins.TDFPanelSkin" width="100%" height="100%">
+		<s:layout>
+			<s:VerticalLayout paddingLeft="8" paddingTop="8" paddingBottom="8" paddingRight="8"/>
+		</s:layout>
+		<s:HGroup left="5" top="5">
+			<s:VGroup>
+				<s:HGroup>
+					<s:CheckBox id="cbARecord" label="ARecord" selected="true"/>
+					<s:CheckBox id="cbMXRecord" label="MX Record" selected="true"/>
+				</s:HGroup>
+				<s:HGroup verticalAlign="middle">
+					<s:Label text="Host name: "/>
+					<s:TextInput id="domain" text="cnn.com"/>
+					<s:Button label="Lookup DNS" click="startLookup(domain.text, cbARecord.selected, cbMXRecord.selected)"/>
+				</s:HGroup>
+			</s:VGroup>
+			<s:VGroup right="30" top="10">
+				<s:Label text="IP Address (127.0.0.1 for example):"/>
+				<s:TextInput id="ipAddress" restrict="0-9."/>
+				<s:Button label="Reverse DNS Lookup" click="reverseLookup(ipAddress.text, PTRRecord)"/>
+			</s:VGroup>	
+		</s:HGroup>
+		<s:HGroup width="500" bottom="60" horizontalCenter="0">
+			<s:Label text="Console:"/>
+			<s:TextArea id="output" editable="false" width="70%" height="100"/>	
+		</s:HGroup>
+		<s:Label width="95%" verticalAlign="justify" color="#323232" horizontalCenter="0" bottom="20" 
+				 text="The DNS Lookup functionality in AIR 2.0 allows you to lookup the Domain Name Server information for a given URL."/>
+	</s:Panel>
+</mx:Module>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR20/DNS/srcview/Sample-AIR2-DNS/src/skins/TDFPanelSkin.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR20/DNS/srcview/Sample-AIR2-DNS/src/skins/TDFPanelSkin.mxml b/TourDeFlex/TourDeFlex/src/objects/AIR20/DNS/srcview/Sample-AIR2-DNS/src/skins/TDFPanelSkin.mxml
new file mode 100644
index 0000000..ff46524
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR20/DNS/srcview/Sample-AIR2-DNS/src/skins/TDFPanelSkin.mxml
@@ -0,0 +1,130 @@
+<?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.
+
+-->
+
+
+<s:Skin xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark" 
+		alpha.disabled="0.5" minWidth="131" minHeight="127">
+	
+	<fx:Metadata>
+		[HostComponent("spark.components.Panel")]
+	</fx:Metadata> 
+	
+	<s:states>
+		<s:State name="normal" />
+		<s:State name="disabled" />
+		<s:State name="normalWithControlBar" />
+		<s:State name="disabledWithControlBar" />
+	</s:states>
+	
+	<!-- drop shadow -->
+	<s:Rect left="0" top="0" right="0" bottom="0">
+		<s:filters>
+			<s:DropShadowFilter blurX="15" blurY="15" alpha="0.18" distance="11" angle="90" knockout="true" />
+		</s:filters>
+		<s:fill>
+			<s:SolidColor color="0" />
+		</s:fill>
+	</s:Rect>
+	
+	<!-- layer 1: border -->
+	<s:Rect left="0" right="0" top="0" bottom="0">
+		<s:stroke>
+			<s:SolidColorStroke color="0" alpha="0.50" weight="1" />
+		</s:stroke>
+	</s:Rect>
+	
+	<!-- layer 2: background fill -->
+	<s:Rect left="0" right="0" bottom="0" height="15">
+		<s:fill>
+			<s:LinearGradient rotation="90">
+				<s:GradientEntry color="0xE2E2E2" />
+				<s:GradientEntry color="0x000000" />
+			</s:LinearGradient>
+		</s:fill>
+	</s:Rect>
+	
+	<!-- layer 3: contents -->
+	<s:Group left="1" right="1" top="1" bottom="1" >
+		<s:layout>
+			<s:VerticalLayout gap="0" horizontalAlign="justify" />
+		</s:layout>
+		
+		<s:Group id="topGroup" >
+			<!-- layer 0: title bar fill -->
+			<!-- Note: We have custom skinned the title bar to be solid black for Tour de Flex -->
+			<s:Rect id="tbFill" left="0" right="0" top="0" bottom="1" >
+				<s:fill>
+					<s:SolidColor color="0x000000" />
+				</s:fill>
+			</s:Rect>
+			
+			<!-- layer 1: title bar highlight -->
+			<s:Rect id="tbHilite" left="0" right="0" top="0" bottom="0" >
+				<s:stroke>
+					<s:LinearGradientStroke rotation="90" weight="1">
+						<s:GradientEntry color="0xEAEAEA" />
+						<s:GradientEntry color="0xD9D9D9" />
+					</s:LinearGradientStroke>
+				</s:stroke>
+			</s:Rect>
+			
+			<!-- layer 2: title bar divider -->
+			<s:Rect id="tbDiv" left="0" right="0" height="1" bottom="0">
+				<s:fill>
+					<s:SolidColor color="0xC0C0C0" />
+				</s:fill>
+			</s:Rect>
+			
+			<!-- layer 3: text -->
+			<s:Label id="titleDisplay" maxDisplayedLines="1"
+					 left="9" right="3" top="1" minHeight="30"
+					 verticalAlign="middle" fontWeight="bold" color="#E2E2E2">
+			</s:Label>
+			
+		</s:Group>
+		
+		<s:Group id="contentGroup" width="100%" height="100%" minWidth="0" minHeight="0">
+		</s:Group>
+		
+		<s:Group id="bottomGroup" minWidth="0" minHeight="0"
+				 includeIn="normalWithControlBar, disabledWithControlBar" >
+			<!-- layer 0: control bar background -->
+			<s:Rect left="0" right="0" bottom="0" top="1" >
+				<s:fill>
+					<s:SolidColor color="0xE2EdF7" />
+				</s:fill>
+			</s:Rect>
+			
+			<!-- layer 1: control bar divider line -->
+			<s:Rect left="0" right="0" top="0" height="1" >
+				<s:fill>
+					<s:SolidColor color="0xD1E0F2" />
+				</s:fill>
+			</s:Rect>
+			
+			<!-- layer 2: control bar -->
+			<s:Group id="controlBarGroup" left="0" right="0" top="1" bottom="1" minWidth="0" minHeight="0">
+				<s:layout>
+					<s:HorizontalLayout paddingLeft="10" paddingRight="10" paddingTop="7" paddingBottom="7" gap="10" />
+				</s:layout>
+			</s:Group>
+		</s:Group>
+	</s:Group>
+</s:Skin>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR20/DNS/srcview/SourceIndex.xml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR20/DNS/srcview/SourceIndex.xml b/TourDeFlex/TourDeFlex/src/objects/AIR20/DNS/srcview/SourceIndex.xml
new file mode 100644
index 0000000..79136c3
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR20/DNS/srcview/SourceIndex.xml
@@ -0,0 +1,37 @@
+<?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.
+
+-->
+<index>
+	<title>Source of Sample-AIR2-DNS</title>
+	<nodes>
+		<node label="libs">
+		</node>
+		<node label="src">
+			<node icon="packageIcon" label="skins" expanded="true">
+				<node icon="mxmlIcon" label="TDFPanelSkin.mxml" url="source/skins/TDFPanelSkin.mxml.html"/>
+			</node>
+			<node label="sample-app.xml" url="source/sample-app.xml.txt"/>
+			<node icon="mxmlAppIcon" selected="true" label="sample.mxml" url="source/sample.mxml.html"/>
+		</node>
+	</nodes>
+	<zipfile label="Download source (ZIP, 7K)" url="Sample-AIR2-DNS.zip">
+	</zipfile>
+	<sdklink label="Download Flex SDK" url="http://www.adobe.com/go/flex4_sdk_download">
+	</sdklink>
+</index>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR20/DNS/srcview/SourceStyles.css
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR20/DNS/srcview/SourceStyles.css b/TourDeFlex/TourDeFlex/src/objects/AIR20/DNS/srcview/SourceStyles.css
new file mode 100644
index 0000000..9d5210f
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR20/DNS/srcview/SourceStyles.css
@@ -0,0 +1,155 @@
+/*
+ * 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.
+ */
+body {
+	font-family: Courier New, Courier, monospace;
+	font-size: medium;
+}
+
+.ActionScriptASDoc {
+	color: #3f5fbf;
+}
+
+.ActionScriptBracket/Brace {
+}
+
+.ActionScriptComment {
+	color: #009900;
+	font-style: italic;
+}
+
+.ActionScriptDefault_Text {
+}
+
+.ActionScriptMetadata {
+	color: #0033ff;
+	font-weight: bold;
+}
+
+.ActionScriptOperator {
+}
+
+.ActionScriptReserved {
+	color: #0033ff;
+	font-weight: bold;
+}
+
+.ActionScriptString {
+	color: #990000;
+	font-weight: bold;
+}
+
+.ActionScriptclass {
+	color: #9900cc;
+	font-weight: bold;
+}
+
+.ActionScriptfunction {
+	color: #339966;
+	font-weight: bold;
+}
+
+.ActionScriptinterface {
+	color: #9900cc;
+	font-weight: bold;
+}
+
+.ActionScriptpackage {
+	color: #9900cc;
+	font-weight: bold;
+}
+
+.ActionScripttrace {
+	color: #cc6666;
+	font-weight: bold;
+}
+
+.ActionScriptvar {
+	color: #6699cc;
+	font-weight: bold;
+}
+
+.MXMLASDoc {
+	color: #3f5fbf;
+}
+
+.MXMLComment {
+	color: #800000;
+}
+
+.MXMLComponent_Tag {
+	color: #0000ff;
+}
+
+.MXMLDefault_Text {
+}
+
+.MXMLProcessing_Instruction {
+}
+
+.MXMLSpecial_Tag {
+	color: #006633;
+}
+
+.MXMLString {
+	color: #990000;
+}
+
+.CSS@font-face {
+	color: #990000;
+	font-weight: bold;
+}
+
+.CSS@import {
+	color: #006666;
+	font-weight: bold;
+}
+
+.CSS@media {
+	color: #663333;
+	font-weight: bold;
+}
+
+.CSS@namespace {
+	color: #923196;
+}
+
+.CSSComment {
+	color: #999999;
+}
+
+.CSSDefault_Text {
+}
+
+.CSSDelimiters {
+}
+
+.CSSProperty_Name {
+	color: #330099;
+}
+
+.CSSProperty_Value {
+	color: #3333cc;
+}
+
+.CSSSelector {
+	color: #ff00ff;
+}
+
+.CSSString {
+	color: #990000;
+}
+


[46/51] [partial] Merged TourDeFlex release from develop

Posted by jm...@apache.org.
http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/data/objects-desktop2.xml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/data/objects-desktop2.xml b/TourDeFlex/TourDeFlex/src/data/objects-desktop2.xml
new file mode 100644
index 0000000..f77ba04
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/data/objects-desktop2.xml
@@ -0,0 +1,5970 @@
+<!--
+
+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.
+
+-->
+<Objects version="2010-06-18" searchTags="uicontrol,input,container,effect,transition,date,number,string,navigator,formatter,validator,chart,visualization,map,data,blazeds,lcds,api,cloud,air,technique" searchTagsTotals="49,6,21,32,2,6,5,18,7,7,11,23,21,13,33,16,16,15,15,22,25" featuredSamples="14110,14120,14130,14140,14150">
+	<Category name="Introduction to Flex">
+		<Object id="90000" name="What's Flex" author="Adobe Systems, Inc." dateAdded="2010-03-22" iconPath="http://www.adobe.com/devnet/flex/tourdeflex/sample/samples/HOWTO/flexicon.png" tags="gumbo,flex4,flex 4" viewCount="0" description="What's Flex - from Flex.org">
+			<Illustrations>
+				<Illustration name="What's Flex" path="http://tourdeflex.adobe.com/introduction/whatsflex.html" openLinksExternal="true" autoExpand="true" scrollBars="true"/>
+			</Illustrations>
+		</Object>
+		<Object id="90005" name="What's Possible" author="Adobe Systems, Inc." dateAdded="2010-03-22" iconPath="http://www.adobe.com/devnet/flex/tourdeflex/sample/samples/HOWTO/flexicon.png" tags="gumbo,flex4,flex 4" viewCount="0" description="What's Flex - from Flex.org">
+			<Illustrations>
+				<Illustration name="What's Possible (showcase)" path="http://tourdeflex.adobe.com/introduction/whatspossible.html" openLinksExternal="true" autoExpand="true" scrollBars="true"/>
+			</Illustrations>
+		</Object>
+		<Object id="90010" name="Get Started" author="Adobe Systems, Inc." dateAdded="2010-03-22" iconPath="http://www.adobe.com/devnet/flex/tourdeflex/sample/samples/HOWTO/flexicon.png" tags="gumbo,flex4,flex 4" viewCount="0" description="What's Flex - from Flex.org">
+			<Illustrations>
+				<Illustration name="Get Started" path="http://tourdeflex.adobe.com/introduction/getstarted.html" openLinksExternal="true" autoExpand="true" scrollBars="true"/>
+			</Illustrations>
+		</Object>
+		<Object id="90015" name="Flex Resources" author="Adobe Systems, Inc." dateAdded="2010-03-22" iconPath="http://www.adobe.com/devnet/flex/tourdeflex/sample/samples/HOWTO/flexicon.png" tags="gumbo,flex4,flex 4" viewCount="0" description="What's Flex - from Flex.org">
+			<Illustrations>
+				<Illustration name="Flex Resources" path="http://tourdeflex.adobe.com/introduction/resources.html" openLinksExternal="true" autoExpand="true" scrollBars="true"/>
+			</Illustrations>
+		</Object>
+	</Category>
+	<Category name="Flex 4">
+		<Object id="700001" name="Read Me" iconPath="http://tourdeflex.adobe.com/samples/common/adobe.png" author="Holly Schinsky" tags="readme">
+			<Illustrations>
+				<Illustration name="Read Me" path="http://tourdeflex.adobe.com/flex4samples/flex4-readme-new.html" autoExpand="true" openLinksExternal="true"/>
+			</Illustrations>
+		</Object>
+		<Category name="Components">
+			<Category name="Controls">
+				<Object id="70030" name="AdvancedDataGrid" author="Adobe Systems, Inc." dateAdded="2010-03-22" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/AdvancedDataGrid.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - AdvancedDataGrid">
+					<Illustrations>
+						<Illustration name="AdvancedDataGrid" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-AdvancedDataGrid/sample1.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-AdvancedDataGrid/srcview/source/sample1.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-AdvancedDataGrid/srcview/source/TDFGradientBackgroundSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=mx/controls&amp;topic=AdvancedDataGrid" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="30600" name="Button" author="Holly Schinsky" dateAdded="2009-09-01" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/Button.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - Button">
+					<Illustrations>
+						<Illustration name="Button" path="http://tourdeflex.adobe.com/flex4samples/UIControls/Buttons/Button/sample.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4samples/UIControls/Buttons/Button/srcview/source/sample.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4samples/UIControls/Buttons/Button/srcview/source/skins/TDFPanelSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/components&amp;topic=Button" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="30700" name="ButtonBar" author="Holly Schinsky" dateAdded="2009-09-01" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/ButtonBar.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - ButtonBar">
+					<Illustrations>
+						<Illustration name="ButtonBar" path="http://tourdeflex.adobe.com/flex4samples/UIControls/Buttons/ButtonBar/sample.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4samples/UIControls/Buttons/ButtonBar/srcview/source/sample.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4samples/UIControls/Buttons/ButtonBar/srcview/source/skins/TDFPanelSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/components&amp;topic=ButtonBar" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="30300" name="CheckBox" author="Holly Schinsky/Adobe" dateAdded="2009-09-01" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/CheckBox.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - CheckBox">
+					<Illustrations>
+						<Illustration name="CheckBox" path="http://tourdeflex.adobe.com/flex4samples/UIControls/DataEntryControls/CheckBox/sample.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4samples/UIControls/DataEntryControls/CheckBox/srcview/source/sample.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4samples/UIControls/DataEntryControls/CheckBox/srcview/source/skins/TDFPanelSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/components&amp;topic=CheckBox" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="70260" name="ColorPicker" author="Adobe Systems, Inc." dateAdded="2010-03-22" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/ColorPicker.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - ColorPicker">
+					<Illustrations>
+						<Illustration name="ColorPicker" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-ColorPicker/sample1.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-ColorPicker/srcview/source/sample1.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-ColorPicker/srcview/source/TDFGradientBackgroundSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=mx/controls&amp;topic=ColorPicker" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="30305" name="ComboBox" author="Holly Schinsky/Adobe" dateAdded="2010-03-22" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/ComboBox.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - ComboBox">
+					<Illustrations>
+						<Illustration name="ComboBox" path="http://tourdeflex.adobe.com/flex4.0/ComboBox/sample.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/ComboBox/srcview/source/sample.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/ComboBox/srcview/source/skins/TDFPanelSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/components&amp;topic=ComboBox" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="70040" name="DataGrid" author="Adobe Systems, Inc." dateAdded="2010-03-22" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/DataGrid.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - DataGrid">
+					<Illustrations>
+						<Illustration name="DataGrid" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-DataGrid/sample1.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-DataGrid/srcview/source/sample1.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-DataGrid/srcview/source/TDFGradientBackgroundSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=mx/controls&amp;topic=DataGrid" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="70050" name="DateChooser" author="Adobe Systems, Inc." dateAdded="2010-03-22" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/DateChooser.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - DateChooser">
+					<Illustrations>
+						<Illustration name="DateChooser" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-DateChooser/sample1.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-DateChooser/srcview/source/sample1.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-DateChooser/srcview/source/TDFGradientBackgroundSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=mx/controls&amp;topic=DateChooser" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="70060" name="DateField" author="Adobe Systems, Inc." dateAdded="2010-03-22" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/DateField.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - DateField">
+					<Illustrations>
+						<Illustration name="DateField" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-DateField/sample1.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-DateField/srcview/source/sample1.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-DateField/srcview/source/TDFGradientBackgroundSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=mx/controls&amp;topic=DateField" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="30400" name="DropDownList" author="Holly Schinsky/Adobe" dateAdded="2009-09-01" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/DropDownList.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - DropDownList">
+					<Illustrations>
+						<Illustration name="DropDownList" path="http://tourdeflex.adobe.com/flex4samples/UIControls/DataEntryControls/DropDownList/sample.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4samples/UIControls/DataEntryControls/DropDownList/srcview/source/sample.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4samples/UIControls/DataEntryControls/DropDownList/srcview/source/skins/TDFPanelSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/component&amp;topic=DropDownList" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="70090" name="Image" author="Adobe Systems, Inc." dateAdded="2010-03-22" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/Image.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - Image">
+					<Illustrations>
+						<Illustration name="Image" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-Image/sample1.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-Image/srcview/source/sample1.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-Image/srcview/source/TDFGradientBackgroundSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=mx/controls&amp;topic=Image" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="70100" name="LinkButton" author="Adobe Systems, Inc." dateAdded="2010-03-22" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/LinkButton.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - LinkButton">
+					<Illustrations>
+						<Illustration name="LinkButton" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-LinkButton/sample1.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-LinkButton/srcview/source/sample1.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-LinkButton/srcview/source/TDFGradientBackgroundSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=mx/controls&amp;topic=LinkButton" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="30800" name="List" author="Holly Schinsky" dateAdded="2009-09-01" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/List.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - List">
+					<Illustrations>
+						<Illustration name="List" path="http://tourdeflex.adobe.com/flex4samples/UIControls/TreeListAndGridControls/List/sample.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4samples/UIControls/TreeListAndGridControls/List/srcview/source/sample.mxml.html"/>
+								<Document name="Flex Project" path="http://tourdeflex.adobe.com/flex4samples/UIControls/TreeListAndGridControls/List/srcview/index.html" openLinksExternal="true"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=mx/controls&amp;topic=List" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="30805" name="Menu" author="Holly Schinsky/Adobe" dateAdded="2010-03-22" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/Menu.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - Menu">
+					<Illustrations>
+						<Illustration name="Menu" path="http://tourdeflex.adobe.com/flex4.0/Menu/sample.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/Menu/srcview/source/sample.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/Menu/srcview/source/skins/TDFPanelSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=mx/controls&amp;topic=Menu" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="30200" name="NumericStepper" author="Holly Schinsky" dateAdded="2009-09-01" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/NumericStepper.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - NumericStepper">
+					<Illustrations>
+						<Illustration name="NumericStepper" path="http://tourdeflex.adobe.com/flex4samples/UIControls/DataEntryControls/NumericStepper/sample.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4samples/UIControls/DataEntryControls/NumericStepper/srcview/source/sample.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4samples/UIControls/DataEntryControls/NumericStepper/srcview/source/skins/TDFPanelSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/components&amp;topic=NumericStepper" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="70110" name="OLAPDataGrid" author="Adobe Systems, Inc." dateAdded="2010-03-22" iconPath="http://www.adobe.com/devnet/flex/tourdeflex/sample/samples/OLAPDataGrid/OLAPDataGrid.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - OLAPDataGrid">
+					<Illustrations>
+						<Illustration name="OLAPDataGrid" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-OLAPDataGrid/sample1.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-OLAPDataGrid/srcview/source/sample1.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-OLAPDataGrid/srcview/source/TDFGradientBackgroundSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=mx/controls&amp;topic=OLAPDataGrid" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="30720" name="PopUpAnchor" author="Holly Schinsky" dateAdded="2009-09-21" downloadPath="http://tourdeflex.adobe.com/flex4samples/UIControls/Buttons/PopUpAnchor/srcview/Sample-Flex4-PopUpAnchor.zip" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/Button.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - Popup Anchor">
+					<Illustrations>
+						<Illustration name="PopUpAnchor" path="http://tourdeflex.adobe.com/flex4samples/UIControls/Buttons/PopUpAnchor/sample.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4samples/UIControls/Buttons/PopUpAnchor/srcview/source/sample.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4samples/UIControls/Buttons/PopUpAnchor/srcview/source/skins/TDFPanelSkin.mxml.html"/>
+								<Document name="CloseButtonSkin.mxml" path="http://tourdeflex.adobe.com/flex4samples/UIControls/Buttons/PopUpAnchor/srcview/source/skins/CloseButtonSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/components&amp;topic=PopUpAnchor" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+						<Illustration name="PopUpAnchor2" path="http://tourdeflex.adobe.com/flex4samples/UIControls/Buttons/PopUpAnchor/sample2.html">
+							<Documents>
+								<Document name="sample2.mxml" path="http://tourdeflex.adobe.com/flex4samples/UIControls/Buttons/PopUpAnchor/srcview/source/sample2.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4samples/UIControls/Buttons/PopUpAnchor/srcview/source/skins/TDFPanelSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/components&amp;topic=PopUpAnchor" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="70120" name="PopUpButton" author="Adobe Systems, Inc." dateAdded="2010-03-22" iconPath="http://www.adobe.com/devnet/flex/tourdeflex/sample/samples/PopUpButton/PopUpButton.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - PopUpButton">
+					<Illustrations>
+						<Illustration name="PopUpButton" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-PopUpButton/sample1.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-PopUpButton/srcview/source/sample1.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-PopUpButton/srcview/source/TDFGradientBackgroundSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=mx/controls&amp;topic=PopUpButton" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="70130" name="ProgressBar" author="Adobe Systems, Inc." dateAdded="2010-03-22" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/ProgressBar.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - ProgressBar">
+					<Illustrations>
+						<Illustration name="ProgressBar" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-ProgressBar/sample1.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-ProgressBar/srcview/source/sample1.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-ProgressBar/srcview/source/TDFGradientBackgroundSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/components&amp;topic=ProgressBar" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="30100" name="RadioButton" author="Holly Schinsky" dateAdded="2009-09-01" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/RadioButton.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - RadioButton">
+					<Illustrations>
+						<Illustration name="RadioButton" path="http://tourdeflex.adobe.com/flex4samples/UIControls/DataEntryControls/RadioButton/sample.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4samples/UIControls/DataEntryControls/RadioButton/srcview/source/sample.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4samples/UIControls/DataEntryControls/RadioButton/srcview/source/skins/TDFPanelSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/components&amp;topic=RadioButton" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="30105" name="RichEditableText" author="Holly Schinsky/Adobe" dateAdded="2010-03-22" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/RichEditableText.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - RichEditableText">
+					<Illustrations>
+						<Illustration name="RichEditableText" path="http://tourdeflex.adobe.com/flex4.0/RichEditableText/sample.swf">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/RichEditableText/srcview/source/sample.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/RichEditableText/srcview/source/skins/TDFPanelSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/components&amp;topic=RichEditableText" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="30107" name="RichText" author="Holly Schinsky/Adobe" dateAdded="2010-03-22" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/RichText.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - RichText">
+					<Illustrations>
+						<Illustration name="RichText" path="http://tourdeflex.adobe.com/flex4.0/FXG/RichText/sample.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/FXG/RichText/srcview/source/sample.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/FXG/RichText/srcview/source/skins/TDFPanelSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/components&amp;topic=RichText" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="30910" name="ScrollBar (2)" author="Holly Schinsky" dateAdded="2009-09-21" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/Scroller.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - ScrollBar">
+					<Illustrations>
+						<Illustration name="ScrollBar" path="http://tourdeflex.adobe.com/flex4samples/UIControls/OtherControls/ScrollBar/sample.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4samples/UIControls/OtherControls/ScrollBar/srcview/source/sample.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4samples/UIControls/OtherControls/ScrollBar/srcview/source/skins/TDFPanelSkin.mxml.html"/>
+								<Document name="HScrollBar Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/components&amp;topic=VScrollBar" openLinksExternal="true"/>
+								<Document name="VScrollBar Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/components&amp;topic=HScrollBar" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+						<Illustration name="HScrollBar/VScrollBar" path="http://tourdeflex.adobe.com/flex4.0/ScrollBars/sample.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/ScrollBars/srcview/source/sample.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/ScrollBars/srcview/source/skins/TDFPanelSkin.mxml.html"/>
+								<Document name="HScrollBar Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/components&amp;topic=VScrollBar" openLinksExternal="true"/>
+								<Document name="VScrollBar Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/components&amp;topic=HScrollBar" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="31000" name="Scroller (2)" author="Peter DeHaan/Holly Schinsky" dateAdded="2009-09-01" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/Scroller.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - Scroller">
+					<Illustrations>
+						<Illustration name="Scroller Viewport" path="http://tourdeflex.adobe.com/flex4samples/UIControls/OtherControls/Scroller/sample1.html">
+							<Documents>
+								<Document name="sample1.mxml" path="http://tourdeflex.adobe.com/flex4samples/UIControls/OtherControls/Scroller/srcview/source/sample1.mxml.html"/>
+								<Document name="MyPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4samples/UIControls/OtherControls/Scroller/srcview/source/skins/MyPanelSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/components&amp;topic=Scroller" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+						<Illustration name="Scroller Child Tabbing" path="http://tourdeflex.adobe.com/flex4samples/UIControls/OtherControls/Scroller/sample2.html">
+							<Documents>
+								<Document name="sample2.mxml" path="http://tourdeflex.adobe.com/flex4samples/UIControls/OtherControls/Scroller/srcview/source/sample2.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4samples/UIControls/OtherControls/Scroller/srcview/source/skins/TDFPanelSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/components&amp;topic=Scroller" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="30915" name="Slider" author="Holly Schinsky" dateAdded="2009-09-21" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/VSlider.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - Slider">
+					<Illustrations>
+						<Illustration name="Slider" path="http://tourdeflex.adobe.com/flex4samples/UIControls/OtherControls/Slider/sample.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4samples/UIControls/OtherControls/Slider/srcview/source/sample.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4samples/UIControls/OtherControls/Slider/srcview/source/skins/TDFPanelSkin.mxml.html"/>
+								<Document name="VSlider Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/components&amp;topic=VSlider" openLinksExternal="true"/>
+								<Document name="HSlider Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/components&amp;topic=HSlider" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="30925" name="Spinner" author="Holly Schinsky" dateAdded="2009-10-20" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/Spinner.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - Spinner">
+					<Illustrations>
+						<Illustration name="Spinner" path="http://tourdeflex.adobe.com/flex4samples/UIControls/OtherControls/Spinner/sample.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4samples/UIControls/OtherControls/Spinner/srcview/source/sample.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4samples/UIControls/OtherControls/Spinner/srcview/source/skins/TDFPanelSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/components&amp;topic=Spinner" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="70140" name="SWFLoader" author="Adobe Systems, Inc." dateAdded="2010-03-22" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/SWFLoader.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - SWFLoader">
+					<Illustrations>
+						<Illustration name="SWFLoader" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-SWFLoader/sample1.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-SWFLoader/srcview/source/sample1.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-SWFLoader/srcview/source/TDFGradientBackgroundSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=mx/controls&amp;topic=SWFLoader" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="30926" name="TabBar" author="Holly Schinsky" dateAdded="2010-03-22" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/TabBar.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - TabBar">
+					<Illustrations>
+						<Illustration name="TabBar" path="http://tourdeflex.adobe.com/flex4samples/GroupsAndContainers/TabbedNavigator/sample1.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4samples/GroupsAndContainers/TabbedNavigator/srcview/source/sample1.mxml.html"/>
+								<Document name="Flex Project" path="http://tourdeflex.adobe.com/flex4samples/GroupsAndContainers/TabbedNavigator/srcview/index.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/components&amp;topic=TabBar" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="30928" name="TextArea" author="Holly Schinsky" dateAdded="2010-03-22" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/TextArea.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - TextArea">
+					<Illustrations>
+						<Illustration name="TextArea" path="http://tourdeflex.adobe.com/flex4.0/TextArea/sample.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/TextArea/srcview/source/sample.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/TextArea/srcview/source/skins/TDFPanelSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/components&amp;topic=TextArea" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="30930" name="TextInput" author="Holly Schinsky" dateAdded="2010-03-22" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/TextInput.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - TextInput">
+					<Illustrations>
+						<Illustration name="TextInput" path="http://tourdeflex.adobe.com/flex4.0/TextInput/sample.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/TextInput/srcview/source/sample.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/TextInput/srcview/source/skins/TDFPanelSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/components&amp;topic=TextInput" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="30500" name="ToggleButton" author="Holly Schinsky" dateAdded="2009-09-01" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/ToggleButton.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - ToggleButton">
+					<Illustrations>
+						<Illustration name="ToggleButton" path="http://tourdeflex.adobe.com/flex4samples/UIControls/Buttons/ToggleButton/sample.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4samples/UIControls/Buttons/ToggleButton/srcview/source/sample.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4samples/UIControls/Buttons/ToggleButton/srcview/source/skins/TDFPanelSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/components&amp;topic=ToggleButton" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="70150" name="Tree" author="Adobe Systems, Inc." dateAdded="2010-03-22" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/Tree.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - Tree">
+					<Illustrations>
+						<Illustration name="Tree" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-Tree/sample1.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-Tree/srcview/source/sample1.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-Tree/srcview/source/TDFGradientBackgroundSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=mx/controls&amp;topic=ToggleButton" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="70160" name="VideoDisplay" author="Adobe Systems, Inc." dateAdded="2010-03-22" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/VideoDisplay.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - VideoDisplay">
+					<Illustrations>
+						<Illustration name="VideoDisplay" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-VideoDisplay/sample1.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-VideoDisplay/srcview/source/sample1.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-VideoDisplay/srcview/source/TDFGradientBackgroundSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/components&amp;topic=VideoDisplay" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="30900" name="VideoPlayer" author="Holly Schinsky" dateAdded="2009-09-01" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/VideoPlayer.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - VideoPlayer">
+					<Illustrations>
+						<Illustration name="VideoPlayer" path="http://tourdeflex.adobe.com/flex4samples/UIControls/OtherControls/VideoPlayer/sample1.html">
+							<Documents>
+								<Document name="sample1.mxml" path="http://tourdeflex.adobe.com/flex4samples/UIControls/OtherControls/VideoPlayer/srcview/source/sample1.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4samples/UIControls/OtherControls/VideoPlayer/srcview/source/skins/TDFPanelSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/components&amp;topic=VideoPlayer" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+			</Category>
+			<Category name="Layout">
+				<Object id="31099" name="Read Me" iconPath="http://tourdeflex.adobe.com/samples/common/adobe.png" author="Holly Schinsky" tags="readme">
+					<Illustrations>
+						<Illustration name="Read Me" path="http://tourdeflex.adobe.com/flex4samples/GroupsAndContainers/groups-containers-readme.html" autoExpand="true" openLinksExternal="true"/>
+					</Illustrations>
+				</Object>
+				<Object id="31100" name="BorderContainer" author="Holly Schinsky" dateAdded="2009-09-10" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/BorderContainer.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - BorderContainer">
+					<Illustrations>
+						<Illustration name="BorderContainer" path="http://tourdeflex.adobe.com/flex4samples/GroupsAndContainers/Border/sample.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4samples/GroupsAndContainers/Border/srcview/source/sample.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4samples/GroupsAndContainers/Border/srcview/source/skins/TDFPanelSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/components&amp;topic=BorderContainer" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="31105" name="DataGroup" author="Holly Schinsky" dateAdded="2010-03-22" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/DataGroup.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - DataGroup">
+					<Illustrations>
+						<Illustration name="DataGroup" path="http://tourdeflex.adobe.com/flex4.0/DataGroup/sample.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/DataGroup/srcview/source/sample.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/DataGroup/srcview/source/skins/TDFPanelSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/components&amp;topic=DataGroup" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="70000" name="Form" author="Adobe Systems, Inc." dateAdded="2010-03-22" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/Form.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - Form">
+					<Illustrations>
+						<Illustration name="Form" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-Form/sample1.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-Form/srcview/source/sample1.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-Form/srcview/source/TDFGradientBackgroundSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=mx/containers&amp;topic=Form" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="31110" name="HGroup/VGroup (3)" author="Holly Schinsky/Evtim Georgiev" dateAdded="2010-03-22" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/HGroup.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - HGroup/VGroup">
+					<Illustrations>
+						<Illustration name="HGroup" path="http://tourdeflex.adobe.com/flex4.0/Group-HGroup-VGroup/SampleHGroup.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/Group-HGroup-VGroup/srcview/source/SampleHGroup.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/Group-HGroup-VGroup/srcview/source/skins/TDFPanelSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/components&amp;topic=HGroup" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+						<Illustration name="VGroup" path="http://tourdeflex.adobe.com/flex4.0/Group-HGroup-VGroup/SampleVGroup.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/Group-HGroup-VGroup/srcview/source/SampleVGroup.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/Group-HGroup-VGroup/srcview/source/skins/TDFPanelSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/components&amp;topic=VGroup" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+						<Illustration name="Group Axis Alignment" path="http://tourdeflex.adobe.com/flex4.0/Groups-verticalAlign-horizontalAlign-forLayout/sample.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/Groups-verticalAlign-horizontalAlign-forLayout/srcview/source/sample.mxml.html"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="31150" name="Panel" author="Holly Schinsky" dateAdded="2009-09-10" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/Panel.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - Panel">
+					<Illustrations>
+						<Illustration name="Panel" path="http://tourdeflex.adobe.com/flex4samples/GroupsAndContainers/Panel/sample.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4samples/GroupsAndContainers/Panel/srcview/source/sample.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4samples/GroupsAndContainers/Panel/srcview/source/skins/TDFPanelSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/components&amp;topic=Panel" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="31720" name="SkinnableContainer" author="Holly Schinsky" dateAdded="2009-11-16" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/SkinnableContainer.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - SkinnableContainer">
+					<Illustrations>
+						<Illustration name="SkinnableContainer" path="http://tourdeflex.adobe.com/flex4samples/Skinning/SkinningContainer/sample.html">
+							<Documents>
+								<Document name="Flex Project" path="http://tourdeflex.adobe.com/flex4samples/Skinning/SkinningContainer/srcview/index.html" openLinksExternal="true"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/components&amp;topic=SkinnableContainer" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="31725" name="SkinnableDataContainer" author="Holly Schinsky" dateAdded="2010-03-22" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/SkinnableDataContainer.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - SkinnableContainer">
+					<Illustrations>
+						<Illustration name="SkinnableDataContainer" path="http://tourdeflex.adobe.com/flex4.0/SkinnableDataContainer/sample.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/SkinnableDataContainer/srcview/source/sample.mxml.html" openLinksExternal="true"/>
+								<Document name="TDFPanelSkin" path="http://tourdeflex.adobe.com/flex4.0/SkinnableDataContainer/srcview/source/skins/TDFPanelSkin.mxml.html" openLinksExternal="true"/>
+								<Document name="Flex Project" path="http://tourdeflex.adobe.com/flex4.0/SkinnableDataContainer/srcview/" openLinksExternal="true"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/components&amp;topic=SkinnableDataContainer" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="31160" name="Tabbed Navigation (2)" author="Holly Schinsky" dateAdded="2009-11-16" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/TabNavigator.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - Tabbed Navigation">
+					<Illustrations>
+						<Illustration name="Tabbed Navigation" path="http://tourdeflex.adobe.com/flex4samples/GroupsAndContainers/TabbedNavigator/sample1.html">
+							<Documents>
+								<Document name="Flex Project" path="http://tourdeflex.adobe.com/flex4samples/GroupsAndContainers/TabbedNavigator/srcview/index.html" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+						<Illustration name="Custom Tabs" path="http://tourdeflex.adobe.com/flex4samples/GroupsAndContainers/TabbedNavigator/sample2.html">
+							<Documents>
+								<Document name="Flex Project" path="http://tourdeflex.adobe.com/flex4samples/GroupsAndContainers/TabbedNavigator/srcview/index.html" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="31165" name="TileGroup" author="Holly Schinsky" dateAdded="2010-03-22" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/TileGroup.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - TileGroup">
+					<Illustrations>
+						<Illustration name="TileGroup" path="http://tourdeflex.adobe.com/flex4.0/TileGroup/TileGroupSample.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/TileGroup/srcview/source/TileGroupSample.mxml.html" openLinksExternal="true"/>
+								<Document name="TDFPanelSkin" path="http://tourdeflex.adobe.com/flex4.0/TileGroup/srcview/source/skins/TDFPanelSkin.mxml.html" openLinksExternal="true"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/components&amp;topic=TileGroup" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="70020" name="TitleWindow" author="Adobe Systems, Inc." dateAdded="2010-03-22" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/TitleWindow.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - TitleWindow">
+					<Illustrations>
+						<Illustration name="TitleWindow" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-TitleWindow/sample1.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-TitleWindow/srcview/source/sample1.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-TitleWindow/srcview/source/TDFGradientBackgroundSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/components&amp;topic=TitleWindow" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+			</Category>
+			<Category name="Navigators">
+				<Object id="70170" name="Accordion" author="Adobe Systems, Inc." dateAdded="2010-03-22" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/Accordion.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - Accordion">
+					<Illustrations>
+						<Illustration name="Accordion" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-Accordion/sample1.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-Accordion/srcview/source/sample1.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-Accordion/srcview/source/TDFGradientBackgroundSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=mx/containers&amp;topic=Accordion" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="70180" name="LinkBar" author="Adobe Systems, Inc." dateAdded="2010-03-22" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/LinkBar.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - LinkBar">
+					<Illustrations>
+						<Illustration name="LinkBar" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-LinkBar/sample1.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-LinkBar/srcview/source/sample1.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-LinkBar/srcview/source/TDFGradientBackgroundSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=mx/containers&amp;topic=LinkBar" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="70190" name="TabNavigator" author="Adobe Systems, Inc." dateAdded="2010-03-22" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/TabNavigator.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - TabNavigator">
+					<Illustrations>
+						<Illustration name="TabNavigator" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-TabNavigator/sample1.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-TabNavigator/srcview/source/sample1.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-TabNavigator/srcview/source/TDFGradientBackgroundSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=mx/containers&amp;topic=TabNavigator" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="70200" name="ToggleButtonBar" author="Adobe Systems, Inc." dateAdded="2010-03-22" iconPath="http://www.adobe.com/devnet/flex/tourdeflex/sample/samples/ToggleButtonBar/ButtonBar.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - ToggleButtonBar">
+					<Illustrations>
+						<Illustration name="ToggleButtonBar" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-ToggleButtonBar/sample1.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-ToggleButtonBar/srcview/source/sample1.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-ToggleButtonBar/srcview/source/TDFGradientBackgroundSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=mx/controls&amp;topic=ToggleButtonBar" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="70210" name="ViewStack" author="Adobe Systems, Inc." dateAdded="2010-03-22" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/ViewStack.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - ViewStack">
+					<Illustrations>
+						<Illustration name="ViewStack" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-ViewStack/sample1.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-ViewStack/srcview/source/sample1.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-ViewStack/srcview/source/TDFGradientBackgroundSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=mx/containers&amp;topic=ViewStack" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+			</Category>
+			<Category name="Charts">
+				<Object id="70220" name="AreaChart" author="Adobe Systems, Inc." dateAdded="2010-03-22" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/AreaChart.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - AreaChart">
+					<Illustrations>
+						<Illustration name="AreaChart" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-AreaChart/sample1.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-AreaChart/srcview/source/sample1.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-AreaChart/srcview/source/TDFGradientBackgroundSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=mx/charts&amp;topic=AreaChart" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="70230" name="BarChart" author="Adobe Systems, Inc." dateAdded="2010-03-22" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/BarChart.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - BarChart">
+					<Illustrations>
+						<Illustration name="BarChart" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-BarChart/sample1.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-BarChart/srcview/source/sample1.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-BarChart/srcview/source/TDFGradientBackgroundSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=mx/charts&amp;topic=BarChart" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="70240" name="BubbleChart" author="Adobe Systems, Inc." dateAdded="2010-03-22" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/BubbleChart.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - BubbleChart">
+					<Illustrations>
+						<Illustration name="BubbleChart" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-BubbleChart/sample1.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-BubbleChart/srcview/source/sample1.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-BubbleChart/srcview/source/TDFGradientBackgroundSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=mx/charts&amp;topic=BubbleChart" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="70250" name="CandlestickChart" author="Adobe Systems, Inc." dateAdded="2010-03-22" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/CandlestickChart.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - CandlestickChart">
+					<Illustrations>
+						<Illustration name="CandlestickChart" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-CandlestickChart/sample1.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-CandlestickChart/srcview/source/sample1.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-CandlestickChart/srcview/source/TDFGradientBackgroundSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=mx/charts&amp;topic=CandlestickChart" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="70270" name="ColumnChart" author="Adobe Systems, Inc." dateAdded="2010-03-22" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/ColumnChart.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - ColumnChart">
+					<Illustrations>
+						<Illustration name="ColumnChart" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-ColumnChart/sample1.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-ColumnChart/srcview/source/sample1.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-ColumnChart/srcview/source/TDFGradientBackgroundSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=mx/charts&amp;topic=ColumnChart" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="70280" name="HLOCChart" author="Adobe Systems, Inc." dateAdded="2010-03-22" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/HLOCChart.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - HLOCChart">
+					<Illustrations>
+						<Illustration name="HLOCChart" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-HLOCChart/sample1.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-HLOCChart/srcview/source/sample1.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-HLOCChart/srcview/source/TDFGradientBackgroundSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=mx/charts&amp;topic=HLOCChart" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="70290" name="LineChart" author="Adobe Systems, Inc." dateAdded="2010-03-22" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/LineChart.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - LineChart">
+					<Illustrations>
+						<Illustration name="LineChart" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-LineChart/sample1.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-LineChart/srcview/source/sample1.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-LineChart/srcview/source/TDFGradientBackgroundSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=mx/charts&amp;topic=LineChart" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="70300" name="PieChart" author="Adobe Systems, Inc." dateAdded="2010-03-22" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/PieChart.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - PieChart">
+					<Illustrations>
+						<Illustration name="PieChart" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-PieChart/sample1.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-PieChart/srcview/source/sample1.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-PieChart/srcview/source/TDFGradientBackgroundSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=mx/charts&amp;topic=PieChart" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="70310" name="PlotChart" author="Adobe Systems, Inc." dateAdded="2010-03-22" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/PlotChart.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - PlotChart">
+					<Illustrations>
+						<Illustration name="PlotChart" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-PlotChart/sample1.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-PlotChart/srcview/source/sample1.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-PlotChart/srcview/source/TDFGradientBackgroundSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=mx/charts&amp;topic=PlotChart" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Category name="Charting Effects">
+					<Object id="70320" name="SeriesInterpolate" author="Adobe Systems, Inc." dateAdded="2010-03-22" iconPath="http://www.adobe.com/devnet/flex/tourdeflex/sample/samples/SeriesInterpolate/Effects.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - SeriesInterploate">
+						<Illustrations>
+							<Illustration name="SeriesInterpolate" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-SeriesInterploate/sample1.html">
+								<Documents>
+									<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-SeriesInterploate/srcview/source/sample1.mxml.html"/>
+									<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-SeriesInterploate/srcview/source/TDFGradientBackgroundSkin.mxml.html"/>
+									<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=mx/charts/effects&amp;topic=SeriesInterpolate" openLinksExternal="true"/>
+								</Documents>
+							</Illustration>
+						</Illustrations>
+					</Object>
+					<Object id="70330" name="SeriesSlide" author="Adobe Systems, Inc." dateAdded="2010-03-22" iconPath="http://www.adobe.com/devnet/flex/tourdeflex/sample/samples/SeriesSlide/Effects.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - SeriesSlide">
+						<Illustrations>
+							<Illustration name="SeriesSlide" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-SeriesSlide/sample1.html">
+								<Documents>
+									<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-SeriesSlide/srcview/source/sample1.mxml.html"/>
+									<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-SeriesSlide/srcview/source/TDFGradientBackgroundSkin.mxml.html"/>
+									<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=mx/charts/effects&amp;topic=SeriesSlide" openLinksExternal="true"/>
+								</Documents>
+							</Illustration>
+						</Illustrations>
+					</Object>
+					<Object id="70340" name="SeriesZoom" author="Adobe Systems, Inc." dateAdded="2010-03-22" iconPath="http://www.adobe.com/devnet/flex/tourdeflex/sample/samples/SeriesZoom/Effects.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - SeriesZoom">
+						<Illustrations>
+							<Illustration name="SeriesZoom" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-SeriesZoom/sample1.html">
+								<Documents>
+									<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-SeriesZoom/srcview/source/sample1.mxml.html"/>
+									<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-SeriesZoom/srcview/source/TDFGradientBackgroundSkin.mxml.html"/>
+									<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=mx/charts/effects&amp;topic=SeriesZoom" openLinksExternal="true"/>
+								</Documents>
+							</Illustration>
+						</Illustrations>
+					</Object>
+				</Category>
+			</Category>
+			<Category name="Graphics">
+				<Object id="31799" name="Read Me" iconPath="http://tourdeflex.adobe.com/samples/common/adobe.png" author="Holly Schinsky" tags="readme">
+					<Illustrations>
+						<Illustration name="Read Me" path="http://tourdeflex.adobe.com/flex4samples/Graphics/fxg-readme.html" autoExpand="true" openLinksExternal="true"/>
+					</Illustrations>
+				</Object>
+				<Object id="31805" name="BitmapImage" author="Holly Schinsky" dateAdded="2010-03-22" iconPath="http://www.adobe.com/devnet/flex/tourdeflex/sample/samples/HOWTO/flexicon.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - BitmapImage">
+					<Illustrations>
+						<Illustration name="BitmapImage" path="http://tourdeflex.adobe.com/flex4.0/FXG/BitmapImage/BitmapImageExample.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/FXG/BitmapImage/srcview/source/BitmapImageExample.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/FXG/BitmapImage/srcview/source/skins/TDFPanelSkin.mxml.html"/>
+								<Document name="Flex Project" path="http://tourdeflex.adobe.com/flex4.0/FXG/BitmapImage/srcview/index.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/primitives&amp;topic=BitmapImage" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="31800" name="DropShadow Graphic" author="Joan Lafferty" dateAdded="2009-09-04" iconPath="http://www.adobe.com/devnet/flex/tourdeflex/sample/samples/HOWTO/flexicon.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - DropShadowGraphic">
+					<Illustrations>
+						<Illustration name="DropShadow Graphic" path="http://tourdeflex.adobe.com/flex4samples/Graphics/DropShadowGraphic/DropShadowGraphicExample.html">
+							<Documents>
+								<Document name="DropShadowGraphicExample.mxml" path="http://tourdeflex.adobe.com/flex4samples/Graphics/DropShadowGraphic/srcview/source/DropShadowGraphicExample.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4samples/Graphics/DropShadowGraphic/srcview/source/skins/TDFPanelSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=flash/filters&amp;topic=DropShadowFilter" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="31885" name="Ellipse" author="Holly Schinsky" dateAdded="2010-03-22" iconPath="http://www.adobe.com/devnet/flex/tourdeflex/sample/samples/HOWTO/flexicon.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - Ellipse">
+					<Illustrations>
+						<Illustration name="Ellipse" path="http://tourdeflex.adobe.com/flex4.0/FXG/Ellipse/sample.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/FXG/Ellipse/srcview/source/sample.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/FXG/Ellipse/srcview/source/skins/TDFPanelSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/primitives&amp;topic=Ellipse" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="31900" name="Ellipse Transform" author="Joan Lafferty" dateAdded="2009-09-04" iconPath="http://www.adobe.com/devnet/flex/tourdeflex/sample/samples/HOWTO/flexicon.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - EllipseTransform">
+					<Illustrations>
+						<Illustration name="Ellipse Transform" path="http://tourdeflex.adobe.com/flex4samples/Graphics/EllipseTransform/EllipseTransformExample.html">
+							<Documents>
+								<Document name="EllipseTransformExample.mxml" path="http://tourdeflex.adobe.com/flex4samples/Graphics/EllipseTransform/srcview/source/EllipseTransformExample.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4samples/Graphics/EllipseTransform/srcview/source/skins/TDFPanelSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/primitives&amp;topic=Ellipse" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="31905" name="Line" author="Holly Schinsky" dateAdded="2010-03-22" iconPath="http://www.adobe.com/devnet/flex/tourdeflex/sample/samples/HOWTO/flexicon.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - Line">
+					<Illustrations>
+						<Illustration name="Line" path="http://tourdeflex.adobe.com/flex4.0/FXG/Line/sample.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/FXG/Line/srcview/source/sample.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/FXG/Line/srcview/source/skins/TDFPanelSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/primitives&amp;topic=Line" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="32000" name="Linear Gradient Spread" author="Joan Lafferty" dateAdded="2009-09-04" iconPath="http://www.adobe.com/devnet/flex/tourdeflex/sample/samples/HOWTO/flexicon.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - LinearGradientSpreadMethod">
+					<Illustrations>
+						<Illustration name="LinearGradient Spread" path="http://tourdeflex.adobe.com/flex4samples/Graphics/LinearGradientSpread/LinearGradientsSpreadMethodExample.html">
+							<Documents>
+								<Document name="LinearGradientSpreadMethodExample.mxml" path="http://tourdeflex.adobe.com/flex4samples/Graphics/LinearGradientSpread/srcview/source/LinearGradientsSpreadMethodExample.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4samples/Graphics/LinearGradientSpread/srcview/source/skins/TDFPanelSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=mx/graphics&amp;topic=LinearGradient" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="32100" name="Static FXG" author="Joan Lafferty" dateAdded="2009-09-04" iconPath="http://www.adobe.com/devnet/flex/tourdeflex/sample/samples/HOWTO/flexicon.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - Static FXG">
+					<Illustrations>
+						<Illustration name="Static FXG" path="http://tourdeflex.adobe.com/flex4samples/Graphics/StaticFXG/StaticFXG_Sample.html">
+							<Documents>
+								<Document name="StaticFXG_Sxample.mxml" path="http://tourdeflex.adobe.com/flex4samples/Graphics/StaticFXG/srcview/source/StaticFXG_Sample.mxml.html"/>
+								<Document name="OrangeCrayonStar.fxg" path="http://tourdeflex.adobe.com/flex4samples/Graphics/StaticFXG/srcview/source/OrangeCrayonStar.fxg"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4samples/Graphics/StaticFXG/srcview/source/skins/TDFPanelSkin.mxml.html"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+			</Category>
+			<Category name="Effects">
+				<Object id="31199" name="Read Me" iconPath="http://tourdeflex.adobe.com/samples/common/adobe.png" author="Holly Schinsky" tags="readme">
+					<Illustrations>
+						<Illustration name="Read Me" path="http://tourdeflex.adobe.com/flex4samples/Effects/effects-readme.html" autoExpand="true" openLinksExternal="true"/>
+					</Illustrations>
+				</Object>
+				<Object id="31202" name="AnimateProperties" author="David Flatley" dateAdded="2010-03-22" iconPath="http://www.adobe.com/devnet/flex/tourdeflex/sample/samples/SharedAssets/effectIcon.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - AnimateProperties">
+					<Illustrations>
+						<Illustration name="AnimateProperties" path="http://tourdeflex.adobe.com/flex4samples/Effects/AnimateProperties/Sample.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4samples/Effects/AnimateProperties/srcview/source/Sample.mxml.html"/>
+								<Document name="Flex Project" path="http://tourdeflex.adobe.com/flex4samples/Effects/AnimateProperties/srcview/index.html" openLinksExternal="true"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/effects&amp;topic=Animate" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="31205" name="AnimateTransitionShader" author="Holly Schinsky" dateAdded="2010-03-22" iconPath="http://www.adobe.com/devnet/flex/tourdeflex/sample/samples/SharedAssets/effectIcon.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - AnimateTransitionShader - Bounce">
+					<Illustrations>
+						<Illustration name="AnimateTransitionShader" path="http://tourdeflex.adobe.com/flex4.0/AnimateShaderTransitionEffect/sample.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/AnimateShaderTransitionEffect/srcview/source/sample.mxml.html"/>
+								<Document name="Flex Project" path="http://tourdeflex.adobe.com/flex4.0/AnimateShaderTransitionEffect/srcview/" openLinksExternal="true"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/effects&amp;topic=AnimateTransitionShader" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="31200" name="AnimateTransform" author="Holly Schinsky" dateAdded="2009-09-01" iconPath="http://www.adobe.com/devnet/flex/tourdeflex/sample/samples/SharedAssets/effectIcon.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - AnimateTransform - Bounce">
+					<Illustrations>
+						<Illustration name="AnimateTransform" path="http://tourdeflex.adobe.com/flex4samples/Effects/AnimateTransform-Bounce/sample.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4samples/Effects/AnimateTransform-Bounce/srcview/source/sample.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4samples/Effects/AnimateTransform-Bounce/srcview/source/skins/TDFPanelSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/effects&amp;topic=AnimateTransform" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="31250" name="Fade" author="Holly Schinsky" dateAdded="2009-10-20" iconPath="http://www.adobe.com/devnet/flex/tourdeflex/sample/samples/SharedAssets/effectIcon.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - Fade Effect">
+					<Illustrations>
+						<Illustration name="Fade" path="http://tourdeflex.adobe.com/flex4samples/Effects/Fade/sample.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4samples/Effects/Fade/srcview/source/sample.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4samples/Effects/Fade/srcview/source/skins/TDFPanelSkin.mxml.html"/>
+								<Document name="Flex Project" path="http://tourdeflex.adobe.com/flex4samples/Effects/Fade/srcview/index.html" openLinksExternal="true"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/effects&amp;topic=Fade" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="31253" name="CrossFade" author="Holly Schinsky" dateAdded="2009-10-20" iconPath="http://www.adobe.com/devnet/flex/tourdeflex/sample/samples/SharedAssets/effectIcon.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - Cross Fade Effect">
+					<Illustrations>
+						<Illustration name="CrossFade" path="http://tourdeflex.adobe.com/flex4samples/Effects/CrossFade/sample.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4samples/Effects/CrossFade/srcview/source/sample.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4samples/Effects/CrossFade/srcview/source/skins/TDFPanelSkin.mxml.html"/>
+								<Document name="Flex Project" path="http://tourdeflex.adobe.com/flex4samples/Effects/CrossFade/srcview/index.html" openLinksExternal="true"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/effects&amp;topic=CrossFade" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="31256" name="Move3D" author="Holly Schinsky" dateAdded="2010-03-22" iconPath="http://www.adobe.com/devnet/flex/tourdeflex/sample/samples/SharedAssets/effectIcon.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - Move3D Effect">
+					<Illustrations>
+						<Illustration name="Move3D" path="http://tourdeflex.adobe.com/flex4.0/Move3D/sample.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/Move3D/srcview/source/sample.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/Move3D/srcview/source/skins/TDFPanelSkin.mxml.html"/>
+								<Document name="Flex Project" path="http://tourdeflex.adobe.com/flex4.0/Move3D/srcview/index.html" openLinksExternal="true"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/effects&amp;topic=Move3D" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="31300" name="Rotate3D" author="Holly Schinsky" dateAdded="2009-09-01" iconPath="http://www.adobe.com/devnet/flex/tourdeflex/sample/samples/SharedAssets/effectIcon.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - Rotate3D">
+					<Illustrations>
+						<Illustration name="Rotate3D" path="http://tourdeflex.adobe.com/flex4samples/Effects/Rotate3D/sample.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4samples/Effects/Rotate3D/srcview/source/sample.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4samples/Effects/Rotate3D/srcview/source/skins/TDFPanelSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/effects&amp;topic=Rotate3D" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="31400" name="Scale3D" author="Holly Schinsky" dateAdded="2009-09-01" iconPath="http://www.adobe.com/devnet/flex/tourdeflex/sample/samples/SharedAssets/effectIcon.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - Scale3D">
+					<Illustrations>
+						<Illustration name="Scale3D" path="http://tourdeflex.adobe.com/flex4samples/Effects/Scale3D/sample.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4samples/Effects/Scale3D/srcview/source/sample.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4samples/Effects/Rotate3D/srcview/source/skins/TDFPanelSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/effects&amp;topic=Scale3D" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="31405" name="Wipe" author="Holly Schinsky" dateAdded="2010-03-22" iconPath="http://www.adobe.com/devnet/flex/tourdeflex/sample/samples/SharedAssets/effectIcon.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - Move3D Effect">
+					<Illustrations>
+						<Illustration name="Wipe" path="http://tourdeflex.adobe.com/flex4.0/Wipe/sample.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/Wipe/srcview/source/sample.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/Wipe/srcview/source/skins/TDFPanelSkin.mxml.html"/>
+								<Document name="Flex Project" path="http://tourdeflex.adobe.com/flex4.0/Wipe/srcview/index.html" openLinksExternal="true"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/effects&amp;topic=Wipe" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+			</Category>
+			<Category name="Formatters">
+				<Object id="70440" name="Formatter" author="Adobe Systems, Inc." dateAdded="2010-03-22" iconPath="http://www.adobe.com/devnet/flex/tourdeflex/sample/samples/Formatter/formattericon.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - Formatter">
+					<Illustrations>
+						<Illustration name="Formatter" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-Formatter/sample1.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-Formatter/srcview/source/sample1.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-Formatter/srcview/source/TDFGradientBackgroundSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=mx/formatters&amp;topic=Formatter" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="70450" name="CurrencyFormatter" author="Adobe Systems, Inc." dateAdded="2010-03-22" iconPath="http://www.adobe.com/devnet/flex/tourdeflex/sample/samples/Formatter/formattericon.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - CurrencyFormatter">
+					<Illustrations>
+						<Illustration name="CurrencyFormatter" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-CurrencyFormatter/sample1.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-CurrencyFormatter/srcview/source/sample1.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-CurrencyFormatter/srcview/source/TDFGradientBackgroundSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=mx/formatters&amp;topic=CurrencyFormatter" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="70070" name="DateFormatter" author="Adobe Systems, Inc." dateAdded="2010-03-22" iconPath="http://www.adobe.com/devnet/flex/tourdeflex/sample/samples/Formatter/formattericon.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - DateFormatter">
+					<Illustrations>
+						<Illustration name="DateFormatter" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-DateFormatter/sample1.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-DateFormatter/srcview/source/sample1.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-DateFormatter/srcview/source/TDFGradientBackgroundSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=mx/formatters&amp;topic=DateFormatter" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="70460" name="NumberFormatter" author="Adobe Systems, Inc." dateAdded="2010-03-22" iconPath="http://www.adobe.com/devnet/flex/tourdeflex/sample/samples/Formatter/formattericon.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - NumberFormatter">
+					<Illustrations>
+						<Illustration name="NumberFormatter" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-NumberFormatter/sample1.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-NumberFormatter/srcview/source/sample1.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-NumberFormatter/srcview/source/TDFGradientBackgroundSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=mx/formatters&amp;topic=NumberFormatter" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="70470" name="PhoneFormatter" author="Adobe Systems, Inc." dateAdded="2010-03-22" iconPath="http://www.adobe.com/devnet/flex/tourdeflex/sample/samples/Formatter/formattericon.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - PhoneFormatter">
+					<Illustrations>
+						<Illustration name="PhoneFormatter" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-PhoneFormatter/sample1.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-PhoneFormatter/srcview/source/sample1.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-PhoneFormatter/srcview/source/TDFGradientBackgroundSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=mx/formatters&amp;topic=PhoneFormatter" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="70480" name="SwitchSymbolFormatter" author="Adobe Systems, Inc." dateAdded="2010-03-22" iconPath="http://www.adobe.com/devnet/flex/tourdeflex/sample/samples/Formatter/formattericon.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - SwitchSymbolFormatter">
+					<Illustrations>
+						<Illustration name="SwitchSymbolFormatter" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-SwitchSymbolFormatter/sample1.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-SwitchSymbolFormatter/srcview/source/sample1.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-SwitchSymbolFormatter/srcview/source/TDFGradientBackgroundSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=m

<TRUNCATED>

[18/51] [partial] Merged TourDeFlex release from develop

Posted by jm...@apache.org.
http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR20/OpenWithDefaultApp/srcview/Sample-AIR2-OpenWithDefaultApplication/src/sample1.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR20/OpenWithDefaultApp/srcview/Sample-AIR2-OpenWithDefaultApplication/src/sample1.mxml b/TourDeFlex/TourDeFlex/src/objects/AIR20/OpenWithDefaultApp/srcview/Sample-AIR2-OpenWithDefaultApplication/src/sample1.mxml
new file mode 100644
index 0000000..a098cd6
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR20/OpenWithDefaultApp/srcview/Sample-AIR2-OpenWithDefaultApplication/src/sample1.mxml
@@ -0,0 +1,51 @@
+<?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.
+
+-->
+<mx:Module 	xmlns:fx="http://ns.adobe.com/mxml/2009" 
+			xmlns:s="library://ns.adobe.com/flex/spark" 
+			xmlns:mx="library://ns.adobe.com/flex/mx" styleName="plain" width="100%" height="100%">
+	<fx:Script>
+		<![CDATA[
+			import flash.events.MouseEvent;
+			
+			import mx.controls.FileSystemDataGrid;
+			
+			protected function datagridHandler(event:MouseEvent):void
+			{
+				var fsg:FileSystemDataGrid = event.currentTarget as FileSystemDataGrid;
+				if (fsg.selectedItem != null)
+					(fsg.selectedItem as File).openWithDefaultApplication();
+			}
+		]]>
+	</fx:Script>
+	
+	<s:Panel width="100%" height="100%" title="Open With Default Application Sample" skinClass="skins.TDFPanelSkin">
+		<s:VGroup top="10" left="10">
+			<s:Label width="660" verticalAlign="justify" color="#323232" 
+					 text="The Open With Default Application support allows you to open any file with it's associated default application. Locate a file
+item in the file system grid and double-click it to see it in action:"/>
+			<mx:Button icon="@Embed(source='up.png')" click="fileGrid.navigateUp();"
+					   enabled="{fileGrid.canNavigateUp}"/>
+			<mx:FileSystemDataGrid id="fileGrid" directory="{File.desktopDirectory}" width="660" height="150" 
+								   doubleClickEnabled="true" doubleClick="datagridHandler(event)">
+			</mx:FileSystemDataGrid>	
+		</s:VGroup>
+	</s:Panel>
+
+</mx:Module>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR20/OpenWithDefaultApp/srcview/Sample-AIR2-OpenWithDefaultApplication/src/sample2-app.xml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR20/OpenWithDefaultApp/srcview/Sample-AIR2-OpenWithDefaultApplication/src/sample2-app.xml b/TourDeFlex/TourDeFlex/src/objects/AIR20/OpenWithDefaultApp/srcview/Sample-AIR2-OpenWithDefaultApplication/src/sample2-app.xml
new file mode 100755
index 0000000..21dad49
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR20/OpenWithDefaultApp/srcview/Sample-AIR2-OpenWithDefaultApplication/src/sample2-app.xml
@@ -0,0 +1,153 @@
+<?xml version="1.0" encoding="utf-8" standalone="no"?>
+<!--
+
+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.
+
+-->
+<application xmlns="http://ns.adobe.com/air/application/2.0">
+
+<!-- Adobe AIR Application Descriptor File Template.
+
+	Specifies parameters for identifying, installing, and launching AIR applications.
+
+	xmlns - The Adobe AIR namespace: http://ns.adobe.com/air/application/2.0beta
+			The last segment of the namespace specifies the version 
+			of the AIR runtime required for this application to run.
+			
+	minimumPatchLevel - The minimum patch level of the AIR runtime required to run 
+			the application. Optional.
+-->
+
+	<!-- The application identifier string, unique to this application. Required. -->
+	<id>main</id>
+
+	<!-- Used as the filename for the application. Required. -->
+	<filename>main</filename>
+
+	<!-- The name that is displayed in the AIR application installer. 
+	     May have multiple values for each language. See samples or xsd schema file. Optional. -->
+	<name>main</name>
+
+	<!-- An application version designator (such as "v1", "2.5", or "Alpha 1"). Required. -->
+	<version>v1</version>
+
+	<!-- Description, displayed in the AIR application installer.
+	     May have multiple values for each language. See samples or xsd schema file. Optional. -->
+	<!-- <description></description> -->
+
+	<!-- Copyright information. Optional -->
+	<!-- <copyright></copyright> -->
+
+	<!-- Settings for the application's initial window. Required. -->
+	<initialWindow>
+		<!-- The main SWF or HTML file of the application. Required. -->
+		<!-- Note: In Flash Builder, the SWF reference is set automatically. -->
+		<content>[This value will be overwritten by Flash Builder in the output app.xml]</content>
+		
+		<!-- The title of the main window. Optional. -->
+		<!-- <title></title> -->
+
+		<!-- The type of system chrome to use (either "standard" or "none"). Optional. Default standard. -->
+		<!-- <systemChrome></systemChrome> -->
+
+		<!-- Whether the window is transparent. Only applicable when systemChrome is none. Optional. Default false. -->
+		<!-- <transparent></transparent> -->
+
+		<!-- Whether the window is initially visible. Optional. Default false. -->
+		<!-- <visible></visible> -->
+
+		<!-- Whether the user can minimize the window. Optional. Default true. -->
+		<!-- <minimizable></minimizable> -->
+
+		<!-- Whether the user can maximize the window. Optional. Default true. -->
+		<!-- <maximizable></maximizable> -->
+
+		<!-- Whether the user can resize the window. Optional. Default true. -->
+		<!-- <resizable></resizable> -->
+
+		<!-- The window's initial width. Optional. -->
+		<!-- <width></width> -->
+
+		<!-- The window's initial height. Optional. -->
+		<!-- <height></height> -->
+
+		<!-- The window's initial x position. Optional. -->
+		<!-- <x></x> -->
+
+		<!-- The window's initial y position. Optional. -->
+		<!-- <y></y> -->
+
+		<!-- The window's minimum size, specified as a width/height pair, such as "400 200". Optional. -->
+		<!-- <minSize></minSize> -->
+
+		<!-- The window's initial maximum size, specified as a width/height pair, such as "1600 1200". Optional. -->
+		<!-- <maxSize></maxSize> -->
+	</initialWindow>
+
+	<!-- The subpath of the standard default installation location to use. Optional. -->
+	<!-- <installFolder></installFolder> -->
+
+	<!-- The subpath of the Programs menu to use. (Ignored on operating systems without a Programs menu.) Optional. -->
+	<!-- <programMenuFolder></programMenuFolder> -->
+
+	<!-- The icon the system uses for the application. For at least one resolution,
+		 specify the path to a PNG file included in the AIR package. Optional. -->
+	<!-- <icon>
+		<image16x16></image16x16>
+		<image32x32></image32x32>
+		<image48x48></image48x48>
+		<image128x128></image128x128>
+	</icon> -->
+
+	<!-- Whether the application handles the update when a user double-clicks an update version
+	of the AIR file (true), or the default AIR application installer handles the update (false).
+	Optional. Default false. -->
+	<!-- <customUpdateUI></customUpdateUI> -->
+	
+	<!-- Whether the application can be launched when the user clicks a link in a web browser.
+	Optional. Default false. -->
+	<!-- <allowBrowserInvocation></allowBrowserInvocation> -->
+
+	<!-- Listing of file types for which the application can register. Optional. -->
+	<!-- <fileTypes> -->
+
+		<!-- Defines one file type. Optional. -->
+		<!-- <fileType> -->
+
+			<!-- The name that the system displays for the registered file type. Required. -->
+			<!-- <name></name> -->
+
+			<!-- The extension to register. Required. -->
+			<!-- <extension></extension> -->
+			
+			<!-- The description of the file type. Optional. -->
+			<!-- <description></description> -->
+			
+			<!-- The MIME content type. -->
+			<!-- <contentType></contentType> -->
+			
+			<!-- The icon to display for the file type. Optional. -->
+			<!-- <icon>
+				<image16x16></image16x16>
+				<image32x32></image32x32>
+				<image48x48></image48x48>
+				<image128x128></image128x128>
+			</icon> -->
+			
+		<!-- </fileType> -->
+	<!-- </fileTypes> -->
+
+</application>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR20/OpenWithDefaultApp/srcview/Sample-AIR2-OpenWithDefaultApplication/src/sample2.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR20/OpenWithDefaultApp/srcview/Sample-AIR2-OpenWithDefaultApplication/src/sample2.mxml b/TourDeFlex/TourDeFlex/src/objects/AIR20/OpenWithDefaultApp/srcview/Sample-AIR2-OpenWithDefaultApplication/src/sample2.mxml
new file mode 100644
index 0000000..f60b9d9
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR20/OpenWithDefaultApp/srcview/Sample-AIR2-OpenWithDefaultApplication/src/sample2.mxml
@@ -0,0 +1,50 @@
+<?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.
+
+-->
+<mx:Module xmlns:fx="http://ns.adobe.com/mxml/2009" 
+					   xmlns:s="library://ns.adobe.com/flex/spark" 
+					   xmlns:mx="library://ns.adobe.com/flex/mx" styleName="plain" width="100%" height="100%">
+	<fx:Declarations>
+		<!-- Place non-visual elements (e.g., services, value objects) here -->
+	</fx:Declarations>
+	<fx:Script>
+		<![CDATA[
+			protected var fileToOpen:File = File.documentsDirectory; 
+			
+			private function onLoadFileClick():void
+			{
+				var file:File = File.createTempDirectory().resolvePath("tourdeflex-air2-sample.txt");
+				var fileStream:FileStream = new FileStream();
+				fileStream.open(file, FileMode.WRITE);
+				fileStream.writeUTFBytes(txtArea.text);
+				fileStream.close();
+				file.openWithDefaultApplication();
+			}
+		]]>
+	</fx:Script>
+	<s:Panel width="100%" height="100%" title="Open With Default Application Sample" skinClass="skins.TDFPanelSkin">
+		<s:VGroup paddingTop="8" paddingBottom="8" paddingLeft="8" paddingRight="8">
+			<s:Label horizontalCenter="0" top="15" width="400" verticalAlign="justify" color="#323232" 
+					 text="This sample demonstrates how you can write some text into a file and then open it immediately with the default text application."/>
+			<s:Label horizontalCenter="0" text="Enter text and click button:"/>
+			<s:TextArea id="txtArea" width="80%" height="40%"/>
+			<s:Button label="Load File" click="onLoadFileClick()"/>	
+		</s:VGroup>
+	</s:Panel>
+</mx:Module>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR20/OpenWithDefaultApp/srcview/Sample-AIR2-OpenWithDefaultApplication/src/skins/TDFPanelSkin.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR20/OpenWithDefaultApp/srcview/Sample-AIR2-OpenWithDefaultApplication/src/skins/TDFPanelSkin.mxml b/TourDeFlex/TourDeFlex/src/objects/AIR20/OpenWithDefaultApp/srcview/Sample-AIR2-OpenWithDefaultApplication/src/skins/TDFPanelSkin.mxml
new file mode 100644
index 0000000..ff46524
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR20/OpenWithDefaultApp/srcview/Sample-AIR2-OpenWithDefaultApplication/src/skins/TDFPanelSkin.mxml
@@ -0,0 +1,130 @@
+<?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.
+
+-->
+
+
+<s:Skin xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark" 
+		alpha.disabled="0.5" minWidth="131" minHeight="127">
+	
+	<fx:Metadata>
+		[HostComponent("spark.components.Panel")]
+	</fx:Metadata> 
+	
+	<s:states>
+		<s:State name="normal" />
+		<s:State name="disabled" />
+		<s:State name="normalWithControlBar" />
+		<s:State name="disabledWithControlBar" />
+	</s:states>
+	
+	<!-- drop shadow -->
+	<s:Rect left="0" top="0" right="0" bottom="0">
+		<s:filters>
+			<s:DropShadowFilter blurX="15" blurY="15" alpha="0.18" distance="11" angle="90" knockout="true" />
+		</s:filters>
+		<s:fill>
+			<s:SolidColor color="0" />
+		</s:fill>
+	</s:Rect>
+	
+	<!-- layer 1: border -->
+	<s:Rect left="0" right="0" top="0" bottom="0">
+		<s:stroke>
+			<s:SolidColorStroke color="0" alpha="0.50" weight="1" />
+		</s:stroke>
+	</s:Rect>
+	
+	<!-- layer 2: background fill -->
+	<s:Rect left="0" right="0" bottom="0" height="15">
+		<s:fill>
+			<s:LinearGradient rotation="90">
+				<s:GradientEntry color="0xE2E2E2" />
+				<s:GradientEntry color="0x000000" />
+			</s:LinearGradient>
+		</s:fill>
+	</s:Rect>
+	
+	<!-- layer 3: contents -->
+	<s:Group left="1" right="1" top="1" bottom="1" >
+		<s:layout>
+			<s:VerticalLayout gap="0" horizontalAlign="justify" />
+		</s:layout>
+		
+		<s:Group id="topGroup" >
+			<!-- layer 0: title bar fill -->
+			<!-- Note: We have custom skinned the title bar to be solid black for Tour de Flex -->
+			<s:Rect id="tbFill" left="0" right="0" top="0" bottom="1" >
+				<s:fill>
+					<s:SolidColor color="0x000000" />
+				</s:fill>
+			</s:Rect>
+			
+			<!-- layer 1: title bar highlight -->
+			<s:Rect id="tbHilite" left="0" right="0" top="0" bottom="0" >
+				<s:stroke>
+					<s:LinearGradientStroke rotation="90" weight="1">
+						<s:GradientEntry color="0xEAEAEA" />
+						<s:GradientEntry color="0xD9D9D9" />
+					</s:LinearGradientStroke>
+				</s:stroke>
+			</s:Rect>
+			
+			<!-- layer 2: title bar divider -->
+			<s:Rect id="tbDiv" left="0" right="0" height="1" bottom="0">
+				<s:fill>
+					<s:SolidColor color="0xC0C0C0" />
+				</s:fill>
+			</s:Rect>
+			
+			<!-- layer 3: text -->
+			<s:Label id="titleDisplay" maxDisplayedLines="1"
+					 left="9" right="3" top="1" minHeight="30"
+					 verticalAlign="middle" fontWeight="bold" color="#E2E2E2">
+			</s:Label>
+			
+		</s:Group>
+		
+		<s:Group id="contentGroup" width="100%" height="100%" minWidth="0" minHeight="0">
+		</s:Group>
+		
+		<s:Group id="bottomGroup" minWidth="0" minHeight="0"
+				 includeIn="normalWithControlBar, disabledWithControlBar" >
+			<!-- layer 0: control bar background -->
+			<s:Rect left="0" right="0" bottom="0" top="1" >
+				<s:fill>
+					<s:SolidColor color="0xE2EdF7" />
+				</s:fill>
+			</s:Rect>
+			
+			<!-- layer 1: control bar divider line -->
+			<s:Rect left="0" right="0" top="0" height="1" >
+				<s:fill>
+					<s:SolidColor color="0xD1E0F2" />
+				</s:fill>
+			</s:Rect>
+			
+			<!-- layer 2: control bar -->
+			<s:Group id="controlBarGroup" left="0" right="0" top="1" bottom="1" minWidth="0" minHeight="0">
+				<s:layout>
+					<s:HorizontalLayout paddingLeft="10" paddingRight="10" paddingTop="7" paddingBottom="7" gap="10" />
+				</s:layout>
+			</s:Group>
+		</s:Group>
+	</s:Group>
+</s:Skin>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR20/OpenWithDefaultApp/srcview/Sample-AIR2-OpenWithDefaultApplication/src/up.png
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR20/OpenWithDefaultApp/srcview/Sample-AIR2-OpenWithDefaultApplication/src/up.png b/TourDeFlex/TourDeFlex/src/objects/AIR20/OpenWithDefaultApp/srcview/Sample-AIR2-OpenWithDefaultApplication/src/up.png
new file mode 100755
index 0000000..4bf79b0
Binary files /dev/null and b/TourDeFlex/TourDeFlex/src/objects/AIR20/OpenWithDefaultApp/srcview/Sample-AIR2-OpenWithDefaultApplication/src/up.png differ

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR20/OpenWithDefaultApp/srcview/SourceIndex.xml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR20/OpenWithDefaultApp/srcview/SourceIndex.xml b/TourDeFlex/TourDeFlex/src/objects/AIR20/OpenWithDefaultApp/srcview/SourceIndex.xml
new file mode 100644
index 0000000..9d4f43c
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR20/OpenWithDefaultApp/srcview/SourceIndex.xml
@@ -0,0 +1,40 @@
+<?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.
+
+-->
+<index>
+	<title>Source of Sample-AIR2-OpenWithDefaultApplication</title>
+	<nodes>
+		<node label="libs">
+		</node>
+		<node label="src">
+			<node icon="packageIcon" label="skins" expanded="true">
+				<node icon="mxmlIcon" label="TDFPanelSkin.mxml" url="source/skins/TDFPanelSkin.mxml.html"/>
+			</node>
+			<node label="sample1-app.xml" url="source/sample1-app.xml.txt"/>
+			<node icon="mxmlIcon" label="sample1.mxml" url="source/sample1.mxml.html"/>
+			<node label="sample2-app.xml" url="source/sample2-app.xml.txt"/>
+			<node icon="mxmlAppIcon" selected="true" label="sample2.mxml" url="source/sample2.mxml.html"/>
+			<node icon="imageIcon" label="up.png" url="source/up.png.html"/>
+		</node>
+	</nodes>
+	<zipfile label="Download source (ZIP, 12K)" url="Sample-AIR2-OpenWithDefaultApplication.zip">
+	</zipfile>
+	<sdklink label="Download Flex SDK" url="http://www.adobe.com/go/flex4_sdk_download">
+	</sdklink>
+</index>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR20/OpenWithDefaultApp/srcview/SourceStyles.css
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR20/OpenWithDefaultApp/srcview/SourceStyles.css b/TourDeFlex/TourDeFlex/src/objects/AIR20/OpenWithDefaultApp/srcview/SourceStyles.css
new file mode 100644
index 0000000..9d5210f
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR20/OpenWithDefaultApp/srcview/SourceStyles.css
@@ -0,0 +1,155 @@
+/*
+ * 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.
+ */
+body {
+	font-family: Courier New, Courier, monospace;
+	font-size: medium;
+}
+
+.ActionScriptASDoc {
+	color: #3f5fbf;
+}
+
+.ActionScriptBracket/Brace {
+}
+
+.ActionScriptComment {
+	color: #009900;
+	font-style: italic;
+}
+
+.ActionScriptDefault_Text {
+}
+
+.ActionScriptMetadata {
+	color: #0033ff;
+	font-weight: bold;
+}
+
+.ActionScriptOperator {
+}
+
+.ActionScriptReserved {
+	color: #0033ff;
+	font-weight: bold;
+}
+
+.ActionScriptString {
+	color: #990000;
+	font-weight: bold;
+}
+
+.ActionScriptclass {
+	color: #9900cc;
+	font-weight: bold;
+}
+
+.ActionScriptfunction {
+	color: #339966;
+	font-weight: bold;
+}
+
+.ActionScriptinterface {
+	color: #9900cc;
+	font-weight: bold;
+}
+
+.ActionScriptpackage {
+	color: #9900cc;
+	font-weight: bold;
+}
+
+.ActionScripttrace {
+	color: #cc6666;
+	font-weight: bold;
+}
+
+.ActionScriptvar {
+	color: #6699cc;
+	font-weight: bold;
+}
+
+.MXMLASDoc {
+	color: #3f5fbf;
+}
+
+.MXMLComment {
+	color: #800000;
+}
+
+.MXMLComponent_Tag {
+	color: #0000ff;
+}
+
+.MXMLDefault_Text {
+}
+
+.MXMLProcessing_Instruction {
+}
+
+.MXMLSpecial_Tag {
+	color: #006633;
+}
+
+.MXMLString {
+	color: #990000;
+}
+
+.CSS@font-face {
+	color: #990000;
+	font-weight: bold;
+}
+
+.CSS@import {
+	color: #006666;
+	font-weight: bold;
+}
+
+.CSS@media {
+	color: #663333;
+	font-weight: bold;
+}
+
+.CSS@namespace {
+	color: #923196;
+}
+
+.CSSComment {
+	color: #999999;
+}
+
+.CSSDefault_Text {
+}
+
+.CSSDelimiters {
+}
+
+.CSSProperty_Name {
+	color: #330099;
+}
+
+.CSSProperty_Value {
+	color: #3333cc;
+}
+
+.CSSSelector {
+	color: #ff00ff;
+}
+
+.CSSString {
+	color: #990000;
+}
+

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR20/OpenWithDefaultApp/srcview/SourceTree.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR20/OpenWithDefaultApp/srcview/SourceTree.html b/TourDeFlex/TourDeFlex/src/objects/AIR20/OpenWithDefaultApp/srcview/SourceTree.html
new file mode 100644
index 0000000..80281a9
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR20/OpenWithDefaultApp/srcview/SourceTree.html
@@ -0,0 +1,129 @@
+<!--
+  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.
+-->
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<!-- saved from url=(0014)about:internet -->
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">	
+    <!-- 
+    Smart developers always View Source. 
+    
+    This application was built using Adobe Flex, an open source framework
+    for building rich Internet applications that get delivered via the
+    Flash Player or to desktops via Adobe AIR. 
+    
+    Learn more about Flex at http://flex.org 
+    // -->
+    <head>
+        <title></title>         
+        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+		<!-- Include CSS to eliminate any default margins/padding and set the height of the html element and 
+		     the body element to 100%, because Firefox, or any Gecko based browser, interprets percentage as 
+			 the percentage of the height of its parent container, which has to be set explicitly.  Initially, 
+			 don't display flashContent div so it won't show if JavaScript disabled.
+		-->
+        <style type="text/css" media="screen"> 
+			html, body	{ height:100%; }
+			body { margin:0; padding:0; overflow:auto; text-align:center; 
+			       background-color: #ffffff; }   
+			#flashContent { display:none; }
+        </style>
+		
+		<!-- Enable Browser History by replacing useBrowserHistory tokens with two hyphens -->
+        <!-- BEGIN Browser History required section >
+        <link rel="stylesheet" type="text/css" href="history/history.css" />
+        <script type="text/javascript" src="history/history.js"></script>
+        <! END Browser History required section -->  
+		    
+        <script type="text/javascript" src="swfobject.js"></script>
+        <script type="text/javascript">
+  	        function loadIntoMain(url) {
+				parent.mainFrame.location.href = url;
+			}
+			
+			function openUrlWindow(url) {
+				window.top.location = url;
+			}
+			
+            <!-- For version detection, set to min. required Flash Player version, or 0 (or 0.0.0), for no version detection. --> 
+            var swfVersionStr = "10.0.0";
+            <!-- To use express install, set to playerProductInstall.swf, otherwise the empty string. -->
+            var xiSwfUrlStr = "playerProductInstall.swf";
+            var flashvars = {};
+            var params = {};
+            params.quality = "high";
+            params.bgcolor = "#ffffff";
+            params.allowscriptaccess = "sameDomain";
+            params.allowfullscreen = "true";
+            var attributes = {};
+            attributes.id = "SourceTree";
+            attributes.name = "SourceTree";
+            attributes.align = "middle";
+            swfobject.embedSWF(
+                "SourceTree.swf", "flashContent", 
+                "100%", "100%", 
+                swfVersionStr, xiSwfUrlStr, 
+                flashvars, params, attributes);
+			<!-- JavaScript enabled so display the flashContent div in case it is not replaced with a swf object. -->
+			swfobject.createCSS("#flashContent", "display:block;text-align:left;");
+        </script>
+    </head>
+    <body>
+        <!-- SWFObject's dynamic embed method replaces this alternative HTML content with Flash content when enough 
+			 JavaScript and Flash plug-in support is available. The div is initially hidden so that it doesn't show
+			 when JavaScript is disabled.
+		-->
+        <div id="flashContent">
+        	<p>
+	        	To view this page ensure that Adobe Flash Player version 
+				10.0.0 or greater is installed. 
+			</p>
+			<script type="text/javascript"> 
+				var pageHost = ((document.location.protocol == "https:") ? "https://" :	"http://"); 
+				document.write("<a href='http://www.adobe.com/go/getflashplayer'><img src='" 
+								+ pageHost + "www.adobe.com/images/shared/download_buttons/get_flash_player.gif' alt='Get Adobe Flash player' /></a>" ); 
+			</script> 
+        </div>
+	   	
+       	<noscript>
+            <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="100%" height="100%" id="SourceTree">
+                <param name="movie" value="SourceTree.swf" />
+                <param name="quality" value="high" />
+                <param name="bgcolor" value="#ffffff" />
+                <param name="allowScriptAccess" value="sameDomain" />
+                <param name="allowFullScreen" value="true" />
+                <!--[if !IE]>-->
+                <object type="application/x-shockwave-flash" data="SourceTree.swf" width="100%" height="100%">
+                    <param name="quality" value="high" />
+                    <param name="bgcolor" value="#ffffff" />
+                    <param name="allowScriptAccess" value="sameDomain" />
+                    <param name="allowFullScreen" value="true" />
+                <!--<![endif]-->
+                <!--[if gte IE 6]>-->
+                	<p> 
+                		Either scripts and active content are not permitted to run or Adobe Flash Player version
+                		10.0.0 or greater is not installed.
+                	</p>
+                <!--<![endif]-->
+                    <a href="http://www.adobe.com/go/getflashplayer">
+                        <img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash Player" />
+                    </a>
+                <!--[if !IE]>-->
+                </object>
+                <!--<![endif]-->
+            </object>
+	    </noscript>		
+   </body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR20/OpenWithDefaultApp/srcview/index.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR20/OpenWithDefaultApp/srcview/index.html b/TourDeFlex/TourDeFlex/src/objects/AIR20/OpenWithDefaultApp/srcview/index.html
new file mode 100644
index 0000000..002bfab
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR20/OpenWithDefaultApp/srcview/index.html
@@ -0,0 +1,32 @@
+<!--
+  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.
+-->
+<!-- saved from url=(0014)about:internet -->
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+<title>Source of Sample-AIR2-OpenWithDefaultApplication</title>
+</head>
+<frameset cols="235,*" border="2" framespacing="1">
+    <frame src="SourceTree.html" name="leftFrame" scrolling="NO">
+    <frame src="source/sample2.mxml.html" name="mainFrame">
+</frameset>
+<noframes>
+	<body>		
+	</body>
+</noframes>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR20/OpenWithDefaultApp/srcview/source/sample1-app.xml.txt
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR20/OpenWithDefaultApp/srcview/source/sample1-app.xml.txt b/TourDeFlex/TourDeFlex/src/objects/AIR20/OpenWithDefaultApp/srcview/source/sample1-app.xml.txt
new file mode 100644
index 0000000..e47ce20
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR20/OpenWithDefaultApp/srcview/source/sample1-app.xml.txt
@@ -0,0 +1,153 @@
+<?xml version="1.0" encoding="utf-8" standalone="no"?>
+<!--
+
+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.
+
+-->
+<application xmlns="http://ns.adobe.com/air/application/2.0">
+
+<!-- Adobe AIR Application Descriptor File Template.
+
+	Specifies parameters for identifying, installing, and launching AIR applications.
+
+	xmlns - The Adobe AIR namespace: http://ns.adobe.com/air/application/2.0beta
+			The last segment of the namespace specifies the version 
+			of the AIR runtime required for this application to run.
+			
+	minimumPatchLevel - The minimum patch level of the AIR runtime required to run 
+			the application. Optional.
+-->
+
+	<!-- The application identifier string, unique to this application. Required. -->
+	<id>sample1</id>
+
+	<!-- Used as the filename for the application. Required. -->
+	<filename>sample1</filename>
+
+	<!-- The name that is displayed in the AIR application installer. 
+	     May have multiple values for each language. See samples or xsd schema file. Optional. -->
+	<name>sample1</name>
+
+	<!-- An application version designator (such as "v1", "2.5", or "Alpha 1"). Required. -->
+	<version>v1</version>
+
+	<!-- Description, displayed in the AIR application installer.
+	     May have multiple values for each language. See samples or xsd schema file. Optional. -->
+	<!-- <description></description> -->
+
+	<!-- Copyright information. Optional -->
+	<!-- <copyright></copyright> -->
+
+	<!-- Settings for the application's initial window. Required. -->
+	<initialWindow>
+		<!-- The main SWF or HTML file of the application. Required. -->
+		<!-- Note: In Flash Builder, the SWF reference is set automatically. -->
+		<content>[This value will be overwritten by Flash Builder in the output app.xml]</content>
+		
+		<!-- The title of the main window. Optional. -->
+		<!-- <title></title> -->
+
+		<!-- The type of system chrome to use (either "standard" or "none"). Optional. Default standard. -->
+		<!-- <systemChrome></systemChrome> -->
+
+		<!-- Whether the window is transparent. Only applicable when systemChrome is none. Optional. Default false. -->
+		<!-- <transparent></transparent> -->
+
+		<!-- Whether the window is initially visible. Optional. Default false. -->
+		<!-- <visible></visible> -->
+
+		<!-- Whether the user can minimize the window. Optional. Default true. -->
+		<!-- <minimizable></minimizable> -->
+
+		<!-- Whether the user can maximize the window. Optional. Default true. -->
+		<!-- <maximizable></maximizable> -->
+
+		<!-- Whether the user can resize the window. Optional. Default true. -->
+		<!-- <resizable></resizable> -->
+
+		<!-- The window's initial width. Optional. -->
+		<!-- <width></width> -->
+
+		<!-- The window's initial height. Optional. -->
+		<!-- <height></height> -->
+
+		<!-- The window's initial x position. Optional. -->
+		<!-- <x></x> -->
+
+		<!-- The window's initial y position. Optional. -->
+		<!-- <y></y> -->
+
+		<!-- The window's minimum size, specified as a width/height pair, such as "400 200". Optional. -->
+		<!-- <minSize></minSize> -->
+
+		<!-- The window's initial maximum size, specified as a width/height pair, such as "1600 1200". Optional. -->
+		<!-- <maxSize></maxSize> -->
+	</initialWindow>
+
+	<!-- The subpath of the standard default installation location to use. Optional. -->
+	<!-- <installFolder></installFolder> -->
+
+	<!-- The subpath of the Programs menu to use. (Ignored on operating systems without a Programs menu.) Optional. -->
+	<!-- <programMenuFolder></programMenuFolder> -->
+
+	<!-- The icon the system uses for the application. For at least one resolution,
+		 specify the path to a PNG file included in the AIR package. Optional. -->
+	<!-- <icon>
+		<image16x16></image16x16>
+		<image32x32></image32x32>
+		<image48x48></image48x48>
+		<image128x128></image128x128>
+	</icon> -->
+
+	<!-- Whether the application handles the update when a user double-clicks an update version
+	of the AIR file (true), or the default AIR application installer handles the update (false).
+	Optional. Default false. -->
+	<!-- <customUpdateUI></customUpdateUI> -->
+	
+	<!-- Whether the application can be launched when the user clicks a link in a web browser.
+	Optional. Default false. -->
+	<!-- <allowBrowserInvocation></allowBrowserInvocation> -->
+
+	<!-- Listing of file types for which the application can register. Optional. -->
+	<!-- <fileTypes> -->
+
+		<!-- Defines one file type. Optional. -->
+		<!-- <fileType> -->
+
+			<!-- The name that the system displays for the registered file type. Required. -->
+			<!-- <name></name> -->
+
+			<!-- The extension to register. Required. -->
+			<!-- <extension></extension> -->
+			
+			<!-- The description of the file type. Optional. -->
+			<!-- <description></description> -->
+			
+			<!-- The MIME content type. -->
+			<!-- <contentType></contentType> -->
+			
+			<!-- The icon to display for the file type. Optional. -->
+			<!-- <icon>
+				<image16x16></image16x16>
+				<image32x32></image32x32>
+				<image48x48></image48x48>
+				<image128x128></image128x128>
+			</icon> -->
+			
+		<!-- </fileType> -->
+	<!-- </fileTypes> -->
+
+</application>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR20/OpenWithDefaultApp/srcview/source/sample1.mxml.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR20/OpenWithDefaultApp/srcview/source/sample1.mxml.html b/TourDeFlex/TourDeFlex/src/objects/AIR20/OpenWithDefaultApp/srcview/source/sample1.mxml.html
new file mode 100644
index 0000000..9241f98
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR20/OpenWithDefaultApp/srcview/source/sample1.mxml.html
@@ -0,0 +1,59 @@
+<!--
+  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.
+-->
+<!-- saved from url=(0014)about:internet -->
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+<title>sample1.mxml</title>
+<link rel="stylesheet" type="text/css" href="../SourceStyles.css"/>
+</head>
+
+<body><pre><span class="MXMLProcessing_Instruction">&lt;?xml version="1.0" encoding="utf-8"?&gt;</span>
+<span class="MXMLComponent_Tag">&lt;s:WindowedApplication</span><span class="MXMLDefault_Text">     xmlns:fx="</span><span class="MXMLString">http://ns.adobe.com/mxml/2009</span><span class="MXMLDefault_Text">" 
+            xmlns:s="</span><span class="MXMLString">library://ns.adobe.com/flex/spark</span><span class="MXMLDefault_Text">" 
+            xmlns:mx="</span><span class="MXMLString">library://ns.adobe.com/flex/mx</span><span class="MXMLDefault_Text">" styleName="</span><span class="MXMLString">plain</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" height="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+    <span class="MXMLSpecial_Tag">&lt;fx:Script&gt;</span>
+        &lt;![CDATA[
+            <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">flash</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">events</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">MouseEvent</span>;
+            
+            <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">mx</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">controls</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">FileSystemDataGrid</span>;
+            
+            <span class="ActionScriptReserved">protected</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">datagridHandler</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">event</span>:<span class="ActionScriptDefault_Text">MouseEvent</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
+            <span class="ActionScriptBracket/Brace">{</span>
+                <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">fsg</span>:<span class="ActionScriptDefault_Text">FileSystemDataGrid</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">event</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">currentTarget</span> <span class="ActionScriptReserved">as</span> <span class="ActionScriptDefault_Text">FileSystemDataGrid</span>;
+                <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">fsg</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">selectedItem</span> <span class="ActionScriptOperator">!=</span> <span class="ActionScriptReserved">null</span><span class="ActionScriptBracket/Brace">)</span>
+                    <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">fsg</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">selectedItem</span> <span class="ActionScriptReserved">as</span> <span class="ActionScriptDefault_Text">File</span><span class="ActionScriptBracket/Brace">)</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">openWithDefaultApplication</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
+            <span class="ActionScriptBracket/Brace">}</span>
+        <span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptOperator">&gt;</span>
+    <span class="MXMLSpecial_Tag">&lt;/fx:Script&gt;</span>
+    
+    <span class="MXMLComponent_Tag">&lt;s:Panel</span><span class="MXMLDefault_Text"> width="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" height="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" title="</span><span class="MXMLString">Open With Default Application Sample</span><span class="MXMLDefault_Text">" skinClass="</span><span class="MXMLString">skins.TDFPanelSkin</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;s:VGroup</span><span class="MXMLDefault_Text"> top="</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">" left="</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;s:Label</span><span class="MXMLDefault_Text"> width="</span><span class="MXMLString">660</span><span class="MXMLDefault_Text">" verticalAlign="</span><span class="MXMLString">justify</span><span class="MXMLDefault_Text">" color="</span><span class="MXMLString">#323232</span><span class="MXMLDefault_Text">" 
+                     text="</span><span class="MXMLString">The Open With Default Application support allows you to open any file with it's associated default application. Locate a file
+item in the file system grid and double-click it to see it in action:</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;mx:Button</span><span class="MXMLDefault_Text"> icon="</span><span class="MXMLString">@Embed(source='up.png')</span><span class="MXMLDefault_Text">" click="</span><span class="ActionScriptDefault_Text">fileGrid</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">navigateUp</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;<span class="MXMLDefault_Text">"
+                       enabled="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">fileGrid</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">canNavigateUp</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;mx:FileSystemDataGrid</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">fileGrid</span><span class="MXMLDefault_Text">" directory="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">File</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">desktopDirectory</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">660</span><span class="MXMLDefault_Text">" height="</span><span class="MXMLString">150</span><span class="MXMLDefault_Text">" 
+                                   doubleClickEnabled="</span><span class="MXMLString">true</span><span class="MXMLDefault_Text">" doubleClick="</span><span class="ActionScriptDefault_Text">datagridHandler</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">event</span><span class="ActionScriptBracket/Brace">)</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;/mx:FileSystemDataGrid&gt;</span>    
+        <span class="MXMLComponent_Tag">&lt;/s:VGroup&gt;</span>
+    <span class="MXMLComponent_Tag">&lt;/s:Panel&gt;</span>
+
+<span class="MXMLComponent_Tag">&lt;/s:WindowedApplication&gt;</span></pre></body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR20/OpenWithDefaultApp/srcview/source/sample2-app.xml.txt
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR20/OpenWithDefaultApp/srcview/source/sample2-app.xml.txt b/TourDeFlex/TourDeFlex/src/objects/AIR20/OpenWithDefaultApp/srcview/source/sample2-app.xml.txt
new file mode 100644
index 0000000..21dad49
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR20/OpenWithDefaultApp/srcview/source/sample2-app.xml.txt
@@ -0,0 +1,153 @@
+<?xml version="1.0" encoding="utf-8" standalone="no"?>
+<!--
+
+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.
+
+-->
+<application xmlns="http://ns.adobe.com/air/application/2.0">
+
+<!-- Adobe AIR Application Descriptor File Template.
+
+	Specifies parameters for identifying, installing, and launching AIR applications.
+
+	xmlns - The Adobe AIR namespace: http://ns.adobe.com/air/application/2.0beta
+			The last segment of the namespace specifies the version 
+			of the AIR runtime required for this application to run.
+			
+	minimumPatchLevel - The minimum patch level of the AIR runtime required to run 
+			the application. Optional.
+-->
+
+	<!-- The application identifier string, unique to this application. Required. -->
+	<id>main</id>
+
+	<!-- Used as the filename for the application. Required. -->
+	<filename>main</filename>
+
+	<!-- The name that is displayed in the AIR application installer. 
+	     May have multiple values for each language. See samples or xsd schema file. Optional. -->
+	<name>main</name>
+
+	<!-- An application version designator (such as "v1", "2.5", or "Alpha 1"). Required. -->
+	<version>v1</version>
+
+	<!-- Description, displayed in the AIR application installer.
+	     May have multiple values for each language. See samples or xsd schema file. Optional. -->
+	<!-- <description></description> -->
+
+	<!-- Copyright information. Optional -->
+	<!-- <copyright></copyright> -->
+
+	<!-- Settings for the application's initial window. Required. -->
+	<initialWindow>
+		<!-- The main SWF or HTML file of the application. Required. -->
+		<!-- Note: In Flash Builder, the SWF reference is set automatically. -->
+		<content>[This value will be overwritten by Flash Builder in the output app.xml]</content>
+		
+		<!-- The title of the main window. Optional. -->
+		<!-- <title></title> -->
+
+		<!-- The type of system chrome to use (either "standard" or "none"). Optional. Default standard. -->
+		<!-- <systemChrome></systemChrome> -->
+
+		<!-- Whether the window is transparent. Only applicable when systemChrome is none. Optional. Default false. -->
+		<!-- <transparent></transparent> -->
+
+		<!-- Whether the window is initially visible. Optional. Default false. -->
+		<!-- <visible></visible> -->
+
+		<!-- Whether the user can minimize the window. Optional. Default true. -->
+		<!-- <minimizable></minimizable> -->
+
+		<!-- Whether the user can maximize the window. Optional. Default true. -->
+		<!-- <maximizable></maximizable> -->
+
+		<!-- Whether the user can resize the window. Optional. Default true. -->
+		<!-- <resizable></resizable> -->
+
+		<!-- The window's initial width. Optional. -->
+		<!-- <width></width> -->
+
+		<!-- The window's initial height. Optional. -->
+		<!-- <height></height> -->
+
+		<!-- The window's initial x position. Optional. -->
+		<!-- <x></x> -->
+
+		<!-- The window's initial y position. Optional. -->
+		<!-- <y></y> -->
+
+		<!-- The window's minimum size, specified as a width/height pair, such as "400 200". Optional. -->
+		<!-- <minSize></minSize> -->
+
+		<!-- The window's initial maximum size, specified as a width/height pair, such as "1600 1200". Optional. -->
+		<!-- <maxSize></maxSize> -->
+	</initialWindow>
+
+	<!-- The subpath of the standard default installation location to use. Optional. -->
+	<!-- <installFolder></installFolder> -->
+
+	<!-- The subpath of the Programs menu to use. (Ignored on operating systems without a Programs menu.) Optional. -->
+	<!-- <programMenuFolder></programMenuFolder> -->
+
+	<!-- The icon the system uses for the application. For at least one resolution,
+		 specify the path to a PNG file included in the AIR package. Optional. -->
+	<!-- <icon>
+		<image16x16></image16x16>
+		<image32x32></image32x32>
+		<image48x48></image48x48>
+		<image128x128></image128x128>
+	</icon> -->
+
+	<!-- Whether the application handles the update when a user double-clicks an update version
+	of the AIR file (true), or the default AIR application installer handles the update (false).
+	Optional. Default false. -->
+	<!-- <customUpdateUI></customUpdateUI> -->
+	
+	<!-- Whether the application can be launched when the user clicks a link in a web browser.
+	Optional. Default false. -->
+	<!-- <allowBrowserInvocation></allowBrowserInvocation> -->
+
+	<!-- Listing of file types for which the application can register. Optional. -->
+	<!-- <fileTypes> -->
+
+		<!-- Defines one file type. Optional. -->
+		<!-- <fileType> -->
+
+			<!-- The name that the system displays for the registered file type. Required. -->
+			<!-- <name></name> -->
+
+			<!-- The extension to register. Required. -->
+			<!-- <extension></extension> -->
+			
+			<!-- The description of the file type. Optional. -->
+			<!-- <description></description> -->
+			
+			<!-- The MIME content type. -->
+			<!-- <contentType></contentType> -->
+			
+			<!-- The icon to display for the file type. Optional. -->
+			<!-- <icon>
+				<image16x16></image16x16>
+				<image32x32></image32x32>
+				<image48x48></image48x48>
+				<image128x128></image128x128>
+			</icon> -->
+			
+		<!-- </fileType> -->
+	<!-- </fileTypes> -->
+
+</application>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR20/OpenWithDefaultApp/srcview/source/sample2.mxml.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR20/OpenWithDefaultApp/srcview/source/sample2.mxml.html b/TourDeFlex/TourDeFlex/src/objects/AIR20/OpenWithDefaultApp/srcview/source/sample2.mxml.html
new file mode 100644
index 0000000..ab989c3
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR20/OpenWithDefaultApp/srcview/source/sample2.mxml.html
@@ -0,0 +1,58 @@
+<!--
+  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.
+-->
+<!-- saved from url=(0014)about:internet -->
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+<title>sample2.mxml</title>
+<link rel="stylesheet" type="text/css" href="../SourceStyles.css"/>
+</head>
+
+<body><pre><span class="MXMLProcessing_Instruction">&lt;?xml version="1.0" encoding="utf-8"?&gt;</span>
+<span class="MXMLComponent_Tag">&lt;s:WindowedApplication</span><span class="MXMLDefault_Text"> xmlns:fx="</span><span class="MXMLString">http://ns.adobe.com/mxml/2009</span><span class="MXMLDefault_Text">" 
+                       xmlns:s="</span><span class="MXMLString">library://ns.adobe.com/flex/spark</span><span class="MXMLDefault_Text">" 
+                       xmlns:mx="</span><span class="MXMLString">library://ns.adobe.com/flex/mx</span><span class="MXMLDefault_Text">" styleName="</span><span class="MXMLString">plain</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" height="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+    <span class="MXMLSpecial_Tag">&lt;fx:Declarations&gt;</span>
+        <span class="MXMLComment">&lt;!--</span><span class="MXMLComment"> Place non-visual elements (e.g., services, value objects) here </span><span class="MXMLComment">--&gt;</span>
+    <span class="MXMLSpecial_Tag">&lt;/fx:Declarations&gt;</span>
+    <span class="MXMLSpecial_Tag">&lt;fx:Script&gt;</span>
+        &lt;![CDATA[
+            <span class="ActionScriptReserved">protected</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">fileToOpen</span>:<span class="ActionScriptDefault_Text">File</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">File</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">documentsDirectory</span>; 
+            
+            <span class="ActionScriptReserved">private</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">onLoadFileClick</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
+            <span class="ActionScriptBracket/Brace">{</span>
+                <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">file</span>:<span class="ActionScriptDefault_Text">File</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">File</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">createTempDirectory</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">resolvePath</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">"tourdeflex-air2-sample.txt"</span><span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">fileStream</span>:<span class="ActionScriptDefault_Text">FileStream</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">FileStream</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptDefault_Text">fileStream</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">open</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">file</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">FileMode</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">WRITE</span><span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptDefault_Text">fileStream</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">writeUTFBytes</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">txtArea</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span><span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptDefault_Text">fileStream</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">close</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptDefault_Text">file</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">openWithDefaultApplication</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
+            <span class="ActionScriptBracket/Brace">}</span>
+        <span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptOperator">&gt;</span>
+    <span class="MXMLSpecial_Tag">&lt;/fx:Script&gt;</span>
+    <span class="MXMLComponent_Tag">&lt;s:Panel</span><span class="MXMLDefault_Text"> width="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" height="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" title="</span><span class="MXMLString">Open With Default Application Sample</span><span class="MXMLDefault_Text">" skinClass="</span><span class="MXMLString">skins.TDFPanelSkin</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;s:VGroup</span><span class="MXMLDefault_Text"> paddingTop="</span><span class="MXMLString">8</span><span class="MXMLDefault_Text">" paddingBottom="</span><span class="MXMLString">8</span><span class="MXMLDefault_Text">" paddingLeft="</span><span class="MXMLString">8</span><span class="MXMLDefault_Text">" paddingRight="</span><span class="MXMLString">8</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;s:Label</span><span class="MXMLDefault_Text"> horizontalCenter="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">" top="</span><span class="MXMLString">15</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">400</span><span class="MXMLDefault_Text">" verticalAlign="</span><span class="MXMLString">justify</span><span class="MXMLDefault_Text">" color="</span><span class="MXMLString">#323232</span><span class="MXMLDefault_Text">" 
+                     text="</span><span class="MXMLString">This sample demonstrates how you can write some text into a file and then open it immediately with the default text application.</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;s:Label</span><span class="MXMLDefault_Text"> horizontalCenter="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">" text="</span><span class="MXMLString">Enter text and click button:</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;s:TextArea</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">txtArea</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">80%</span><span class="MXMLDefault_Text">" height="</span><span class="MXMLString">40%</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;s:Button</span><span class="MXMLDefault_Text"> label="</span><span class="MXMLString">Load File</span><span class="MXMLDefault_Text">" click="</span><span class="ActionScriptDefault_Text">onLoadFileClick</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>    
+        <span class="MXMLComponent_Tag">&lt;/s:VGroup&gt;</span>
+    <span class="MXMLComponent_Tag">&lt;/s:Panel&gt;</span>
+<span class="MXMLComponent_Tag">&lt;/s:WindowedApplication&gt;</span></pre></body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR20/OpenWithDefaultApp/srcview/source/skins/TDFPanelSkin.mxml.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR20/OpenWithDefaultApp/srcview/source/skins/TDFPanelSkin.mxml.html b/TourDeFlex/TourDeFlex/src/objects/AIR20/OpenWithDefaultApp/srcview/source/skins/TDFPanelSkin.mxml.html
new file mode 100644
index 0000000..fbb0bfb
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR20/OpenWithDefaultApp/srcview/source/skins/TDFPanelSkin.mxml.html
@@ -0,0 +1,146 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+<head>
+  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+  <meta http-equiv="Content-Style-Type" content="text/css">
+  <title>TDFPanelSkin.mxml</title>
+  <meta name="Generator" content="Cocoa HTML Writer">
+  <meta name="CocoaVersion" content="1187.4">
+  <style type="text/css">
+    p.p1 {margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Courier}
+    p.p2 {margin: 0.0px 0.0px 0.0px 0.0px; font: 11.0px Monaco; color: #941100}
+    p.p3 {margin: 0.0px 0.0px 0.0px 0.0px; font: 11.0px Monaco; min-height: 15.0px}
+    p.p4 {margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Courier; min-height: 14.0px}
+  </style>
+</head>
+<body>
+<p class="p1">&lt;?xml version="1.0" encoding="utf-8"?&gt;</p>
+<p class="p2">&lt;!--</p>
+<p class="p3"><br></p>
+<p class="p2">Licensed to the Apache Software Foundation (ASF) under one or more</p>
+<p class="p2">contributor license agreements.<span class="Apple-converted-space">  </span>See the NOTICE file distributed with</p>
+<p class="p2">this work for additional information regarding copyright ownership.</p>
+<p class="p2">The ASF licenses this file to You under the Apache License, Version 2.0</p>
+<p class="p2">(the "License"); you may not use this file except in compliance with</p>
+<p class="p2">the License.<span class="Apple-converted-space">  </span>You may obtain a copy of the License at</p>
+<p class="p3"><br></p>
+<p class="p2">http://www.apache.org/licenses/LICENSE-2.0</p>
+<p class="p3"><br></p>
+<p class="p2">Unless required by applicable law or agreed to in writing, software</p>
+<p class="p2">distributed under the License is distributed on an "AS IS" BASIS,</p>
+<p class="p2">WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.</p>
+<p class="p2">See the License for the specific language governing permissions and</p>
+<p class="p2">limitations under the License.</p>
+<p class="p3"><br></p>
+<p class="p2">--&gt;</p>
+<p class="p1">&lt;s:Skin xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark"<span class="Apple-converted-space"> </span></p>
+<p class="p1"><span class="Apple-converted-space">        </span>alpha.disabled="0.5" minWidth="131" minHeight="127"&gt;</p>
+<p class="p4"><span class="Apple-converted-space">    </span></p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;fx:Metadata&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>[HostComponent("spark.components.Panel")]</p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;/fx:Metadata&gt;<span class="Apple-converted-space"> </span></p>
+<p class="p4"><span class="Apple-converted-space">    </span></p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;s:states&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:State name="normal" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:State name="disabled" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:State name="normalWithControlBar" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:State name="disabledWithControlBar" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;/s:states&gt;</p>
+<p class="p4"><span class="Apple-converted-space">    </span></p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;!-- drop shadow --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;s:Rect left="0" top="0" right="0" bottom="0"&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:filters&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:DropShadowFilter blurX="15" blurY="15" alpha="0.18" distance="11" angle="90" knockout="true" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;/s:filters&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:SolidColor color="0" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;/s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;/s:Rect&gt;</p>
+<p class="p4"><span class="Apple-converted-space">    </span></p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;!-- layer 1: border --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;s:Rect left="0" right="0" top="0" bottom="0"&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:stroke&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:SolidColorStroke color="0" alpha="0.50" weight="1" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;/s:stroke&gt;</p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;/s:Rect&gt;</p>
+<p class="p4"><span class="Apple-converted-space">    </span></p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;!-- layer 2: background fill --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;s:Rect left="0" right="0" bottom="0" height="15"&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:LinearGradient rotation="90"&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;s:GradientEntry color="0xE2E2E2" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;s:GradientEntry color="0x000000" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;/s:LinearGradient&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;/s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;/s:Rect&gt;</p>
+<p class="p4"><span class="Apple-converted-space">    </span></p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;!-- layer 3: contents --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;s:Group left="1" right="1" top="1" bottom="1" &gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:layout&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:VerticalLayout gap="0" horizontalAlign="justify" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;/s:layout&gt;</p>
+<p class="p4"><span class="Apple-converted-space">        </span></p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:Group id="topGroup" &gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;!-- layer 0: title bar fill --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;!-- Note: We have custom skinned the title bar to be solid black for Tour de Flex --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:Rect id="tbFill" left="0" right="0" top="0" bottom="1" &gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                    </span>&lt;s:SolidColor color="0x000000" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;/s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;/s:Rect&gt;</p>
+<p class="p4"><span class="Apple-converted-space">            </span></p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;!-- layer 1: title bar highlight --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:Rect id="tbHilite" left="0" right="0" top="0" bottom="0" &gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;s:stroke&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                    </span>&lt;s:LinearGradientStroke rotation="90" weight="1"&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                        </span>&lt;s:GradientEntry color="0xEAEAEA" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                        </span>&lt;s:GradientEntry color="0xD9D9D9" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                    </span>&lt;/s:LinearGradientStroke&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;/s:stroke&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;/s:Rect&gt;</p>
+<p class="p4"><span class="Apple-converted-space">            </span></p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;!-- layer 2: title bar divider --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:Rect id="tbDiv" left="0" right="0" height="1" bottom="0"&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                    </span>&lt;s:SolidColor color="0xC0C0C0" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;/s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;/s:Rect&gt;</p>
+<p class="p4"><span class="Apple-converted-space">            </span></p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;!-- layer 3: text --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:Label id="titleDisplay" maxDisplayedLines="1"</p>
+<p class="p1"><span class="Apple-converted-space">                     </span>left="9" right="3" top="1" minHeight="30"</p>
+<p class="p1"><span class="Apple-converted-space">                     </span>verticalAlign="middle" fontWeight="bold" color="#E2E2E2"&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;/s:Label&gt;</p>
+<p class="p4"><span class="Apple-converted-space">            </span></p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;/s:Group&gt;</p>
+<p class="p4"><span class="Apple-converted-space">        </span></p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:Group id="contentGroup" width="100%" height="100%" minWidth="0" minHeight="0"&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;/s:Group&gt;</p>
+<p class="p4"><span class="Apple-converted-space">        </span></p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:Group id="bottomGroup" minWidth="0" minHeight="0"</p>
+<p class="p1"><span class="Apple-converted-space">                 </span>includeIn="normalWithControlBar, disabledWithControlBar" &gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;!-- layer 0: control bar background --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:Rect left="0" right="0" bottom="0" top="1" &gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                    </span>&lt;s:SolidColor color="0xE2EdF7" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;/s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;/s:Rect&gt;</p>
+<p class="p4"><span class="Apple-converted-space">            </span></p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;!-- layer 1: control bar divider line --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:Rect left="0" right="0" top="0" height="1" &gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                    </span>&lt;s:SolidColor color="0xD1E0F2" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;/s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;/s:Rect&gt;</p>
+<p class="p4"><span class="Apple-converted-space">            </span></p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;!-- layer 2: control bar --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:Group id="controlBarGroup" left="0" right="0" top="1" bottom="1" minWidth="0" minHeight="0"&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;s:layout&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                    </span>&lt;s:HorizontalLayout paddingLeft="10" paddingRight="10" paddingTop="7" paddingBottom="7" gap="10" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;/s:layout&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;/s:Group&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;/s:Group&gt;</p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;/s:Group&gt;</p>
+<p class="p1">&lt;/s:Skin&gt;</p>
+</body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR20/OpenWithDefaultApp/srcview/source/up.png
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR20/OpenWithDefaultApp/srcview/source/up.png b/TourDeFlex/TourDeFlex/src/objects/AIR20/OpenWithDefaultApp/srcview/source/up.png
new file mode 100644
index 0000000..4bf79b0
Binary files /dev/null and b/TourDeFlex/TourDeFlex/src/objects/AIR20/OpenWithDefaultApp/srcview/source/up.png differ

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR20/OpenWithDefaultApp/srcview/source/up.png.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR20/OpenWithDefaultApp/srcview/source/up.png.html b/TourDeFlex/TourDeFlex/src/objects/AIR20/OpenWithDefaultApp/srcview/source/up.png.html
new file mode 100644
index 0000000..bc5ccd9
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR20/OpenWithDefaultApp/srcview/source/up.png.html
@@ -0,0 +1,28 @@
+<!--
+  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.
+-->
+<!-- saved from url=(0014)about:internet -->
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"/>
+<title>up.png</title>
+</head>
+
+<body>
+<img src="up.png" border="0"/>
+</body>
+</html>


[35/51] [partial] Merged TourDeFlex release from develop

Posted by jm...@apache.org.
http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR20/DNS/srcview/SourceTree.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR20/DNS/srcview/SourceTree.html b/TourDeFlex/TourDeFlex/src/objects/AIR20/DNS/srcview/SourceTree.html
new file mode 100644
index 0000000..80281a9
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR20/DNS/srcview/SourceTree.html
@@ -0,0 +1,129 @@
+<!--
+  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.
+-->
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<!-- saved from url=(0014)about:internet -->
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">	
+    <!-- 
+    Smart developers always View Source. 
+    
+    This application was built using Adobe Flex, an open source framework
+    for building rich Internet applications that get delivered via the
+    Flash Player or to desktops via Adobe AIR. 
+    
+    Learn more about Flex at http://flex.org 
+    // -->
+    <head>
+        <title></title>         
+        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+		<!-- Include CSS to eliminate any default margins/padding and set the height of the html element and 
+		     the body element to 100%, because Firefox, or any Gecko based browser, interprets percentage as 
+			 the percentage of the height of its parent container, which has to be set explicitly.  Initially, 
+			 don't display flashContent div so it won't show if JavaScript disabled.
+		-->
+        <style type="text/css" media="screen"> 
+			html, body	{ height:100%; }
+			body { margin:0; padding:0; overflow:auto; text-align:center; 
+			       background-color: #ffffff; }   
+			#flashContent { display:none; }
+        </style>
+		
+		<!-- Enable Browser History by replacing useBrowserHistory tokens with two hyphens -->
+        <!-- BEGIN Browser History required section >
+        <link rel="stylesheet" type="text/css" href="history/history.css" />
+        <script type="text/javascript" src="history/history.js"></script>
+        <! END Browser History required section -->  
+		    
+        <script type="text/javascript" src="swfobject.js"></script>
+        <script type="text/javascript">
+  	        function loadIntoMain(url) {
+				parent.mainFrame.location.href = url;
+			}
+			
+			function openUrlWindow(url) {
+				window.top.location = url;
+			}
+			
+            <!-- For version detection, set to min. required Flash Player version, or 0 (or 0.0.0), for no version detection. --> 
+            var swfVersionStr = "10.0.0";
+            <!-- To use express install, set to playerProductInstall.swf, otherwise the empty string. -->
+            var xiSwfUrlStr = "playerProductInstall.swf";
+            var flashvars = {};
+            var params = {};
+            params.quality = "high";
+            params.bgcolor = "#ffffff";
+            params.allowscriptaccess = "sameDomain";
+            params.allowfullscreen = "true";
+            var attributes = {};
+            attributes.id = "SourceTree";
+            attributes.name = "SourceTree";
+            attributes.align = "middle";
+            swfobject.embedSWF(
+                "SourceTree.swf", "flashContent", 
+                "100%", "100%", 
+                swfVersionStr, xiSwfUrlStr, 
+                flashvars, params, attributes);
+			<!-- JavaScript enabled so display the flashContent div in case it is not replaced with a swf object. -->
+			swfobject.createCSS("#flashContent", "display:block;text-align:left;");
+        </script>
+    </head>
+    <body>
+        <!-- SWFObject's dynamic embed method replaces this alternative HTML content with Flash content when enough 
+			 JavaScript and Flash plug-in support is available. The div is initially hidden so that it doesn't show
+			 when JavaScript is disabled.
+		-->
+        <div id="flashContent">
+        	<p>
+	        	To view this page ensure that Adobe Flash Player version 
+				10.0.0 or greater is installed. 
+			</p>
+			<script type="text/javascript"> 
+				var pageHost = ((document.location.protocol == "https:") ? "https://" :	"http://"); 
+				document.write("<a href='http://www.adobe.com/go/getflashplayer'><img src='" 
+								+ pageHost + "www.adobe.com/images/shared/download_buttons/get_flash_player.gif' alt='Get Adobe Flash player' /></a>" ); 
+			</script> 
+        </div>
+	   	
+       	<noscript>
+            <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="100%" height="100%" id="SourceTree">
+                <param name="movie" value="SourceTree.swf" />
+                <param name="quality" value="high" />
+                <param name="bgcolor" value="#ffffff" />
+                <param name="allowScriptAccess" value="sameDomain" />
+                <param name="allowFullScreen" value="true" />
+                <!--[if !IE]>-->
+                <object type="application/x-shockwave-flash" data="SourceTree.swf" width="100%" height="100%">
+                    <param name="quality" value="high" />
+                    <param name="bgcolor" value="#ffffff" />
+                    <param name="allowScriptAccess" value="sameDomain" />
+                    <param name="allowFullScreen" value="true" />
+                <!--<![endif]-->
+                <!--[if gte IE 6]>-->
+                	<p> 
+                		Either scripts and active content are not permitted to run or Adobe Flash Player version
+                		10.0.0 or greater is not installed.
+                	</p>
+                <!--<![endif]-->
+                    <a href="http://www.adobe.com/go/getflashplayer">
+                        <img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash Player" />
+                    </a>
+                <!--[if !IE]>-->
+                </object>
+                <!--<![endif]-->
+            </object>
+	    </noscript>		
+   </body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR20/DNS/srcview/index.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR20/DNS/srcview/index.html b/TourDeFlex/TourDeFlex/src/objects/AIR20/DNS/srcview/index.html
new file mode 100644
index 0000000..010517f
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR20/DNS/srcview/index.html
@@ -0,0 +1,32 @@
+<!--
+  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.
+-->
+<!-- saved from url=(0014)about:internet -->
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+<title>Source of Sample-AIR2-DNS</title>
+</head>
+<frameset cols="235,*" border="2" framespacing="1">
+    <frame src="SourceTree.html" name="leftFrame" scrolling="NO">
+    <frame src="source/sample.mxml.html" name="mainFrame">
+</frameset>
+<noframes>
+	<body>		
+	</body>
+</noframes>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR20/DNS/srcview/source/sample-app.xml.txt
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR20/DNS/srcview/source/sample-app.xml.txt b/TourDeFlex/TourDeFlex/src/objects/AIR20/DNS/srcview/source/sample-app.xml.txt
new file mode 100644
index 0000000..f9eed35
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR20/DNS/srcview/source/sample-app.xml.txt
@@ -0,0 +1,156 @@
+<?xml version="1.0" encoding="utf-8" standalone="no"?>
+<!--
+
+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.
+
+-->
+<application xmlns="http://ns.adobe.com/air/application/2.0">
+
+<!-- Adobe AIR Application Descriptor File Template.
+
+	Specifies parameters for identifying, installing, and launching AIR applications.
+
+	xmlns - The Adobe AIR namespace: http://ns.adobe.com/air/application/2.0beta2
+			The last segment of the namespace specifies the version 
+			of the AIR runtime required for this application to run.
+			
+	minimumPatchLevel - The minimum patch level of the AIR runtime required to run 
+			the application. Optional.
+-->
+
+	<!-- The application identifier string, unique to this application. Required. -->
+	<id>main</id>
+
+	<!-- Used as the filename for the application. Required. -->
+	<filename>main</filename>
+
+	<!-- The name that is displayed in the AIR application installer. 
+	     May have multiple values for each language. See samples or xsd schema file. Optional. -->
+	<name>main</name>
+
+	<!-- An application version designator (such as "v1", "2.5", or "Alpha 1"). Required. -->
+	<version>v1</version>
+
+	<!-- Description, displayed in the AIR application installer.
+	     May have multiple values for each language. See samples or xsd schema file. Optional. -->
+	<!-- <description></description> -->
+
+	<!-- Copyright information. Optional -->
+	<!-- <copyright></copyright> -->
+
+	<!-- Publisher ID. Used if you're updating an application created prior to 1.5.3 -->
+	<!-- <publisherID></publisherID> -->
+
+	<!-- Settings for the application's initial window. Required. -->
+	<initialWindow>
+		<!-- The main SWF or HTML file of the application. Required. -->
+		<!-- Note: In Flash Builder, the SWF reference is set automatically. -->
+		<content>[This value will be overwritten by Flash Builder in the output app.xml]</content>
+		
+		<!-- The title of the main window. Optional. -->
+		<!-- <title></title> -->
+
+		<!-- The type of system chrome to use (either "standard" or "none"). Optional. Default standard. -->
+		<!-- <systemChrome></systemChrome> -->
+
+		<!-- Whether the window is transparent. Only applicable when systemChrome is none. Optional. Default false. -->
+		<!-- <transparent></transparent> -->
+
+		<!-- Whether the window is initially visible. Optional. Default false. -->
+		<!-- <visible></visible> -->
+
+		<!-- Whether the user can minimize the window. Optional. Default true. -->
+		<!-- <minimizable></minimizable> -->
+
+		<!-- Whether the user can maximize the window. Optional. Default true. -->
+		<!-- <maximizable></maximizable> -->
+
+		<!-- Whether the user can resize the window. Optional. Default true. -->
+		<!-- <resizable></resizable> -->
+
+		<!-- The window's initial width in pixels. Optional. -->
+		<!-- <width></width> -->
+
+		<!-- The window's initial height in pixels. Optional. -->
+		<!-- <height></height> -->
+
+		<!-- The window's initial x position. Optional. -->
+		<!-- <x></x> -->
+
+		<!-- The window's initial y position. Optional. -->
+		<!-- <y></y> -->
+
+		<!-- The window's minimum size, specified as a width/height pair in pixels, such as "400 200". Optional. -->
+		<!-- <minSize></minSize> -->
+
+		<!-- The window's initial maximum size, specified as a width/height pair in pixels, such as "1600 1200". Optional. -->
+		<!-- <maxSize></maxSize> -->
+	</initialWindow>
+
+	<!-- The subpath of the standard default installation location to use. Optional. -->
+	<!-- <installFolder></installFolder> -->
+
+	<!-- The subpath of the Programs menu to use. (Ignored on operating systems without a Programs menu.) Optional. -->
+	<!-- <programMenuFolder></programMenuFolder> -->
+
+	<!-- The icon the system uses for the application. For at least one resolution,
+		 specify the path to a PNG file included in the AIR package. Optional. -->
+	<!-- <icon>
+		<image16x16></image16x16>
+		<image32x32></image32x32>
+		<image48x48></image48x48>
+		<image128x128></image128x128>
+	</icon> -->
+
+	<!-- Whether the application handles the update when a user double-clicks an update version
+	of the AIR file (true), or the default AIR application installer handles the update (false).
+	Optional. Default false. -->
+	<!-- <customUpdateUI></customUpdateUI> -->
+	
+	<!-- Whether the application can be launched when the user clicks a link in a web browser.
+	Optional. Default false. -->
+	<!-- <allowBrowserInvocation></allowBrowserInvocation> -->
+
+	<!-- Listing of file types for which the application can register. Optional. -->
+	<!-- <fileTypes> -->
+
+		<!-- Defines one file type. Optional. -->
+		<!-- <fileType> -->
+
+			<!-- The name that the system displays for the registered file type. Required. -->
+			<!-- <name></name> -->
+
+			<!-- The extension to register. Required. -->
+			<!-- <extension></extension> -->
+			
+			<!-- The description of the file type. Optional. -->
+			<!-- <description></description> -->
+			
+			<!-- The MIME content type. -->
+			<!-- <contentType></contentType> -->
+			
+			<!-- The icon to display for the file type. Optional. -->
+			<!-- <icon>
+				<image16x16></image16x16>
+				<image32x32></image32x32>
+				<image48x48></image48x48>
+				<image128x128></image128x128>
+			</icon> -->
+			
+		<!-- </fileType> -->
+	<!-- </fileTypes> -->
+
+</application>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR20/DNS/srcview/source/sample.mxml.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR20/DNS/srcview/source/sample.mxml.html b/TourDeFlex/TourDeFlex/src/objects/AIR20/DNS/srcview/source/sample.mxml.html
new file mode 100644
index 0000000..b47c3eb
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR20/DNS/srcview/source/sample.mxml.html
@@ -0,0 +1,134 @@
+<!--
+  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.
+-->
+<!-- saved from url=(0014)about:internet -->
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+<title>sample.mxml</title>
+<link rel="stylesheet" type="text/css" href="../SourceStyles.css"/>
+</head>
+
+<body><pre><span class="MXMLComponent_Tag">&lt;s:WindowedApplication</span><span class="MXMLDefault_Text"> xmlns:fx="</span><span class="MXMLString">http://ns.adobe.com/mxml/2009</span><span class="MXMLDefault_Text">" 
+                       xmlns:s="</span><span class="MXMLString">library://ns.adobe.com/flex/spark</span><span class="MXMLDefault_Text">" 
+                       xmlns:mx="</span><span class="MXMLString">library://ns.adobe.com/flex/mx</span><span class="MXMLDefault_Text">"
+                       styleName="</span><span class="MXMLString">plain</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" height="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+    
+    <span class="MXMLComment">&lt;!--</span><span class="MXMLComment"> Based on sample here: http://www.insideria.com/2009/10/air-2-enhancements-complete-ov.html </span><span class="MXMLComment">--&gt;</span>
+    
+    <span class="MXMLSpecial_Tag">&lt;fx:Script&gt;</span>
+        &lt;![CDATA[
+            <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">flash</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">events</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">DNSResolverEvent</span>;
+            <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">flash</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">net</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">dns</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">ARecord</span>;
+            <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">flash</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">net</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">dns</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">DNSResolver</span>;
+            <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">flash</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">net</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">dns</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">MXRecord</span>;
+            <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">flash</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">net</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">dns</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">PTRRecord</span>;
+            
+            <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">mx</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">controls</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">Alert</span>;
+            
+            <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">skins</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">TDFPanelSkin</span>;
+            
+            <span class="ActionScriptReserved">protected</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">resolver</span>:<span class="ActionScriptDefault_Text">DNSResolver</span>;
+            
+            <span class="ActionScriptReserved">protected</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">startLookup</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">host</span>:<span class="ActionScriptDefault_Text">String</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">isARecordSelected</span>:<span class="ActionScriptDefault_Text">Boolean</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">isMXRecordSelected</span>:<span class="ActionScriptDefault_Text">Boolean</span> <span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
+            <span class="ActionScriptBracket/Brace">{</span>
+                <span class="ActionScriptReserved">this</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">output</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptString">""</span>;
+                <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">isARecordSelected</span><span class="ActionScriptBracket/Brace">)</span> <span class="ActionScriptDefault_Text">lookup</span><span class="ActionScriptBracket/Brace">(</span> <span class="ActionScriptDefault_Text">host</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptString">"."</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">ARecord</span> <span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">isMXRecordSelected</span><span class="ActionScriptBracket/Brace">)</span> <span class="ActionScriptDefault_Text">lookup</span><span class="ActionScriptBracket/Brace">(</span> <span class="ActionScriptDefault_Text">host</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">MXRecord</span> <span class="ActionScriptBracket/Brace">)</span>;
+            <span class="ActionScriptBracket/Brace">}</span>
+            
+            <span class="ActionScriptReserved">protected</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">reverseLookup</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">host</span>:<span class="ActionScriptDefault_Text">String</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">recordType</span>:<span class="ActionScriptDefault_Text">Class</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
+            <span class="ActionScriptBracket/Brace">{</span>
+                <span class="ActionScriptDefault_Text">output</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptString">""</span>;
+                <span class="ActionScripttrace">trace</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">"Record Type "</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptDefault_Text">recordType</span><span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">ipAddress</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span> <span class="ActionScriptOperator">!=</span> <span class="ActionScriptReserved">null</span> <span class="ActionScriptOperator">&amp;&amp;</span> <span class="ActionScriptDefault_Text">ipAddress</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">length</span> <span class="ActionScriptOperator">&gt;</span>0<span class="ActionScriptBracket/Brace">)</span>
+                    <span class="ActionScriptDefault_Text">lookup</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">host</span><span class="ActionScriptOperator">,</span><span class="ActionScriptDefault_Text">recordType</span><span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptReserved">else</span> <span class="ActionScriptDefault_Text">Alert</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">show</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">"Please enter a valid IP address."</span><span class="ActionScriptBracket/Brace">)</span>;
+            <span class="ActionScriptBracket/Brace">}</span>
+            
+            <span class="ActionScriptReserved">protected</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">lookup</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">host</span>:<span class="ActionScriptDefault_Text">String</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">recordType</span>:<span class="ActionScriptDefault_Text">Class</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
+            <span class="ActionScriptBracket/Brace">{</span>
+                <span class="ActionScriptDefault_Text">resolver</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">DNSResolver</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptDefault_Text">resolver</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">addEventListener</span><span class="ActionScriptBracket/Brace">(</span> <span class="ActionScriptDefault_Text">DNSResolverEvent</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">LOOKUP</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">lookupComplete</span> <span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptDefault_Text">resolver</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">addEventListener</span><span class="ActionScriptBracket/Brace">(</span> <span class="ActionScriptDefault_Text">ErrorEvent</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">ERROR</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">lookupError</span> <span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptDefault_Text">resolver</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">lookup</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">host</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">recordType</span><span class="ActionScriptBracket/Brace">)</span>;
+            <span class="ActionScriptBracket/Brace">}</span>
+            
+            <span class="ActionScriptReserved">private</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">lookupComplete</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">event</span>:<span class="ActionScriptDefault_Text">DNSResolverEvent</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
+            <span class="ActionScriptBracket/Brace">{</span>
+                
+                <span class="ActionScriptDefault_Text">resolver</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">removeEventListener</span><span class="ActionScriptBracket/Brace">(</span> <span class="ActionScriptDefault_Text">DNSResolverEvent</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">LOOKUP</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">lookupComplete</span> <span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptDefault_Text">resolver</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">removeEventListener</span><span class="ActionScriptBracket/Brace">(</span> <span class="ActionScriptDefault_Text">ErrorEvent</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">ERROR</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">lookupError</span> <span class="ActionScriptBracket/Brace">)</span>;                
+                
+                <span class="ActionScriptDefault_Text">setOutput</span><span class="ActionScriptBracket/Brace">(</span> <span class="ActionScriptString">"Querying host: "</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptDefault_Text">event</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">host</span> <span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptDefault_Text">setOutput</span><span class="ActionScriptBracket/Brace">(</span> <span class="ActionScriptString">"Record type: "</span> <span class="ActionScriptOperator">+</span>  <span class="ActionScriptDefault_Text">flash</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">utils</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">getQualifiedClassName</span><span class="ActionScriptBracket/Brace">(</span> <span class="ActionScriptDefault_Text">event</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">resourceRecords</span><span class="ActionScriptBracket/Brace">[</span>0<span class="ActionScriptBracket/Brace">]</span> <span class="ActionScriptBracket/Brace">)</span> <span class="ActionScriptOperator">+</span>
+                    <span class="ActionScriptString">", count: "</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptDefault_Text">event</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">resourceRecords</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">length</span> <span class="ActionScriptBracket/Brace">)</span>;
+                
+                <span class="ActionScriptReserved">for each</span><span class="ActionScriptBracket/Brace">(</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">record</span>:<span class="ActionScriptOperator">*</span> <span class="ActionScriptReserved">in</span> <span class="ActionScriptDefault_Text">event</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">resourceRecords</span> <span class="ActionScriptBracket/Brace">)</span>
+                <span class="ActionScriptBracket/Brace">{</span>
+                    <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">record</span> <span class="ActionScriptReserved">is</span> <span class="ActionScriptDefault_Text">ARecord</span><span class="ActionScriptBracket/Brace">)</span> <span class="ActionScriptDefault_Text">setOutput</span><span class="ActionScriptBracket/Brace">(</span> <span class="ActionScriptString">"ARecord: "</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptDefault_Text">record</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">name</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptString">" : "</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptDefault_Text">record</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">address</span> <span class="ActionScriptBracket/Brace">)</span>;
+                    <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">record</span> <span class="ActionScriptReserved">is</span> <span class="ActionScriptDefault_Text">MXRecord</span><span class="ActionScriptBracket/Brace">)</span> <span class="ActionScriptDefault_Text">setOutput</span><span class="ActionScriptBracket/Brace">(</span> <span class="ActionScriptString">"MXRecord: "</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptDefault_Text">record</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">name</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptString">" : "</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptDefault_Text">record</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">exchange</span> <span class="ActionScriptOperator">+</span> <span cl
 ass="ActionScriptString">", "</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptDefault_Text">record</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">preference</span> <span class="ActionScriptBracket/Brace">)</span>;
+                    <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">record</span> <span class="ActionScriptReserved">is</span> <span class="ActionScriptDefault_Text">PTRRecord</span><span class="ActionScriptBracket/Brace">)</span> <span class="ActionScriptDefault_Text">setOutput</span><span class="ActionScriptBracket/Brace">(</span> <span class="ActionScriptString">"PTRRecord: "</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptDefault_Text">record</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">name</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptString">" : "</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptDefault_Text">record</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">ptrdName</span> <span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptBracket/Brace">}</span>
+            <span class="ActionScriptBracket/Brace">}</span>
+            
+            <span class="ActionScriptReserved">private</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">setOutput</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">message</span>:<span class="ActionScriptDefault_Text">String</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
+            <span class="ActionScriptBracket/Brace">{</span>
+                <span class="ActionScriptDefault_Text">resolver</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">removeEventListener</span><span class="ActionScriptBracket/Brace">(</span> <span class="ActionScriptDefault_Text">DNSResolverEvent</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">LOOKUP</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">lookupComplete</span> <span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptDefault_Text">resolver</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">removeEventListener</span><span class="ActionScriptBracket/Brace">(</span> <span class="ActionScriptDefault_Text">ErrorEvent</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">ERROR</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">lookupError</span> <span class="ActionScriptBracket/Brace">)</span>;    
+                <span class="ActionScriptDefault_Text">output</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">message</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptString">"\n"</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptDefault_Text">output</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span>;
+            <span class="ActionScriptBracket/Brace">}</span>
+            
+            <span class="ActionScriptReserved">private</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">lookupError</span><span class="ActionScriptBracket/Brace">(</span> <span class="ActionScriptDefault_Text">error</span>:<span class="ActionScriptDefault_Text">ErrorEvent</span> <span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
+            <span class="ActionScriptBracket/Brace">{</span>
+                <span class="ActionScriptDefault_Text">Alert</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">show</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">"Error: "</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptDefault_Text">error</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span> <span class="ActionScriptBracket/Brace">)</span>;
+            <span class="ActionScriptBracket/Brace">}</span>
+            
+        <span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptOperator">&gt;</span>
+    <span class="MXMLSpecial_Tag">&lt;/fx:Script&gt;</span>
+    
+    <span class="MXMLComponent_Tag">&lt;s:Panel</span><span class="MXMLDefault_Text"> title="</span><span class="MXMLString">DNS Lookup</span><span class="MXMLDefault_Text">" skinClass="</span><span class="MXMLString">skins.TDFPanelSkin</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" height="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;s:layout&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;s:VerticalLayout</span><span class="MXMLDefault_Text"> paddingLeft="</span><span class="MXMLString">8</span><span class="MXMLDefault_Text">" paddingTop="</span><span class="MXMLString">8</span><span class="MXMLDefault_Text">" paddingBottom="</span><span class="MXMLString">8</span><span class="MXMLDefault_Text">" paddingRight="</span><span class="MXMLString">8</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;/s:layout&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;s:HGroup</span><span class="MXMLDefault_Text"> left="</span><span class="MXMLString">5</span><span class="MXMLDefault_Text">" top="</span><span class="MXMLString">5</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;s:VGroup&gt;</span>
+                <span class="MXMLComponent_Tag">&lt;s:HGroup&gt;</span>
+                    <span class="MXMLComponent_Tag">&lt;s:CheckBox</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">cbARecord</span><span class="MXMLDefault_Text">" label="</span><span class="MXMLString">ARecord</span><span class="MXMLDefault_Text">" selected="</span><span class="MXMLString">true</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+                    <span class="MXMLComponent_Tag">&lt;s:CheckBox</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">cbMXRecord</span><span class="MXMLDefault_Text">" label="</span><span class="MXMLString">MX Record</span><span class="MXMLDefault_Text">" selected="</span><span class="MXMLString">true</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+                <span class="MXMLComponent_Tag">&lt;/s:HGroup&gt;</span>
+                <span class="MXMLComponent_Tag">&lt;s:HGroup</span><span class="MXMLDefault_Text"> verticalAlign="</span><span class="MXMLString">middle</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+                    <span class="MXMLComponent_Tag">&lt;s:Label</span><span class="MXMLDefault_Text"> text="</span><span class="MXMLString">Host name: </span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+                    <span class="MXMLComponent_Tag">&lt;s:TextInput</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">domain</span><span class="MXMLDefault_Text">" text="</span><span class="MXMLString">cnn.com</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+                    <span class="MXMLComponent_Tag">&lt;s:Button</span><span class="MXMLDefault_Text"> label="</span><span class="MXMLString">Lookup DNS</span><span class="MXMLDefault_Text">" click="</span><span class="ActionScriptDefault_Text">startLookup</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">domain</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">cbARecord</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">selected</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">cbMXRecord</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">selected</span><span class="ActionScriptBracket/Brace">)</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+                <span class="MXMLComponent_Tag">&lt;/s:HGroup&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;/s:VGroup&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;s:VGroup</span><span class="MXMLDefault_Text"> right="</span><span class="MXMLString">30</span><span class="MXMLDefault_Text">" top="</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+                <span class="MXMLComponent_Tag">&lt;s:Label</span><span class="MXMLDefault_Text"> text="</span><span class="MXMLString">IP Address (127.0.0.1 for example):</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+                <span class="MXMLComponent_Tag">&lt;s:TextInput</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">ipAddress</span><span class="MXMLDefault_Text">" restrict="</span><span class="MXMLString">0-9.</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+                <span class="MXMLComponent_Tag">&lt;s:Button</span><span class="MXMLDefault_Text"> label="</span><span class="MXMLString">Reverse DNS Lookup</span><span class="MXMLDefault_Text">" click="</span><span class="ActionScriptDefault_Text">reverseLookup</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">ipAddress</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">PTRRecord</span><span class="ActionScriptBracket/Brace">)</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;/s:VGroup&gt;</span>    
+        <span class="MXMLComponent_Tag">&lt;/s:HGroup&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;s:HGroup</span><span class="MXMLDefault_Text"> width="</span><span class="MXMLString">500</span><span class="MXMLDefault_Text">" bottom="</span><span class="MXMLString">60</span><span class="MXMLDefault_Text">" horizontalCenter="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;s:Label</span><span class="MXMLDefault_Text"> text="</span><span class="MXMLString">Console:</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;s:TextArea</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">output</span><span class="MXMLDefault_Text">" editable="</span><span class="MXMLString">false</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">70%</span><span class="MXMLDefault_Text">" height="</span><span class="MXMLString">100</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>    
+        <span class="MXMLComponent_Tag">&lt;/s:HGroup&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;s:Label</span><span class="MXMLDefault_Text"> width="</span><span class="MXMLString">95%</span><span class="MXMLDefault_Text">" verticalAlign="</span><span class="MXMLString">justify</span><span class="MXMLDefault_Text">" color="</span><span class="MXMLString">#323232</span><span class="MXMLDefault_Text">" horizontalCenter="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">" bottom="</span><span class="MXMLString">20</span><span class="MXMLDefault_Text">" 
+                 text="</span><span class="MXMLString">The DNS Lookup functionality in AIR 2.0 allows you to lookup the Domain Name Server information for a given URL.</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+    <span class="MXMLComponent_Tag">&lt;/s:Panel&gt;</span>
+<span class="MXMLComponent_Tag">&lt;/s:WindowedApplication&gt;</span></pre></body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR20/DNS/srcview/source/skins/TDFPanelSkin.mxml.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR20/DNS/srcview/source/skins/TDFPanelSkin.mxml.html b/TourDeFlex/TourDeFlex/src/objects/AIR20/DNS/srcview/source/skins/TDFPanelSkin.mxml.html
new file mode 100644
index 0000000..df79d11
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR20/DNS/srcview/source/skins/TDFPanelSkin.mxml.html
@@ -0,0 +1,147 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+<head>
+  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+  <meta http-equiv="Content-Style-Type" content="text/css">
+  <title>TDFPanelSkin.mxml</title>
+  <meta name="Generator" content="Cocoa HTML Writer">
+  <meta name="CocoaVersion" content="1187.4">
+  <style type="text/css">
+    p.p1 {margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Courier}
+    p.p2 {margin: 0.0px 0.0px 0.0px 0.0px; font: 11.0px Monaco; color: #941100}
+    p.p3 {margin: 0.0px 0.0px 0.0px 0.0px; font: 11.0px Monaco; min-height: 15.0px}
+    p.p4 {margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Courier; min-height: 14.0px}
+  </style>
+</head>
+<body>
+<p class="p1">&lt;?xml version="1.0" encoding="utf-8"?&gt;</p>
+<p class="p2">&lt;!--</p>
+<p class="p3"><br></p>
+<p class="p2">Licensed to the Apache Software Foundation (ASF) under one or more</p>
+<p class="p2">contributor license agreements.<span class="Apple-converted-space">  </span>See the NOTICE file distributed with</p>
+<p class="p2">this work for additional information regarding copyright ownership.</p>
+<p class="p2">The ASF licenses this file to You under the Apache License, Version 2.0</p>
+<p class="p2">(the "License"); you may not use this file except in compliance with</p>
+<p class="p2">the License.<span class="Apple-converted-space">  </span>You may obtain a copy of the License at</p>
+<p class="p3"><br></p>
+<p class="p2">http://www.apache.org/licenses/LICENSE-2.0</p>
+<p class="p3"><br></p>
+<p class="p2">Unless required by applicable law or agreed to in writing, software</p>
+<p class="p2">distributed under the License is distributed on an "AS IS" BASIS,</p>
+<p class="p2">WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.</p>
+<p class="p2">See the License for the specific language governing permissions and</p>
+<p class="p2">limitations under the License.</p>
+<p class="p3"><br></p>
+<p class="p2">--&gt;</p>
+<p class="p4"><br></p>
+<p class="p1">&lt;s:Skin xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark"<span class="Apple-converted-space"> </span></p>
+<p class="p1"><span class="Apple-converted-space">        </span>alpha.disabled="0.5" minWidth="131" minHeight="127"&gt;</p>
+<p class="p4"><span class="Apple-converted-space">    </span></p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;fx:Metadata&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>[HostComponent("spark.components.Panel")]</p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;/fx:Metadata&gt;<span class="Apple-converted-space"> </span></p>
+<p class="p4"><span class="Apple-converted-space">    </span></p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;s:states&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:State name="normal" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:State name="disabled" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:State name="normalWithControlBar" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:State name="disabledWithControlBar" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;/s:states&gt;</p>
+<p class="p4"><span class="Apple-converted-space">    </span></p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;!-- drop shadow --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;s:Rect left="0" top="0" right="0" bottom="0"&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:filters&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:DropShadowFilter blurX="15" blurY="15" alpha="0.18" distance="11" angle="90" knockout="true" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;/s:filters&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:SolidColor color="0" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;/s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;/s:Rect&gt;</p>
+<p class="p4"><span class="Apple-converted-space">    </span></p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;!-- layer 1: border --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;s:Rect left="0" right="0" top="0" bottom="0"&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:stroke&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:SolidColorStroke color="0" alpha="0.50" weight="1" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;/s:stroke&gt;</p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;/s:Rect&gt;</p>
+<p class="p4"><span class="Apple-converted-space">    </span></p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;!-- layer 2: background fill --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;s:Rect left="0" right="0" bottom="0" height="15"&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:LinearGradient rotation="90"&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;s:GradientEntry color="0xE2E2E2" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;s:GradientEntry color="0x000000" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;/s:LinearGradient&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;/s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;/s:Rect&gt;</p>
+<p class="p4"><span class="Apple-converted-space">    </span></p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;!-- layer 3: contents --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;s:Group left="1" right="1" top="1" bottom="1" &gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:layout&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:VerticalLayout gap="0" horizontalAlign="justify" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;/s:layout&gt;</p>
+<p class="p4"><span class="Apple-converted-space">        </span></p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:Group id="topGroup" &gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;!-- layer 0: title bar fill --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;!-- Note: We have custom skinned the title bar to be solid black for Tour de Flex --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:Rect id="tbFill" left="0" right="0" top="0" bottom="1" &gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                    </span>&lt;s:SolidColor color="0x000000" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;/s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;/s:Rect&gt;</p>
+<p class="p4"><span class="Apple-converted-space">            </span></p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;!-- layer 1: title bar highlight --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:Rect id="tbHilite" left="0" right="0" top="0" bottom="0" &gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;s:stroke&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                    </span>&lt;s:LinearGradientStroke rotation="90" weight="1"&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                        </span>&lt;s:GradientEntry color="0xEAEAEA" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                        </span>&lt;s:GradientEntry color="0xD9D9D9" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                    </span>&lt;/s:LinearGradientStroke&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;/s:stroke&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;/s:Rect&gt;</p>
+<p class="p4"><span class="Apple-converted-space">            </span></p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;!-- layer 2: title bar divider --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:Rect id="tbDiv" left="0" right="0" height="1" bottom="0"&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                    </span>&lt;s:SolidColor color="0xC0C0C0" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;/s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;/s:Rect&gt;</p>
+<p class="p4"><span class="Apple-converted-space">            </span></p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;!-- layer 3: text --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:Label id="titleDisplay" maxDisplayedLines="1"</p>
+<p class="p1"><span class="Apple-converted-space">                     </span>left="9" right="3" top="1" minHeight="30"</p>
+<p class="p1"><span class="Apple-converted-space">                     </span>verticalAlign="middle" fontWeight="bold" color="#E2E2E2"&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;/s:Label&gt;</p>
+<p class="p4"><span class="Apple-converted-space">            </span></p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;/s:Group&gt;</p>
+<p class="p4"><span class="Apple-converted-space">        </span></p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:Group id="contentGroup" width="100%" height="100%" minWidth="0" minHeight="0"&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;/s:Group&gt;</p>
+<p class="p4"><span class="Apple-converted-space">        </span></p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:Group id="bottomGroup" minWidth="0" minHeight="0"</p>
+<p class="p1"><span class="Apple-converted-space">                 </span>includeIn="normalWithControlBar, disabledWithControlBar" &gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;!-- layer 0: control bar background --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:Rect left="0" right="0" bottom="0" top="1" &gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                    </span>&lt;s:SolidColor color="0xE2EdF7" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;/s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;/s:Rect&gt;</p>
+<p class="p4"><span class="Apple-converted-space">            </span></p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;!-- layer 1: control bar divider line --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:Rect left="0" right="0" top="0" height="1" &gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                    </span>&lt;s:SolidColor color="0xD1E0F2" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;/s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;/s:Rect&gt;</p>
+<p class="p4"><span class="Apple-converted-space">            </span></p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;!-- layer 2: control bar --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:Group id="controlBarGroup" left="0" right="0" top="1" bottom="1" minWidth="0" minHeight="0"&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;s:layout&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                    </span>&lt;s:HorizontalLayout paddingLeft="10" paddingRight="10" paddingTop="7" paddingBottom="7" gap="10" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;/s:layout&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;/s:Group&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;/s:Group&gt;</p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;/s:Group&gt;</p>
+<p class="p1">&lt;/s:Skin&gt;</p>
+</body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR20/DownloadSecurityDialog/TDFPanelSkin.mxml.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR20/DownloadSecurityDialog/TDFPanelSkin.mxml.html b/TourDeFlex/TourDeFlex/src/objects/AIR20/DownloadSecurityDialog/TDFPanelSkin.mxml.html
new file mode 100644
index 0000000..df79d11
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR20/DownloadSecurityDialog/TDFPanelSkin.mxml.html
@@ -0,0 +1,147 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+<head>
+  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+  <meta http-equiv="Content-Style-Type" content="text/css">
+  <title>TDFPanelSkin.mxml</title>
+  <meta name="Generator" content="Cocoa HTML Writer">
+  <meta name="CocoaVersion" content="1187.4">
+  <style type="text/css">
+    p.p1 {margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Courier}
+    p.p2 {margin: 0.0px 0.0px 0.0px 0.0px; font: 11.0px Monaco; color: #941100}
+    p.p3 {margin: 0.0px 0.0px 0.0px 0.0px; font: 11.0px Monaco; min-height: 15.0px}
+    p.p4 {margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Courier; min-height: 14.0px}
+  </style>
+</head>
+<body>
+<p class="p1">&lt;?xml version="1.0" encoding="utf-8"?&gt;</p>
+<p class="p2">&lt;!--</p>
+<p class="p3"><br></p>
+<p class="p2">Licensed to the Apache Software Foundation (ASF) under one or more</p>
+<p class="p2">contributor license agreements.<span class="Apple-converted-space">  </span>See the NOTICE file distributed with</p>
+<p class="p2">this work for additional information regarding copyright ownership.</p>
+<p class="p2">The ASF licenses this file to You under the Apache License, Version 2.0</p>
+<p class="p2">(the "License"); you may not use this file except in compliance with</p>
+<p class="p2">the License.<span class="Apple-converted-space">  </span>You may obtain a copy of the License at</p>
+<p class="p3"><br></p>
+<p class="p2">http://www.apache.org/licenses/LICENSE-2.0</p>
+<p class="p3"><br></p>
+<p class="p2">Unless required by applicable law or agreed to in writing, software</p>
+<p class="p2">distributed under the License is distributed on an "AS IS" BASIS,</p>
+<p class="p2">WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.</p>
+<p class="p2">See the License for the specific language governing permissions and</p>
+<p class="p2">limitations under the License.</p>
+<p class="p3"><br></p>
+<p class="p2">--&gt;</p>
+<p class="p4"><br></p>
+<p class="p1">&lt;s:Skin xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark"<span class="Apple-converted-space"> </span></p>
+<p class="p1"><span class="Apple-converted-space">        </span>alpha.disabled="0.5" minWidth="131" minHeight="127"&gt;</p>
+<p class="p4"><span class="Apple-converted-space">    </span></p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;fx:Metadata&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>[HostComponent("spark.components.Panel")]</p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;/fx:Metadata&gt;<span class="Apple-converted-space"> </span></p>
+<p class="p4"><span class="Apple-converted-space">    </span></p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;s:states&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:State name="normal" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:State name="disabled" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:State name="normalWithControlBar" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:State name="disabledWithControlBar" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;/s:states&gt;</p>
+<p class="p4"><span class="Apple-converted-space">    </span></p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;!-- drop shadow --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;s:Rect left="0" top="0" right="0" bottom="0"&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:filters&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:DropShadowFilter blurX="15" blurY="15" alpha="0.18" distance="11" angle="90" knockout="true" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;/s:filters&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:SolidColor color="0" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;/s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;/s:Rect&gt;</p>
+<p class="p4"><span class="Apple-converted-space">    </span></p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;!-- layer 1: border --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;s:Rect left="0" right="0" top="0" bottom="0"&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:stroke&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:SolidColorStroke color="0" alpha="0.50" weight="1" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;/s:stroke&gt;</p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;/s:Rect&gt;</p>
+<p class="p4"><span class="Apple-converted-space">    </span></p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;!-- layer 2: background fill --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;s:Rect left="0" right="0" bottom="0" height="15"&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:LinearGradient rotation="90"&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;s:GradientEntry color="0xE2E2E2" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;s:GradientEntry color="0x000000" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;/s:LinearGradient&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;/s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;/s:Rect&gt;</p>
+<p class="p4"><span class="Apple-converted-space">    </span></p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;!-- layer 3: contents --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;s:Group left="1" right="1" top="1" bottom="1" &gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:layout&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:VerticalLayout gap="0" horizontalAlign="justify" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;/s:layout&gt;</p>
+<p class="p4"><span class="Apple-converted-space">        </span></p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:Group id="topGroup" &gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;!-- layer 0: title bar fill --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;!-- Note: We have custom skinned the title bar to be solid black for Tour de Flex --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:Rect id="tbFill" left="0" right="0" top="0" bottom="1" &gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                    </span>&lt;s:SolidColor color="0x000000" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;/s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;/s:Rect&gt;</p>
+<p class="p4"><span class="Apple-converted-space">            </span></p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;!-- layer 1: title bar highlight --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:Rect id="tbHilite" left="0" right="0" top="0" bottom="0" &gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;s:stroke&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                    </span>&lt;s:LinearGradientStroke rotation="90" weight="1"&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                        </span>&lt;s:GradientEntry color="0xEAEAEA" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                        </span>&lt;s:GradientEntry color="0xD9D9D9" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                    </span>&lt;/s:LinearGradientStroke&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;/s:stroke&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;/s:Rect&gt;</p>
+<p class="p4"><span class="Apple-converted-space">            </span></p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;!-- layer 2: title bar divider --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:Rect id="tbDiv" left="0" right="0" height="1" bottom="0"&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                    </span>&lt;s:SolidColor color="0xC0C0C0" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;/s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;/s:Rect&gt;</p>
+<p class="p4"><span class="Apple-converted-space">            </span></p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;!-- layer 3: text --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:Label id="titleDisplay" maxDisplayedLines="1"</p>
+<p class="p1"><span class="Apple-converted-space">                     </span>left="9" right="3" top="1" minHeight="30"</p>
+<p class="p1"><span class="Apple-converted-space">                     </span>verticalAlign="middle" fontWeight="bold" color="#E2E2E2"&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;/s:Label&gt;</p>
+<p class="p4"><span class="Apple-converted-space">            </span></p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;/s:Group&gt;</p>
+<p class="p4"><span class="Apple-converted-space">        </span></p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:Group id="contentGroup" width="100%" height="100%" minWidth="0" minHeight="0"&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;/s:Group&gt;</p>
+<p class="p4"><span class="Apple-converted-space">        </span></p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:Group id="bottomGroup" minWidth="0" minHeight="0"</p>
+<p class="p1"><span class="Apple-converted-space">                 </span>includeIn="normalWithControlBar, disabledWithControlBar" &gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;!-- layer 0: control bar background --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:Rect left="0" right="0" bottom="0" top="1" &gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                    </span>&lt;s:SolidColor color="0xE2EdF7" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;/s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;/s:Rect&gt;</p>
+<p class="p4"><span class="Apple-converted-space">            </span></p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;!-- layer 1: control bar divider line --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:Rect left="0" right="0" top="0" height="1" &gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                    </span>&lt;s:SolidColor color="0xD1E0F2" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;/s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;/s:Rect&gt;</p>
+<p class="p4"><span class="Apple-converted-space">            </span></p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;!-- layer 2: control bar --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:Group id="controlBarGroup" left="0" right="0" top="1" bottom="1" minWidth="0" minHeight="0"&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;s:layout&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                    </span>&lt;s:HorizontalLayout paddingLeft="10" paddingRight="10" paddingTop="7" paddingBottom="7" gap="10" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;/s:layout&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;/s:Group&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;/s:Group&gt;</p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;/s:Group&gt;</p>
+<p class="p1">&lt;/s:Skin&gt;</p>
+</body>
+</html>


[29/51] [partial] Merged TourDeFlex release from develop

Posted by jm...@apache.org.
http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR20/GlobalExceptionHandler/srcview/SourceTree.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR20/GlobalExceptionHandler/srcview/SourceTree.html b/TourDeFlex/TourDeFlex/src/objects/AIR20/GlobalExceptionHandler/srcview/SourceTree.html
new file mode 100644
index 0000000..80281a9
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR20/GlobalExceptionHandler/srcview/SourceTree.html
@@ -0,0 +1,129 @@
+<!--
+  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.
+-->
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<!-- saved from url=(0014)about:internet -->
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">	
+    <!-- 
+    Smart developers always View Source. 
+    
+    This application was built using Adobe Flex, an open source framework
+    for building rich Internet applications that get delivered via the
+    Flash Player or to desktops via Adobe AIR. 
+    
+    Learn more about Flex at http://flex.org 
+    // -->
+    <head>
+        <title></title>         
+        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+		<!-- Include CSS to eliminate any default margins/padding and set the height of the html element and 
+		     the body element to 100%, because Firefox, or any Gecko based browser, interprets percentage as 
+			 the percentage of the height of its parent container, which has to be set explicitly.  Initially, 
+			 don't display flashContent div so it won't show if JavaScript disabled.
+		-->
+        <style type="text/css" media="screen"> 
+			html, body	{ height:100%; }
+			body { margin:0; padding:0; overflow:auto; text-align:center; 
+			       background-color: #ffffff; }   
+			#flashContent { display:none; }
+        </style>
+		
+		<!-- Enable Browser History by replacing useBrowserHistory tokens with two hyphens -->
+        <!-- BEGIN Browser History required section >
+        <link rel="stylesheet" type="text/css" href="history/history.css" />
+        <script type="text/javascript" src="history/history.js"></script>
+        <! END Browser History required section -->  
+		    
+        <script type="text/javascript" src="swfobject.js"></script>
+        <script type="text/javascript">
+  	        function loadIntoMain(url) {
+				parent.mainFrame.location.href = url;
+			}
+			
+			function openUrlWindow(url) {
+				window.top.location = url;
+			}
+			
+            <!-- For version detection, set to min. required Flash Player version, or 0 (or 0.0.0), for no version detection. --> 
+            var swfVersionStr = "10.0.0";
+            <!-- To use express install, set to playerProductInstall.swf, otherwise the empty string. -->
+            var xiSwfUrlStr = "playerProductInstall.swf";
+            var flashvars = {};
+            var params = {};
+            params.quality = "high";
+            params.bgcolor = "#ffffff";
+            params.allowscriptaccess = "sameDomain";
+            params.allowfullscreen = "true";
+            var attributes = {};
+            attributes.id = "SourceTree";
+            attributes.name = "SourceTree";
+            attributes.align = "middle";
+            swfobject.embedSWF(
+                "SourceTree.swf", "flashContent", 
+                "100%", "100%", 
+                swfVersionStr, xiSwfUrlStr, 
+                flashvars, params, attributes);
+			<!-- JavaScript enabled so display the flashContent div in case it is not replaced with a swf object. -->
+			swfobject.createCSS("#flashContent", "display:block;text-align:left;");
+        </script>
+    </head>
+    <body>
+        <!-- SWFObject's dynamic embed method replaces this alternative HTML content with Flash content when enough 
+			 JavaScript and Flash plug-in support is available. The div is initially hidden so that it doesn't show
+			 when JavaScript is disabled.
+		-->
+        <div id="flashContent">
+        	<p>
+	        	To view this page ensure that Adobe Flash Player version 
+				10.0.0 or greater is installed. 
+			</p>
+			<script type="text/javascript"> 
+				var pageHost = ((document.location.protocol == "https:") ? "https://" :	"http://"); 
+				document.write("<a href='http://www.adobe.com/go/getflashplayer'><img src='" 
+								+ pageHost + "www.adobe.com/images/shared/download_buttons/get_flash_player.gif' alt='Get Adobe Flash player' /></a>" ); 
+			</script> 
+        </div>
+	   	
+       	<noscript>
+            <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="100%" height="100%" id="SourceTree">
+                <param name="movie" value="SourceTree.swf" />
+                <param name="quality" value="high" />
+                <param name="bgcolor" value="#ffffff" />
+                <param name="allowScriptAccess" value="sameDomain" />
+                <param name="allowFullScreen" value="true" />
+                <!--[if !IE]>-->
+                <object type="application/x-shockwave-flash" data="SourceTree.swf" width="100%" height="100%">
+                    <param name="quality" value="high" />
+                    <param name="bgcolor" value="#ffffff" />
+                    <param name="allowScriptAccess" value="sameDomain" />
+                    <param name="allowFullScreen" value="true" />
+                <!--<![endif]-->
+                <!--[if gte IE 6]>-->
+                	<p> 
+                		Either scripts and active content are not permitted to run or Adobe Flash Player version
+                		10.0.0 or greater is not installed.
+                	</p>
+                <!--<![endif]-->
+                    <a href="http://www.adobe.com/go/getflashplayer">
+                        <img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash Player" />
+                    </a>
+                <!--[if !IE]>-->
+                </object>
+                <!--<![endif]-->
+            </object>
+	    </noscript>		
+   </body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR20/GlobalExceptionHandler/srcview/index.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR20/GlobalExceptionHandler/srcview/index.html b/TourDeFlex/TourDeFlex/src/objects/AIR20/GlobalExceptionHandler/srcview/index.html
new file mode 100644
index 0000000..07fd9e2
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR20/GlobalExceptionHandler/srcview/index.html
@@ -0,0 +1,32 @@
+<!--
+  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.
+-->
+<!-- saved from url=(0014)about:internet -->
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+<title>Source of Sample-AIR2-GlobalExceptionHandler</title>
+</head>
+<frameset cols="235,*" border="2" framespacing="1">
+    <frame src="SourceTree.html" name="leftFrame" scrolling="NO">
+    <frame src="source/sample2.mxml.html" name="mainFrame">
+</frameset>
+<noframes>
+	<body>		
+	</body>
+</noframes>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR20/GlobalExceptionHandler/srcview/source/sample1-app.xml.txt
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR20/GlobalExceptionHandler/srcview/source/sample1-app.xml.txt b/TourDeFlex/TourDeFlex/src/objects/AIR20/GlobalExceptionHandler/srcview/source/sample1-app.xml.txt
new file mode 100644
index 0000000..75a8a24
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR20/GlobalExceptionHandler/srcview/source/sample1-app.xml.txt
@@ -0,0 +1,153 @@
+<?xml version="1.0" encoding="utf-8" standalone="no"?>
+<!--
+
+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.
+
+-->
+<application xmlns="http://ns.adobe.com/air/application/2.0">
+
+<!-- Adobe AIR Application Descriptor File Template.
+
+	Specifies parameters for identifying, installing, and launching AIR applications.
+
+	xmlns - The Adobe AIR namespace: http://ns.adobe.com/air/application/2.0beta
+			The last segment of the namespace specifies the version 
+			of the AIR runtime required for this application to run.
+			
+	minimumPatchLevel - The minimum patch level of the AIR runtime required to run 
+			the application. Optional.
+-->
+
+	<!-- The application identifier string, unique to this application. Required. -->
+	<id>main</id>
+
+	<!-- Used as the filename for the application. Required. -->
+	<filename>main</filename>
+
+	<!-- The name that is displayed in the AIR application installer. 
+	     May have multiple values for each language. See samples or xsd schema file. Optional. -->
+	<name>main</name>
+
+	<!-- An application version designator (such as "v1", "2.5", or "Alpha 1"). Required. -->
+	<version>v1</version>
+
+	<!-- Description, displayed in the AIR application installer.
+	     May have multiple values for each language. See samples or xsd schema file. Optional. -->
+	<!-- <description></description> -->
+
+	<!-- Copyright information. Optional -->
+	<!-- <copyright></copyright> -->
+
+	<!-- Settings for the application's initial window. Required. -->
+	<initialWindow>
+		<!-- The main SWF or HTML file of the application. Required. -->
+		<!-- Note: In Flash Builder, the SWF reference is set automatically. -->
+		<content>[This value will be overwritten by Flash Builder in the output app.xml]</content>
+		
+		<!-- The title of the main window. Optional. -->
+		<!-- <title></title> -->
+
+		<!-- The type of system chrome to use (either "standard" or "none"). Optional. Default standard. -->
+		<!-- <systemChrome></systemChrome> -->
+
+		<!-- Whether the window is transparent. Only applicable when systemChrome is none. Optional. Default false. -->
+		<!-- <transparent></transparent> -->
+
+		<!-- Whether the window is initially visible. Optional. Default false. -->
+		<!-- <visible></visible> -->
+
+		<!-- Whether the user can minimize the window. Optional. Default true. -->
+		<!-- <minimizable></minimizable> -->
+
+		<!-- Whether the user can maximize the window. Optional. Default true. -->
+		<!-- <maximizable></maximizable> -->
+
+		<!-- Whether the user can resize the window. Optional. Default true. -->
+		<!-- <resizable></resizable> -->
+
+		<!-- The window's initial width in pixels. Optional. -->
+		<!-- <width></width> -->
+
+		<!-- The window's initial height in pixels. Optional. -->
+		<!-- <height></height> -->
+
+		<!-- The window's initial x position. Optional. -->
+		<!-- <x></x> -->
+
+		<!-- The window's initial y position. Optional. -->
+		<!-- <y></y> -->
+
+		<!-- The window's minimum size, specified as a width/height pair in pixels, such as "400 200". Optional. -->
+		<!-- <minSize></minSize> -->
+
+		<!-- The window's initial maximum size, specified as a width/height pair in pixels, such as "1600 1200". Optional. -->
+		<!-- <maxSize></maxSize> -->
+	</initialWindow>
+
+	<!-- The subpath of the standard default installation location to use. Optional. -->
+	<!-- <installFolder></installFolder> -->
+
+	<!-- The subpath of the Programs menu to use. (Ignored on operating systems without a Programs menu.) Optional. -->
+	<!-- <programMenuFolder></programMenuFolder> -->
+
+	<!-- The icon the system uses for the application. For at least one resolution,
+		 specify the path to a PNG file included in the AIR package. Optional. -->
+	<!-- <icon>
+		<image16x16></image16x16>
+		<image32x32></image32x32>
+		<image48x48></image48x48>
+		<image128x128></image128x128>
+	</icon> -->
+
+	<!-- Whether the application handles the update when a user double-clicks an update version
+	of the AIR file (true), or the default AIR application installer handles the update (false).
+	Optional. Default false. -->
+	<!-- <customUpdateUI></customUpdateUI> -->
+	
+	<!-- Whether the application can be launched when the user clicks a link in a web browser.
+	Optional. Default false. -->
+	<!-- <allowBrowserInvocation></allowBrowserInvocation> -->
+
+	<!-- Listing of file types for which the application can register. Optional. -->
+	<!-- <fileTypes> -->
+
+		<!-- Defines one file type. Optional. -->
+		<!-- <fileType> -->
+
+			<!-- The name that the system displays for the registered file type. Required. -->
+			<!-- <name></name> -->
+
+			<!-- The extension to register. Required. -->
+			<!-- <extension></extension> -->
+			
+			<!-- The description of the file type. Optional. -->
+			<!-- <description></description> -->
+			
+			<!-- The MIME content type. -->
+			<!-- <contentType></contentType> -->
+			
+			<!-- The icon to display for the file type. Optional. -->
+			<!-- <icon>
+				<image16x16></image16x16>
+				<image32x32></image32x32>
+				<image48x48></image48x48>
+				<image128x128></image128x128>
+			</icon> -->
+			
+		<!-- </fileType> -->
+	<!-- </fileTypes> -->
+
+</application>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR20/GlobalExceptionHandler/srcview/source/sample1.mxml.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR20/GlobalExceptionHandler/srcview/source/sample1.mxml.html b/TourDeFlex/TourDeFlex/src/objects/AIR20/GlobalExceptionHandler/srcview/source/sample1.mxml.html
new file mode 100644
index 0000000..bd566fb
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR20/GlobalExceptionHandler/srcview/source/sample1.mxml.html
@@ -0,0 +1,72 @@
+<!--
+  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.
+-->
+<!-- saved from url=(0014)about:internet -->
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+<title>sample1.mxml</title>
+<link rel="stylesheet" type="text/css" href="../SourceStyles.css"/>
+</head>
+
+<body><pre><span class="MXMLProcessing_Instruction">&lt;?xml version="1.0" encoding="utf-8"?&gt;</span>
+<span class="MXMLComponent_Tag">&lt;s:WindowedApplication</span><span class="MXMLDefault_Text"> xmlns:fx="</span><span class="MXMLString">http://ns.adobe.com/mxml/2009</span><span class="MXMLDefault_Text">" 
+                       xmlns:s="</span><span class="MXMLString">library://ns.adobe.com/flex/spark</span><span class="MXMLDefault_Text">" 
+                       xmlns:mx="</span><span class="MXMLString">library://ns.adobe.com/flex/mx</span><span class="MXMLDefault_Text">" 
+                       creationComplete="</span><span class="ActionScriptDefault_Text">init</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span><span class="MXMLDefault_Text">"
+                       styleName="</span><span class="MXMLString">plain</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" height="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+    <span class="MXMLSpecial_Tag">&lt;fx:Script&gt;</span>
+        &lt;![CDATA[
+            <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">flash</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">events</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">UncaughtErrorEvent</span>;
+            
+            <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">mx</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">controls</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">Alert</span>;
+            <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">mx</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">events</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">FlexEvent</span>;
+        
+            <span class="ActionScriptReserved">private</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">init</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
+            <span class="ActionScriptBracket/Brace">{</span>
+                <span class="ActionScriptDefault_Text">loaderInfo</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">uncaughtErrorEvents</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">addEventListener</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">UncaughtErrorEvent</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">UNCAUGHT_ERROR</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">errorHandler</span><span class="ActionScriptBracket/Brace">)</span>;
+            <span class="ActionScriptBracket/Brace">}</span>
+                
+            <span class="ActionScriptReserved">private</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">errorHandler</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">e</span>:<span class="ActionScriptDefault_Text">UncaughtErrorEvent</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span> <span class="ActionScriptBracket/Brace">{</span>
+                <span class="ActionScriptDefault_Text">e</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">preventDefault</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptDefault_Text">Alert</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">show</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">"An error has occurred and been caught by the global error handler: "</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptDefault_Text">e</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">error</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">toString</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptString">"My Global Error Handler"</span><span class="ActionScriptBracket/Brace">)</span>;
+            <span class="ActionScriptBracket/Brace">}</span>
+            
+            <span class="ActionScriptReserved">private</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">overflow</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
+            <span class="ActionScriptBracket/Brace">{</span>
+                <span class="ActionScriptDefault_Text">overflow</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
+            <span class="ActionScriptBracket/Brace">}</span>
+            
+        <span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptOperator">&gt;</span>
+    <span class="MXMLSpecial_Tag">&lt;/fx:Script&gt;</span>
+    
+    <span class="MXMLComponent_Tag">&lt;s:Panel</span><span class="MXMLDefault_Text"> width="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" height="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" skinClass="</span><span class="MXMLString">skins.TDFPanelSkin</span><span class="MXMLDefault_Text">" title="</span><span class="MXMLString">Global Error Handler Sample</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;s:VGroup</span><span class="MXMLDefault_Text"> top="</span><span class="MXMLString">30</span><span class="MXMLDefault_Text">" left="</span><span class="MXMLString">30</span><span class="MXMLDefault_Text">" right="</span><span class="MXMLString">30</span><span class="MXMLDefault_Text">" gap="</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;s:Label</span><span class="MXMLDefault_Text"> verticalAlign="</span><span class="MXMLString">justify</span><span class="MXMLDefault_Text">" color="</span><span class="MXMLString">#323232</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">85%</span><span class="MXMLDefault_Text">"
+                     text="</span><span class="MXMLString">The Global Error Handler provides a means for you to catch errors at a global level, so you can now catch and handle runtime
+errors that may occur such as a stack overflow. This allows those running the Flash Player runtime version to be notified of the problem through proper handling.
+In this sample an endless loop is intentionally created to cause a stack overflow error to occur. The error is then caught and an alert is shown.</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;s:Label</span><span class="MXMLDefault_Text"> text="</span><span class="MXMLString">Click on the button below to create a stack overflow error:</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;s:HGroup&gt;</span>
+                <span class="MXMLComponent_Tag">&lt;s:Button</span><span class="MXMLDefault_Text"> label="</span><span class="MXMLString">Invoke Stack Overflow</span><span class="MXMLDefault_Text">" click="</span><span class="ActionScriptDefault_Text">overflow</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;/s:HGroup&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;/s:VGroup&gt;</span>
+                
+    <span class="MXMLComponent_Tag">&lt;/s:Panel&gt;</span>
+
+<span class="MXMLComponent_Tag">&lt;/s:WindowedApplication&gt;</span></pre></body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR20/GlobalExceptionHandler/srcview/source/sample2-app.xml.txt
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR20/GlobalExceptionHandler/srcview/source/sample2-app.xml.txt b/TourDeFlex/TourDeFlex/src/objects/AIR20/GlobalExceptionHandler/srcview/source/sample2-app.xml.txt
new file mode 100644
index 0000000..3bd1b54
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR20/GlobalExceptionHandler/srcview/source/sample2-app.xml.txt
@@ -0,0 +1,153 @@
+<?xml version="1.0" encoding="utf-8" standalone="no"?>
+<!--
+
+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.
+
+-->
+<application xmlns="http://ns.adobe.com/air/application/2.0">
+
+<!-- Adobe AIR Application Descriptor File Template.
+
+	Specifies parameters for identifying, installing, and launching AIR applications.
+
+	xmlns - The Adobe AIR namespace: http://ns.adobe.com/air/application/2.0beta
+			The last segment of the namespace specifies the version 
+			of the AIR runtime required for this application to run.
+			
+	minimumPatchLevel - The minimum patch level of the AIR runtime required to run 
+			the application. Optional.
+-->
+
+	<!-- The application identifier string, unique to this application. Required. -->
+	<id>sample2</id>
+
+	<!-- Used as the filename for the application. Required. -->
+	<filename>sample2</filename>
+
+	<!-- The name that is displayed in the AIR application installer. 
+	     May have multiple values for each language. See samples or xsd schema file. Optional. -->
+	<name>sample2</name>
+
+	<!-- An application version designator (such as "v1", "2.5", or "Alpha 1"). Required. -->
+	<version>v1</version>
+
+	<!-- Description, displayed in the AIR application installer.
+	     May have multiple values for each language. See samples or xsd schema file. Optional. -->
+	<!-- <description></description> -->
+
+	<!-- Copyright information. Optional -->
+	<!-- <copyright></copyright> -->
+
+	<!-- Settings for the application's initial window. Required. -->
+	<initialWindow>
+		<!-- The main SWF or HTML file of the application. Required. -->
+		<!-- Note: In Flash Builder, the SWF reference is set automatically. -->
+		<content>[This value will be overwritten by Flash Builder in the output app.xml]</content>
+		
+		<!-- The title of the main window. Optional. -->
+		<!-- <title></title> -->
+
+		<!-- The type of system chrome to use (either "standard" or "none"). Optional. Default standard. -->
+		<!-- <systemChrome></systemChrome> -->
+
+		<!-- Whether the window is transparent. Only applicable when systemChrome is none. Optional. Default false. -->
+		<!-- <transparent></transparent> -->
+
+		<!-- Whether the window is initially visible. Optional. Default false. -->
+		<!-- <visible></visible> -->
+
+		<!-- Whether the user can minimize the window. Optional. Default true. -->
+		<!-- <minimizable></minimizable> -->
+
+		<!-- Whether the user can maximize the window. Optional. Default true. -->
+		<!-- <maximizable></maximizable> -->
+
+		<!-- Whether the user can resize the window. Optional. Default true. -->
+		<!-- <resizable></resizable> -->
+
+		<!-- The window's initial width in pixels. Optional. -->
+		<!-- <width></width> -->
+
+		<!-- The window's initial height in pixels. Optional. -->
+		<!-- <height></height> -->
+
+		<!-- The window's initial x position. Optional. -->
+		<!-- <x></x> -->
+
+		<!-- The window's initial y position. Optional. -->
+		<!-- <y></y> -->
+
+		<!-- The window's minimum size, specified as a width/height pair in pixels, such as "400 200". Optional. -->
+		<!-- <minSize></minSize> -->
+
+		<!-- The window's initial maximum size, specified as a width/height pair in pixels, such as "1600 1200". Optional. -->
+		<!-- <maxSize></maxSize> -->
+	</initialWindow>
+
+	<!-- The subpath of the standard default installation location to use. Optional. -->
+	<!-- <installFolder></installFolder> -->
+
+	<!-- The subpath of the Programs menu to use. (Ignored on operating systems without a Programs menu.) Optional. -->
+	<!-- <programMenuFolder></programMenuFolder> -->
+
+	<!-- The icon the system uses for the application. For at least one resolution,
+		 specify the path to a PNG file included in the AIR package. Optional. -->
+	<!-- <icon>
+		<image16x16></image16x16>
+		<image32x32></image32x32>
+		<image48x48></image48x48>
+		<image128x128></image128x128>
+	</icon> -->
+
+	<!-- Whether the application handles the update when a user double-clicks an update version
+	of the AIR file (true), or the default AIR application installer handles the update (false).
+	Optional. Default false. -->
+	<!-- <customUpdateUI></customUpdateUI> -->
+	
+	<!-- Whether the application can be launched when the user clicks a link in a web browser.
+	Optional. Default false. -->
+	<!-- <allowBrowserInvocation></allowBrowserInvocation> -->
+
+	<!-- Listing of file types for which the application can register. Optional. -->
+	<!-- <fileTypes> -->
+
+		<!-- Defines one file type. Optional. -->
+		<!-- <fileType> -->
+
+			<!-- The name that the system displays for the registered file type. Required. -->
+			<!-- <name></name> -->
+
+			<!-- The extension to register. Required. -->
+			<!-- <extension></extension> -->
+			
+			<!-- The description of the file type. Optional. -->
+			<!-- <description></description> -->
+			
+			<!-- The MIME content type. -->
+			<!-- <contentType></contentType> -->
+			
+			<!-- The icon to display for the file type. Optional. -->
+			<!-- <icon>
+				<image16x16></image16x16>
+				<image32x32></image32x32>
+				<image48x48></image48x48>
+				<image128x128></image128x128>
+			</icon> -->
+			
+		<!-- </fileType> -->
+	<!-- </fileTypes> -->
+
+</application>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR20/GlobalExceptionHandler/srcview/source/sample2.mxml.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR20/GlobalExceptionHandler/srcview/source/sample2.mxml.html b/TourDeFlex/TourDeFlex/src/objects/AIR20/GlobalExceptionHandler/srcview/source/sample2.mxml.html
new file mode 100644
index 0000000..545fb92
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR20/GlobalExceptionHandler/srcview/source/sample2.mxml.html
@@ -0,0 +1,88 @@
+<!--
+  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.
+-->
+<!-- saved from url=(0014)about:internet -->
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+<title>sample2.mxml</title>
+<link rel="stylesheet" type="text/css" href="../SourceStyles.css"/>
+</head>
+
+<body><pre><span class="MXMLProcessing_Instruction">&lt;?xml version="1.0" encoding="utf-8"?&gt;</span>
+<span class="MXMLComponent_Tag">&lt;s:WindowedApplication</span><span class="MXMLDefault_Text"> xmlns:fx="</span><span class="MXMLString">http://ns.adobe.com/mxml/2009</span><span class="MXMLDefault_Text">" 
+                       xmlns:s="</span><span class="MXMLString">library://ns.adobe.com/flex/spark</span><span class="MXMLDefault_Text">" 
+                       xmlns:mx="</span><span class="MXMLString">library://ns.adobe.com/flex/mx</span><span class="MXMLDefault_Text">" 
+                       creationComplete="</span><span class="ActionScriptDefault_Text">init</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span><span class="MXMLDefault_Text">"
+                       styleName="</span><span class="MXMLString">plain</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" height="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+    
+    <span class="MXMLSpecial_Tag">&lt;fx:Script&gt;</span>
+        &lt;![CDATA[
+            <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">flash</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">events</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">UncaughtErrorEvent</span>;
+            
+            <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">mx</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">controls</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">Alert</span>;
+            <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">mx</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">events</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">FlexEvent</span>;
+            
+            <span class="ActionScriptReserved">private</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">init</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
+            <span class="ActionScriptBracket/Brace">{</span>
+                <span class="ActionScriptDefault_Text">loaderInfo</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">uncaughtErrorEvents</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">addEventListener</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">UncaughtErrorEvent</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">UNCAUGHT_ERROR</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">errorHandler</span><span class="ActionScriptBracket/Brace">)</span>;
+            <span class="ActionScriptBracket/Brace">}</span>
+            
+            <span class="ActionScriptReserved">private</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">errorHandler</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">e</span>:<span class="ActionScriptDefault_Text">UncaughtErrorEvent</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span> <span class="ActionScriptBracket/Brace">{</span>
+                <span class="ActionScriptDefault_Text">e</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">preventDefault</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptDefault_Text">Alert</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">show</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">"An error has occurred and been caught by the global error handler: "</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptDefault_Text">e</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">error</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">toString</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptString">"My Global Error Handler"</span><span class="ActionScriptBracket/Brace">)</span>;
+            <span class="ActionScriptBracket/Brace">}</span>
+            
+            <span class="ActionScriptReserved">private</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">loadFileWithHandling</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
+            <span class="ActionScriptBracket/Brace">{</span>
+                <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">f</span>:<span class="ActionScriptDefault_Text">File</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">File</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">documentsDirectory</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">resolvePath</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">"http://tourdeflex.adobe.com/file-that-doesnt-exist.txt"</span><span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptComment">// The above file did not load, so when we try to access a property on it an error will be thrown
+</span>                <span class="ActionScriptReserved">try</span> <span class="ActionScriptBracket/Brace">{</span>
+                    <span class="ActionScriptDefault_Text">Alert</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">show</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">"File "</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptDefault_Text">f</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">creationDate</span><span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptBracket/Brace">}</span>
+                <span class="ActionScriptReserved">catch</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">ex</span>:<span class="ActionScriptDefault_Text">Error</span><span class="ActionScriptBracket/Brace">)</span>
+                <span class="ActionScriptBracket/Brace">{</span>
+                    <span class="ActionScriptDefault_Text">Alert</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">show</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">"Error occurred loading files: "</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptDefault_Text">ex</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">message</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptString">"My Specific File Loading Handler"</span><span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptBracket/Brace">}</span>
+            <span class="ActionScriptBracket/Brace">}</span>
+            
+            <span class="ActionScriptReserved">private</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">loadFileWithoutHandling</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
+            <span class="ActionScriptBracket/Brace">{</span>
+                <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">f</span>:<span class="ActionScriptDefault_Text">File</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">File</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">documentsDirectory</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">resolvePath</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">"http://tourdeflex.adobe.com/file-that-doesnt-exist.txt"</span><span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptComment">// The above file did not load, so when a property is accessed an error will be thrown
+</span>                <span class="ActionScriptDefault_Text">Alert</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">show</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">"File creation date "</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptDefault_Text">f</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">creationDate</span><span class="ActionScriptBracket/Brace">)</span>;
+            <span class="ActionScriptBracket/Brace">}</span>
+        <span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptOperator">&gt;</span>
+    <span class="MXMLSpecial_Tag">&lt;/fx:Script&gt;</span>
+    
+    <span class="MXMLComponent_Tag">&lt;s:Panel</span><span class="MXMLDefault_Text"> width="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" height="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" skinClass="</span><span class="MXMLString">skins.TDFPanelSkin</span><span class="MXMLDefault_Text">" title="</span><span class="MXMLString">Global Error Handler Sample</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;s:VGroup</span><span class="MXMLDefault_Text"> top="</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">" left="</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">" gap="</span><span class="MXMLString">12</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;s:Label</span><span class="MXMLDefault_Text"> width="</span><span class="MXMLString">400</span><span class="MXMLDefault_Text">" verticalAlign="</span><span class="MXMLString">justify</span><span class="MXMLDefault_Text">" color="</span><span class="MXMLString">#323232</span><span class="MXMLDefault_Text">" 
+                     text="</span><span class="MXMLString">This sample for showing the Global Error Handling feature tries to load various files from remote locations that it assumes
+are there. In the case where one might have been deleted or corrupt, the error is now caught. Note: any error that is not surrounded by try/catch that occurs
+can be handled in this manner where you have one global error handler for all uncaught errors.</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;s:Label</span><span class="MXMLDefault_Text"> bottom="</span><span class="MXMLString">200</span><span class="MXMLDefault_Text">" left="</span><span class="MXMLString">40</span><span class="MXMLDefault_Text">" text="</span><span class="MXMLString">Click on the buttons below to create an error to be handled:</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;s:HGroup</span><span class="MXMLDefault_Text"> bottom="</span><span class="MXMLString">170</span><span class="MXMLDefault_Text">" left="</span><span class="MXMLString">40</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+                <span class="MXMLComponent_Tag">&lt;s:Button</span><span class="MXMLDefault_Text"> label="</span><span class="MXMLString">Load File with error handling</span><span class="MXMLDefault_Text">" click="</span><span class="ActionScriptDefault_Text">loadFileWithHandling</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+                <span class="MXMLComponent_Tag">&lt;s:Button</span><span class="MXMLDefault_Text"> label="</span><span class="MXMLString">Load File without error handling</span><span class="MXMLDefault_Text">" click="</span><span class="ActionScriptDefault_Text">loadFileWithoutHandling</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;/s:HGroup&gt;</span>    
+        <span class="MXMLComponent_Tag">&lt;/s:VGroup&gt;</span>
+            
+    <span class="MXMLComponent_Tag">&lt;/s:Panel&gt;</span>
+    
+<span class="MXMLComponent_Tag">&lt;/s:WindowedApplication&gt;</span></pre></body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR20/GlobalExceptionHandler/srcview/source/skins/TDFPanelSkin.mxml.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR20/GlobalExceptionHandler/srcview/source/skins/TDFPanelSkin.mxml.html b/TourDeFlex/TourDeFlex/src/objects/AIR20/GlobalExceptionHandler/srcview/source/skins/TDFPanelSkin.mxml.html
new file mode 100644
index 0000000..df79d11
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR20/GlobalExceptionHandler/srcview/source/skins/TDFPanelSkin.mxml.html
@@ -0,0 +1,147 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+<head>
+  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+  <meta http-equiv="Content-Style-Type" content="text/css">
+  <title>TDFPanelSkin.mxml</title>
+  <meta name="Generator" content="Cocoa HTML Writer">
+  <meta name="CocoaVersion" content="1187.4">
+  <style type="text/css">
+    p.p1 {margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Courier}
+    p.p2 {margin: 0.0px 0.0px 0.0px 0.0px; font: 11.0px Monaco; color: #941100}
+    p.p3 {margin: 0.0px 0.0px 0.0px 0.0px; font: 11.0px Monaco; min-height: 15.0px}
+    p.p4 {margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Courier; min-height: 14.0px}
+  </style>
+</head>
+<body>
+<p class="p1">&lt;?xml version="1.0" encoding="utf-8"?&gt;</p>
+<p class="p2">&lt;!--</p>
+<p class="p3"><br></p>
+<p class="p2">Licensed to the Apache Software Foundation (ASF) under one or more</p>
+<p class="p2">contributor license agreements.<span class="Apple-converted-space">  </span>See the NOTICE file distributed with</p>
+<p class="p2">this work for additional information regarding copyright ownership.</p>
+<p class="p2">The ASF licenses this file to You under the Apache License, Version 2.0</p>
+<p class="p2">(the "License"); you may not use this file except in compliance with</p>
+<p class="p2">the License.<span class="Apple-converted-space">  </span>You may obtain a copy of the License at</p>
+<p class="p3"><br></p>
+<p class="p2">http://www.apache.org/licenses/LICENSE-2.0</p>
+<p class="p3"><br></p>
+<p class="p2">Unless required by applicable law or agreed to in writing, software</p>
+<p class="p2">distributed under the License is distributed on an "AS IS" BASIS,</p>
+<p class="p2">WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.</p>
+<p class="p2">See the License for the specific language governing permissions and</p>
+<p class="p2">limitations under the License.</p>
+<p class="p3"><br></p>
+<p class="p2">--&gt;</p>
+<p class="p4"><br></p>
+<p class="p1">&lt;s:Skin xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark"<span class="Apple-converted-space"> </span></p>
+<p class="p1"><span class="Apple-converted-space">        </span>alpha.disabled="0.5" minWidth="131" minHeight="127"&gt;</p>
+<p class="p4"><span class="Apple-converted-space">    </span></p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;fx:Metadata&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>[HostComponent("spark.components.Panel")]</p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;/fx:Metadata&gt;<span class="Apple-converted-space"> </span></p>
+<p class="p4"><span class="Apple-converted-space">    </span></p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;s:states&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:State name="normal" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:State name="disabled" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:State name="normalWithControlBar" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:State name="disabledWithControlBar" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;/s:states&gt;</p>
+<p class="p4"><span class="Apple-converted-space">    </span></p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;!-- drop shadow --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;s:Rect left="0" top="0" right="0" bottom="0"&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:filters&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:DropShadowFilter blurX="15" blurY="15" alpha="0.18" distance="11" angle="90" knockout="true" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;/s:filters&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:SolidColor color="0" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;/s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;/s:Rect&gt;</p>
+<p class="p4"><span class="Apple-converted-space">    </span></p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;!-- layer 1: border --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;s:Rect left="0" right="0" top="0" bottom="0"&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:stroke&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:SolidColorStroke color="0" alpha="0.50" weight="1" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;/s:stroke&gt;</p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;/s:Rect&gt;</p>
+<p class="p4"><span class="Apple-converted-space">    </span></p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;!-- layer 2: background fill --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;s:Rect left="0" right="0" bottom="0" height="15"&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:LinearGradient rotation="90"&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;s:GradientEntry color="0xE2E2E2" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;s:GradientEntry color="0x000000" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;/s:LinearGradient&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;/s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;/s:Rect&gt;</p>
+<p class="p4"><span class="Apple-converted-space">    </span></p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;!-- layer 3: contents --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;s:Group left="1" right="1" top="1" bottom="1" &gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:layout&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:VerticalLayout gap="0" horizontalAlign="justify" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;/s:layout&gt;</p>
+<p class="p4"><span class="Apple-converted-space">        </span></p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:Group id="topGroup" &gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;!-- layer 0: title bar fill --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;!-- Note: We have custom skinned the title bar to be solid black for Tour de Flex --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:Rect id="tbFill" left="0" right="0" top="0" bottom="1" &gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                    </span>&lt;s:SolidColor color="0x000000" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;/s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;/s:Rect&gt;</p>
+<p class="p4"><span class="Apple-converted-space">            </span></p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;!-- layer 1: title bar highlight --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:Rect id="tbHilite" left="0" right="0" top="0" bottom="0" &gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;s:stroke&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                    </span>&lt;s:LinearGradientStroke rotation="90" weight="1"&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                        </span>&lt;s:GradientEntry color="0xEAEAEA" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                        </span>&lt;s:GradientEntry color="0xD9D9D9" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                    </span>&lt;/s:LinearGradientStroke&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;/s:stroke&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;/s:Rect&gt;</p>
+<p class="p4"><span class="Apple-converted-space">            </span></p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;!-- layer 2: title bar divider --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:Rect id="tbDiv" left="0" right="0" height="1" bottom="0"&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                    </span>&lt;s:SolidColor color="0xC0C0C0" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;/s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;/s:Rect&gt;</p>
+<p class="p4"><span class="Apple-converted-space">            </span></p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;!-- layer 3: text --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:Label id="titleDisplay" maxDisplayedLines="1"</p>
+<p class="p1"><span class="Apple-converted-space">                     </span>left="9" right="3" top="1" minHeight="30"</p>
+<p class="p1"><span class="Apple-converted-space">                     </span>verticalAlign="middle" fontWeight="bold" color="#E2E2E2"&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;/s:Label&gt;</p>
+<p class="p4"><span class="Apple-converted-space">            </span></p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;/s:Group&gt;</p>
+<p class="p4"><span class="Apple-converted-space">        </span></p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:Group id="contentGroup" width="100%" height="100%" minWidth="0" minHeight="0"&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;/s:Group&gt;</p>
+<p class="p4"><span class="Apple-converted-space">        </span></p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:Group id="bottomGroup" minWidth="0" minHeight="0"</p>
+<p class="p1"><span class="Apple-converted-space">                 </span>includeIn="normalWithControlBar, disabledWithControlBar" &gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;!-- layer 0: control bar background --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:Rect left="0" right="0" bottom="0" top="1" &gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                    </span>&lt;s:SolidColor color="0xE2EdF7" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;/s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;/s:Rect&gt;</p>
+<p class="p4"><span class="Apple-converted-space">            </span></p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;!-- layer 1: control bar divider line --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:Rect left="0" right="0" top="0" height="1" &gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                    </span>&lt;s:SolidColor color="0xD1E0F2" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;/s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;/s:Rect&gt;</p>
+<p class="p4"><span class="Apple-converted-space">            </span></p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;!-- layer 2: control bar --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:Group id="controlBarGroup" left="0" right="0" top="1" bottom="1" minWidth="0" minHeight="0"&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;s:layout&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                    </span>&lt;s:HorizontalLayout paddingLeft="10" paddingRight="10" paddingTop="7" paddingBottom="7" gap="10" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;/s:layout&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;/s:Group&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;/s:Group&gt;</p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;/s:Group&gt;</p>
+<p class="p1">&lt;/s:Skin&gt;</p>
+</body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR20/Globalization/CurrencyFormatterSample.mxml.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR20/Globalization/CurrencyFormatterSample.mxml.html b/TourDeFlex/TourDeFlex/src/objects/AIR20/Globalization/CurrencyFormatterSample.mxml.html
new file mode 100644
index 0000000..42e9da9
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR20/Globalization/CurrencyFormatterSample.mxml.html
@@ -0,0 +1,116 @@
+<!--
+  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.
+-->
+<!-- saved from url=(0014)about:internet -->
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+<title>CurrencyFormatterSample.mxml</title>
+<link rel="stylesheet" type="text/css" href="../SourceStyles.css"/>
+</head>
+
+<body><pre><span class="MXMLProcessing_Instruction">&lt;?xml version="1.0" encoding="utf-8"?&gt;</span>
+<span class="MXMLComponent_Tag">&lt;s:WindowedApplication</span><span class="MXMLDefault_Text"> xmlns:fx="</span><span class="MXMLString">http://ns.adobe.com/mxml/2009</span><span class="MXMLDefault_Text">" 
+                       xmlns:s="</span><span class="MXMLString">library://ns.adobe.com/flex/spark</span><span class="MXMLDefault_Text">" 
+                       xmlns:mx="</span><span class="MXMLString">library://ns.adobe.com/flex/mx</span><span class="MXMLDefault_Text">" 
+                       styleName="</span><span class="MXMLString">plain</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" height="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+    
+    <span class="MXMLSpecial_Tag">&lt;fx:Declarations&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;s:RadioButtonGroup</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">radioGrp</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+    <span class="MXMLSpecial_Tag">&lt;/fx:Declarations&gt;</span>
+    
+    <span class="MXMLSpecial_Tag">&lt;fx:Script&gt;</span>
+        &lt;![CDATA[
+            <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">flash</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">globalization</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">CurrencyFormatter</span>;
+            <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">flash</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">globalization</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">DateTimeFormatter</span>;
+            <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">flash</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">globalization</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">LocaleID</span>;
+            
+            <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">mx</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">collections</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">ArrayCollection</span>;
+            
+            <span class="ActionScriptReserved">protected</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">cf</span>:<span class="ActionScriptDefault_Text">CurrencyFormatter</span>; 
+            <span class="ActionScriptReserved">protected</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">dtf</span>:<span class="ActionScriptDefault_Text">DateTimeFormatter</span>;
+            <span class="ActionScriptReserved">protected</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">date</span>:<span class="ActionScriptDefault_Text">Date</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">Date</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
+            
+            <span class="ActionScriptBracket/Brace">[</span><span class="ActionScriptMetadata">Bindable</span><span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptReserved">protected</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">locales</span>:<span class="ActionScriptDefault_Text">ArrayCollection</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">ArrayCollection</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">[</span>
+                <span class="ActionScriptBracket/Brace">{</span><span class="ActionScriptDefault_Text">label</span>:<span class="ActionScriptString">"Default Locale"</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">data</span>:<span class="ActionScriptDefault_Text">LocaleID</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">DEFAULT</span><span class="ActionScriptBracket/Brace">}</span><span class="ActionScriptOperator">,</span>
+                <span class="ActionScriptBracket/Brace">{</span><span class="ActionScriptDefault_Text">label</span>:<span class="ActionScriptString">"Swedish"</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">data</span>:<span class="ActionScriptString">"sv_SE"</span><span class="ActionScriptBracket/Brace">}</span><span class="ActionScriptOperator">,</span> 
+                <span class="ActionScriptBracket/Brace">{</span><span class="ActionScriptDefault_Text">label</span>:<span class="ActionScriptString">"Dutch"</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">data</span>:<span class="ActionScriptString">"nl_NL"</span><span class="ActionScriptBracket/Brace">}</span><span class="ActionScriptOperator">,</span>
+                <span class="ActionScriptBracket/Brace">{</span><span class="ActionScriptDefault_Text">label</span>:<span class="ActionScriptString">"French"</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">data</span>:<span class="ActionScriptString">"fr_FR"</span><span class="ActionScriptBracket/Brace">}</span><span class="ActionScriptOperator">,</span>
+                <span class="ActionScriptBracket/Brace">{</span><span class="ActionScriptDefault_Text">label</span>:<span class="ActionScriptString">"German"</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">data</span>:<span class="ActionScriptString">"de_DE"</span><span class="ActionScriptBracket/Brace">}</span><span class="ActionScriptOperator">,</span>
+                <span class="ActionScriptBracket/Brace">{</span><span class="ActionScriptDefault_Text">label</span>:<span class="ActionScriptString">"Japanese"</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">data</span>:<span class="ActionScriptString">"ja_JP"</span><span class="ActionScriptBracket/Brace">}</span><span class="ActionScriptOperator">,</span> 
+                <span class="ActionScriptBracket/Brace">{</span><span class="ActionScriptDefault_Text">label</span>:<span class="ActionScriptString">"Korean"</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">data</span>:<span class="ActionScriptString">"ko_KR"</span><span class="ActionScriptBracket/Brace">}</span><span class="ActionScriptOperator">,</span> 
+                <span class="ActionScriptBracket/Brace">{</span><span class="ActionScriptDefault_Text">label</span>:<span class="ActionScriptString">"US-English"</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">data</span>:<span class="ActionScriptString">"en_US"</span><span class="ActionScriptBracket/Brace">}</span><span class="ActionScriptOperator">,</span>
+            <span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptBracket/Brace">)</span>;
+            
+            <span class="ActionScriptReserved">protected</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">formatCurrency</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
+            <span class="ActionScriptBracket/Brace">{</span>
+                <span class="ActionScriptDefault_Text">ta</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptString">""</span>;
+                <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">locale</span>:<span class="ActionScriptDefault_Text">String</span>;
+                
+                <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">ddl</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">selectedIndex</span> <span class="ActionScriptOperator">==</span> <span class="ActionScriptOperator">-</span>1<span class="ActionScriptBracket/Brace">)</span>
+                    <span class="ActionScriptDefault_Text">locale</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">LocaleID</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">DEFAULT</span>;
+                <span class="ActionScriptReserved">else</span> <span class="ActionScriptDefault_Text">locale</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">ddl</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">selectedItem</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">data</span>
+                    
+                <span class="ActionScriptDefault_Text">cf</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">CurrencyFormatter</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">locale</span><span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptDefault_Text">ta</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span> <span class="ActionScriptOperator">+=</span> <span class="ActionScriptString">"Locale selected: "</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptDefault_Text">locale</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptString">" - Actual locale name: "</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptDefault_Text">cf</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">actualLocaleIDName</span><span class="ActionScriptOperator">+</span><span class="ActionScriptString">"\n"</span>;
+                <span class="ActionScriptDefault_Text">ta</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span> <span class="ActionScriptOperator">+=</span> <span class="ActionScriptString">"\nCurrency Symbol: "</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptDefault_Text">cf</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">currencySymbol</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptString">" Currency ISO Code: "</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptDefault_Text">cf</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">currencyISOCode</span> ;
+                
+                <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">num</span>:<span class="ActionScriptDefault_Text">Number</span> <span class="ActionScriptOperator">=</span> 0;
+                <span class="ActionScriptDefault_Text">num</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">Number</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">curr</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span><span class="ActionScriptBracket/Brace">)</span>;
+                
+                <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">radioGrp</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">selectedValue</span> <span class="ActionScriptOperator">==</span> <span class="ActionScriptString">"Format by Symbol"</span><span class="ActionScriptBracket/Brace">)</span>
+                <span class="ActionScriptBracket/Brace">{</span>
+                    <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">cf</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">formattingWithCurrencySymbolIsSafe</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">cf</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">currencyISOCode</span><span class="ActionScriptBracket/Brace">)</span><span class="ActionScriptBracket/Brace">)</span>
+                    <span class="ActionScriptBracket/Brace">{</span>
+                        <span class="ActionScriptDefault_Text">ta</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span> <span class="ActionScriptOperator">+=</span> <span class="ActionScriptString">"\nFormat using Symbol: "</span><span class="ActionScriptOperator">+</span>  <span class="ActionScriptDefault_Text">cf</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">format</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">num</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptReserved">true</span><span class="ActionScriptBracket/Brace">)</span>;
+                    <span class="ActionScriptBracket/Brace">}</span>
+                    <span class="ActionScriptReserved">else</span> <span class="ActionScriptDefault_Text">ta</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span> <span class="ActionScriptOperator">+=</span> <span class="ActionScriptString">"\nFormat using symbol is not safe. Format by ISO code instead"</span>;
+                <span class="ActionScriptBracket/Brace">}</span>
+                <span class="ActionScriptReserved">else</span>
+                <span class="ActionScriptBracket/Brace">{</span>
+                    <span class="ActionScripttrace">trace</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">"Num "</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptDefault_Text">num</span><span class="ActionScriptBracket/Brace">)</span>;
+                    <span class="ActionScriptDefault_Text">ta</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span> <span class="ActionScriptOperator">+=</span> <span class="ActionScriptString">"\nFormat using ISO Code: "</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptDefault_Text">cf</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">format</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">num</span><span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptBracket/Brace">}</span>
+                <span class="ActionScriptDefault_Text">ta</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span> <span class="ActionScriptOperator">+=</span> <span class="ActionScriptString">"\n\n\nLast Operation Status: "</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptDefault_Text">cf</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">lastOperationStatus</span>;
+            <span class="ActionScriptBracket/Brace">}</span>
+        <span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptOperator">&gt;</span>
+    <span class="MXMLSpecial_Tag">&lt;/fx:Script&gt;</span>
+    
+    <span class="MXMLComponent_Tag">&lt;s:Panel</span><span class="MXMLDefault_Text"> skinClass="</span><span class="MXMLString">skins.TDFPanelSkin</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" height="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" title="</span><span class="MXMLString">Currency Formatting by Locale</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;s:VGroup</span><span class="MXMLDefault_Text"> left="</span><span class="MXMLString">12</span><span class="MXMLDefault_Text">" top="</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;s:Label</span><span class="MXMLDefault_Text"> text="</span><span class="MXMLString">Enter currency to format (for example: 1206.99):</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;s:TextInput</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">curr</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;s:Label</span><span class="MXMLDefault_Text"> text="</span><span class="MXMLString">Select to format currency by symbol or ISO code:</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;s:HGroup&gt;</span>
+                <span class="MXMLComponent_Tag">&lt;s:RadioButton</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">bySymbol</span><span class="MXMLDefault_Text">" groupName="</span><span class="MXMLString">radioGrp</span><span class="MXMLDefault_Text">" label="</span><span class="MXMLString">Format by Symbol</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+                <span class="MXMLComponent_Tag">&lt;s:RadioButton</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">byISO</span><span class="MXMLDefault_Text">" groupName="</span><span class="MXMLString">radioGrp</span><span class="MXMLDefault_Text">" label="</span><span class="MXMLString">Format by ISO</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;/s:HGroup&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;s:DropDownList</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">ddl</span><span class="MXMLDefault_Text">" dataProvider="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">locales</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">" prompt="</span><span class="MXMLString">Select locale...</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">200</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;s:Button</span><span class="MXMLDefault_Text"> label="</span><span class="MXMLString">Format Currency</span><span class="MXMLDefault_Text">" click="</span><span class="ActionScriptDefault_Text">formatCurrency</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;/s:VGroup&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;s:VGroup</span><span class="MXMLDefault_Text"> top="</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">" right="</span><span class="MXMLString">20</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;s:Label</span><span class="MXMLDefault_Text"> text="</span><span class="MXMLString">Console:</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;s:TextArea</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">ta</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">350</span><span class="MXMLDefault_Text">" height="</span><span class="MXMLString">120</span><span class="MXMLDefault_Text">" editable="</span><span class="MXMLString">false</span><span class="MXMLDefault_Text">" </span><span class="MXMLComponent_Tag">/&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;/s:VGroup&gt;</span>        
+        <span class="MXMLComponent_Tag">&lt;s:Label</span><span class="MXMLDefault_Text"> width="</span><span class="MXMLString">95%</span><span class="MXMLDefault_Text">" verticalAlign="</span><span class="MXMLString">justify</span><span class="MXMLDefault_Text">" color="</span><span class="MXMLString">#323232</span><span class="MXMLDefault_Text">" bottom="</span><span class="MXMLString">25</span><span class="MXMLDefault_Text">" horizontalCenter="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">" 
+                 text="</span><span class="MXMLString">This sample will format a currency value with the selected locale and by symbol or ISO code depending on radio button selection. Before formatting by 
+symbol, you should check if the formatting by that symbol is safe, such as shown in this example. The last operation status
+will indicate if an error occurred in formatting. </span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+    <span class="MXMLComponent_Tag">&lt;/s:Panel&gt;</span>
+    
+<span class="MXMLComponent_Tag">&lt;/s:WindowedApplication&gt;</span></pre></body>
+</html>


[28/51] [partial] Merged TourDeFlex release from develop

Posted by jm...@apache.org.
http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR20/Globalization/DateFormatterSample.mxml.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR20/Globalization/DateFormatterSample.mxml.html b/TourDeFlex/TourDeFlex/src/objects/AIR20/Globalization/DateFormatterSample.mxml.html
new file mode 100644
index 0000000..e5d1133
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR20/Globalization/DateFormatterSample.mxml.html
@@ -0,0 +1,112 @@
+<!--
+  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.
+-->
+<!-- saved from url=(0014)about:internet -->
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+<title>DateFormatterSample.mxml</title>
+<link rel="stylesheet" type="text/css" href="../SourceStyles.css"/>
+</head>
+
+<body><pre><span class="MXMLProcessing_Instruction">&lt;?xml version="1.0" encoding="utf-8"?&gt;</span>
+<span class="MXMLComponent_Tag">&lt;s:WindowedApplication</span><span class="MXMLDefault_Text"> xmlns:fx="</span><span class="MXMLString">http://ns.adobe.com/mxml/2009</span><span class="MXMLDefault_Text">" 
+                       xmlns:s="</span><span class="MXMLString">library://ns.adobe.com/flex/spark</span><span class="MXMLDefault_Text">" 
+                       xmlns:mx="</span><span class="MXMLString">library://ns.adobe.com/flex/mx</span><span class="MXMLDefault_Text">" 
+                       styleName="</span><span class="MXMLString">plain</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" height="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+    
+    <span class="MXMLSpecial_Tag">&lt;fx:Declarations&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;s:RadioButtonGroup</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">styleGrp</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+    <span class="MXMLSpecial_Tag">&lt;/fx:Declarations&gt;</span>
+    <span class="MXMLSpecial_Tag">&lt;fx:Script&gt;</span>
+        &lt;![CDATA[
+            <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">flash</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">globalization</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">DateTimeFormatter</span>;
+            <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">flash</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">globalization</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">DateTimeStyle</span>;
+            <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">flash</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">globalization</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">LocaleID</span>;
+            
+            <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">mx</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">collections</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">ArrayCollection</span>;
+            
+            <span class="ActionScriptReserved">protected</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">formatter</span>:<span class="ActionScriptDefault_Text">DateTimeFormatter</span>;
+            
+            <span class="ActionScriptBracket/Brace">[</span><span class="ActionScriptMetadata">Bindable</span><span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptReserved">protected</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">locales</span>:<span class="ActionScriptDefault_Text">ArrayCollection</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">ArrayCollection</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">[</span>
+                <span class="ActionScriptBracket/Brace">{</span><span class="ActionScriptDefault_Text">label</span>:<span class="ActionScriptString">"Default Locale"</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">data</span>:<span class="ActionScriptDefault_Text">LocaleID</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">DEFAULT</span><span class="ActionScriptBracket/Brace">}</span><span class="ActionScriptOperator">,</span>
+                <span class="ActionScriptBracket/Brace">{</span><span class="ActionScriptDefault_Text">label</span>:<span class="ActionScriptString">"Swedish"</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">data</span>:<span class="ActionScriptString">"sv_SE"</span><span class="ActionScriptBracket/Brace">}</span><span class="ActionScriptOperator">,</span> 
+                <span class="ActionScriptBracket/Brace">{</span><span class="ActionScriptDefault_Text">label</span>:<span class="ActionScriptString">"Dutch"</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">data</span>:<span class="ActionScriptString">"nl_NL"</span><span class="ActionScriptBracket/Brace">}</span><span class="ActionScriptOperator">,</span>
+                <span class="ActionScriptBracket/Brace">{</span><span class="ActionScriptDefault_Text">label</span>:<span class="ActionScriptString">"French"</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">data</span>:<span class="ActionScriptString">"fr_FR"</span><span class="ActionScriptBracket/Brace">}</span><span class="ActionScriptOperator">,</span>
+                <span class="ActionScriptBracket/Brace">{</span><span class="ActionScriptDefault_Text">label</span>:<span class="ActionScriptString">"German"</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">data</span>:<span class="ActionScriptString">"de_DE"</span><span class="ActionScriptBracket/Brace">}</span><span class="ActionScriptOperator">,</span>
+                <span class="ActionScriptBracket/Brace">{</span><span class="ActionScriptDefault_Text">label</span>:<span class="ActionScriptString">"Japanese"</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">data</span>:<span class="ActionScriptString">"ja_JP"</span><span class="ActionScriptBracket/Brace">}</span><span class="ActionScriptOperator">,</span> 
+                <span class="ActionScriptBracket/Brace">{</span><span class="ActionScriptDefault_Text">label</span>:<span class="ActionScriptString">"Korean"</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">data</span>:<span class="ActionScriptString">"ko_KR"</span><span class="ActionScriptBracket/Brace">}</span><span class="ActionScriptOperator">,</span> 
+                <span class="ActionScriptBracket/Brace">{</span><span class="ActionScriptDefault_Text">label</span>:<span class="ActionScriptString">"US-English"</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">data</span>:<span class="ActionScriptString">"en_US"</span><span class="ActionScriptBracket/Brace">}</span><span class="ActionScriptOperator">,</span>
+            <span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptBracket/Brace">)</span>;
+            
+            <span class="ActionScriptReserved">protected</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">formatDate</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
+            <span class="ActionScriptBracket/Brace">{</span>
+                <span class="ActionScriptDefault_Text">ta</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptString">""</span>;
+                <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">date</span>:<span class="ActionScriptDefault_Text">Date</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">Date</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">locale</span>:<span class="ActionScriptDefault_Text">String</span>;
+                
+                <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">ddl</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">selectedIndex</span> <span class="ActionScriptOperator">==</span> <span class="ActionScriptOperator">-</span>1<span class="ActionScriptBracket/Brace">)</span>
+                    <span class="ActionScriptDefault_Text">locale</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">LocaleID</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">DEFAULT</span>;
+                <span class="ActionScriptReserved">else</span> <span class="ActionScriptDefault_Text">locale</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">ddl</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">selectedItem</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">data</span>
+                    
+                <span class="ActionScriptDefault_Text">formatter</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">DateTimeFormatter</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">locale</span><span class="ActionScriptBracket/Brace">)</span>;
+                
+                <span class="ActionScriptDefault_Text">ta</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span> <span class="ActionScriptOperator">+=</span> <span class="ActionScriptString">"Locale selected: "</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptDefault_Text">locale</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptString">" - Actual locale name: "</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptDefault_Text">formatter</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">actualLocaleIDName</span>;
+                <span class="ActionScriptDefault_Text">ta</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span> <span class="ActionScriptOperator">+=</span> <span class="ActionScriptString">"\nFormatting date/time: "</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptDefault_Text">date</span>;
+                <span class="ActionScriptComment">//trace("Date " +new Date());
+</span>                <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">styleGrp</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">selectedValue</span> <span class="ActionScriptOperator">==</span> <span class="ActionScriptString">"Long Style"</span><span class="ActionScriptBracket/Brace">)</span>
+                <span class="ActionScriptBracket/Brace">{</span>
+                    <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">longStyle</span>:<span class="ActionScriptDefault_Text">String</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">formatter</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">format</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">date</span><span class="ActionScriptBracket/Brace">)</span>;
+                    <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">longStylePattern</span>:<span class="ActionScriptDefault_Text">String</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">formatter</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">getDateTimePattern</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
+                    <span class="ActionScriptDefault_Text">ta</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span> <span class="ActionScriptOperator">+=</span> <span class="ActionScriptString">"\nLong Style Date pattern "</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptDefault_Text">longStylePattern</span>;
+                    <span class="ActionScriptDefault_Text">ta</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span> <span class="ActionScriptOperator">+=</span> <span class="ActionScriptString">"\nLong Style Date: "</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptDefault_Text">longStyle</span>;
+                <span class="ActionScriptBracket/Brace">}</span>
+                <span class="ActionScriptReserved">else</span> 
+                <span class="ActionScriptBracket/Brace">{</span>
+                    <span class="ActionScriptDefault_Text">formatter</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">setDateTimeStyles</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">DateTimeStyle</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">NONE</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">DateTimeStyle</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">SHORT</span><span class="ActionScriptBracket/Brace">)</span>;
+                    <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">shortStyle</span>:<span class="ActionScriptDefault_Text">String</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">formatter</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">format</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">date</span><span class="ActionScriptBracket/Brace">)</span>;
+                    <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">shortStylePattern</span>:<span class="ActionScriptDefault_Text">String</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">formatter</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">getDateTimePattern</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
+                    <span class="ActionScriptDefault_Text">ta</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span> <span class="ActionScriptOperator">+=</span> <span class="ActionScriptString">"\nShort Style date pattern "</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptDefault_Text">shortStylePattern</span>;
+                    <span class="ActionScriptDefault_Text">ta</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span> <span class="ActionScriptOperator">+=</span> <span class="ActionScriptString">"\nShort Style Date: "</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptDefault_Text">shortStyle</span>;
+                <span class="ActionScriptBracket/Brace">}</span>
+                <span class="ActionScriptDefault_Text">ta</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span> <span class="ActionScriptOperator">+=</span> <span class="ActionScriptString">"\n\n\nLast Operation Status: "</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptDefault_Text">formatter</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">lastOperationStatus</span>;
+                
+            <span class="ActionScriptBracket/Brace">}</span>
+        <span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptOperator">&gt;</span>
+        
+    <span class="MXMLSpecial_Tag">&lt;/fx:Script&gt;</span>
+    <span class="MXMLComponent_Tag">&lt;s:Panel</span><span class="MXMLDefault_Text"> skinClass="</span><span class="MXMLString">skins.TDFPanelSkin</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" height="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" title="</span><span class="MXMLString">DateTime and Currency Formatting by Locale</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;s:VGroup</span><span class="MXMLDefault_Text"> top="</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">" left="</span><span class="MXMLString">12</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;s:Label</span><span class="MXMLDefault_Text"> text="</span><span class="MXMLString">Select style of date/time formatting:</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;s:HGroup&gt;</span>
+                <span class="MXMLComponent_Tag">&lt;s:RadioButton</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">shortDate</span><span class="MXMLDefault_Text">" groupName="</span><span class="MXMLString">styleGrp</span><span class="MXMLDefault_Text">" label="</span><span class="MXMLString">Short Style</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+                <span class="MXMLComponent_Tag">&lt;s:RadioButton</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">longDate</span><span class="MXMLDefault_Text">" groupName="</span><span class="MXMLString">styleGrp</span><span class="MXMLDefault_Text">" label="</span><span class="MXMLString">Long Style</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;/s:HGroup&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;s:DropDownList</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">ddl</span><span class="MXMLDefault_Text">" dataProvider="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">locales</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">" prompt="</span><span class="MXMLString">Select locale...</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">200</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;s:Button</span><span class="MXMLDefault_Text"> label="</span><span class="MXMLString">Format Today's Date</span><span class="MXMLDefault_Text">" click="</span><span class="ActionScriptDefault_Text">formatDate</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;/s:VGroup&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;s:VGroup</span><span class="MXMLDefault_Text"> top="</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">" right="</span><span class="MXMLString">20</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;s:Label</span><span class="MXMLDefault_Text"> text="</span><span class="MXMLString">Console:</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;s:TextArea</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">ta</span><span class="MXMLDefault_Text">" editable="</span><span class="MXMLString">false</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">400</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;/s:VGroup&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;s:Label</span><span class="MXMLDefault_Text"> width="</span><span class="MXMLString">93%</span><span class="MXMLDefault_Text">" verticalAlign="</span><span class="MXMLString">justify</span><span class="MXMLDefault_Text">" color="</span><span class="MXMLString">#323232</span><span class="MXMLDefault_Text">" bottom="</span><span class="MXMLString">25</span><span class="MXMLDefault_Text">" horizontalCenter="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">" 
+                 text="</span><span class="MXMLString">This sample will format today's date/time with the selected locale and date/time style (short versus long). The last operation status
+will indicate if an error occurred in formatting.</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+    <span class="MXMLComponent_Tag">&lt;/s:Panel&gt;</span>
+    
+<span class="MXMLComponent_Tag">&lt;/s:WindowedApplication&gt;</span></pre></body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR20/Globalization/NumberFormatterSample.mxml.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR20/Globalization/NumberFormatterSample.mxml.html b/TourDeFlex/TourDeFlex/src/objects/AIR20/Globalization/NumberFormatterSample.mxml.html
new file mode 100644
index 0000000..38d7ea0
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR20/Globalization/NumberFormatterSample.mxml.html
@@ -0,0 +1,113 @@
+<!--
+  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.
+-->
+<!-- saved from url=(0014)about:internet -->
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+<title>NumberFormatterSample.mxml</title>
+<link rel="stylesheet" type="text/css" href="../SourceStyles.css"/>
+</head>
+
+<body><pre><span class="MXMLProcessing_Instruction">&lt;?xml version="1.0" encoding="utf-8"?&gt;</span>
+<span class="MXMLComponent_Tag">&lt;s:WindowedApplication</span><span class="MXMLDefault_Text">    xmlns:fx="</span><span class="MXMLString">http://ns.adobe.com/mxml/2009</span><span class="MXMLDefault_Text">" 
+            xmlns:s="</span><span class="MXMLString">library://ns.adobe.com/flex/spark</span><span class="MXMLDefault_Text">" 
+            xmlns:mx="</span><span class="MXMLString">library://ns.adobe.com/flex/mx</span><span class="MXMLDefault_Text">" 
+            styleName="</span><span class="MXMLString">plain</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" height="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+    <span class="MXMLSpecial_Tag">&lt;fx:Script&gt;</span>
+        &lt;![CDATA[
+            <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">flash</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">globalization</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">LastOperationStatus</span>;
+            <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">flash</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">globalization</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">LocaleID</span>;
+            <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">flash</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">globalization</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">NumberFormatter</span>;
+            <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">flash</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">globalization</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">NumberParseResult</span>;
+            
+            <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">mx</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">collections</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">ArrayCollection</span>;
+            <span class="ActionScriptReserved">protected</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">locale</span>:<span class="ActionScriptDefault_Text">String</span>;
+            
+            <span class="ActionScriptBracket/Brace">[</span><span class="ActionScriptMetadata">Bindable</span><span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptReserved">protected</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">locales</span>:<span class="ActionScriptDefault_Text">ArrayCollection</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">ArrayCollection</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">[</span>
+                <span class="ActionScriptBracket/Brace">{</span><span class="ActionScriptDefault_Text">label</span>:<span class="ActionScriptString">"Default Locale"</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">data</span>:<span class="ActionScriptDefault_Text">LocaleID</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">DEFAULT</span><span class="ActionScriptBracket/Brace">}</span><span class="ActionScriptOperator">,</span>
+                <span class="ActionScriptBracket/Brace">{</span><span class="ActionScriptDefault_Text">label</span>:<span class="ActionScriptString">"Swedish"</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">data</span>:<span class="ActionScriptString">"sv_SE"</span><span class="ActionScriptBracket/Brace">}</span><span class="ActionScriptOperator">,</span> 
+                <span class="ActionScriptBracket/Brace">{</span><span class="ActionScriptDefault_Text">label</span>:<span class="ActionScriptString">"Dutch"</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">data</span>:<span class="ActionScriptString">"nl_NL"</span><span class="ActionScriptBracket/Brace">}</span><span class="ActionScriptOperator">,</span>
+                <span class="ActionScriptBracket/Brace">{</span><span class="ActionScriptDefault_Text">label</span>:<span class="ActionScriptString">"French"</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">data</span>:<span class="ActionScriptString">"fr_FR"</span><span class="ActionScriptBracket/Brace">}</span><span class="ActionScriptOperator">,</span>
+                <span class="ActionScriptBracket/Brace">{</span><span class="ActionScriptDefault_Text">label</span>:<span class="ActionScriptString">"German"</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">data</span>:<span class="ActionScriptString">"de_DE"</span><span class="ActionScriptBracket/Brace">}</span><span class="ActionScriptOperator">,</span>
+                <span class="ActionScriptBracket/Brace">{</span><span class="ActionScriptDefault_Text">label</span>:<span class="ActionScriptString">"Japanese"</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">data</span>:<span class="ActionScriptString">"ja_JP"</span><span class="ActionScriptBracket/Brace">}</span><span class="ActionScriptOperator">,</span> 
+                <span class="ActionScriptBracket/Brace">{</span><span class="ActionScriptDefault_Text">label</span>:<span class="ActionScriptString">"Korean"</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">data</span>:<span class="ActionScriptString">"ko_KR"</span><span class="ActionScriptBracket/Brace">}</span><span class="ActionScriptOperator">,</span> 
+                <span class="ActionScriptBracket/Brace">{</span><span class="ActionScriptDefault_Text">label</span>:<span class="ActionScriptString">"US-English"</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">data</span>:<span class="ActionScriptString">"en_US"</span><span class="ActionScriptBracket/Brace">}</span><span class="ActionScriptOperator">,</span>
+            <span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptBracket/Brace">)</span>;
+            
+            <span class="ActionScriptReserved">protected</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">parseNumber</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
+            <span class="ActionScriptBracket/Brace">{</span>
+                <span class="ActionScriptDefault_Text">ta</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span><span class="ActionScriptOperator">=</span><span class="ActionScriptString">""</span>;
+                
+                <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">ddl</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">selectedIndex</span> <span class="ActionScriptOperator">==</span> <span class="ActionScriptOperator">-</span>1<span class="ActionScriptBracket/Brace">)</span>
+                    <span class="ActionScriptDefault_Text">locale</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">LocaleID</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">DEFAULT</span>;
+                <span class="ActionScriptReserved">else</span> <span class="ActionScriptDefault_Text">locale</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">ddl</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">selectedItem</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">data</span>
+                    
+                <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">nf</span>:<span class="ActionScriptDefault_Text">NumberFormatter</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">NumberFormatter</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">locale</span><span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptDefault_Text">ta</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span> <span class="ActionScriptOperator">+=</span> <span class="ActionScriptString">"Locale selected: "</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptDefault_Text">locale</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptString">" Actual LocaleID Name: "</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptDefault_Text">nf</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">actualLocaleIDName</span>  <span class="ActionScriptOperator">+</span> <span class="ActionScriptString">"\n\n"</span>;
+                
+                <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">parseResult</span>:<span class="ActionScriptDefault_Text">NumberParseResult</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">nf</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">parse</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">num</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span><span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">nf</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">lastOperationStatus</span> <span class="ActionScriptOperator">==</span> <span class="ActionScriptDefault_Text">LastOperationStatus</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">NO_ERROR</span> <span class="ActionScriptBracket/Brace">)</span> <span class="ActionScriptBracket/Brace">{</span>
+                    <span class="ActionScriptDefault_Text">ta</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span> <span class="ActionScriptOperator">+=</span><span class="ActionScriptString">"The value of Parsed Number:"</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptDefault_Text">parseResult</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">value</span> <span class="ActionScriptOperator">+</span><span class="ActionScriptString">"\n"</span>;
+                <span class="ActionScriptBracket/Brace">}</span>
+                <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">parsedNumber</span>:<span class="ActionScriptDefault_Text">Number</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">nf</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">parseNumber</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">num</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span><span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">nf</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">lastOperationStatus</span> <span class="ActionScriptOperator">==</span> <span class="ActionScriptDefault_Text">LastOperationStatus</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">NO_ERROR</span> <span class="ActionScriptBracket/Brace">)</span> <span class="ActionScriptBracket/Brace">{</span>
+                    <span class="ActionScriptDefault_Text">ta</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span><span class="ActionScriptOperator">+=</span><span class="ActionScriptString">"The value of Parsed Number:"</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptDefault_Text">parsedNumber</span> <span class="ActionScriptOperator">+</span><span class="ActionScriptString">"\n"</span>;
+                <span class="ActionScriptBracket/Brace">}</span>
+                <span class="ActionScriptDefault_Text">ta</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span> <span class="ActionScriptOperator">+=</span> <span class="ActionScriptString">"\n\nLast Operation Status: "</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptDefault_Text">nf</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">lastOperationStatus</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptString">"\n"</span>;   
+            <span class="ActionScriptBracket/Brace">}</span>
+            <span class="ActionScriptReserved">protected</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">formatNumber</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
+            <span class="ActionScriptBracket/Brace">{</span>
+                <span class="ActionScriptDefault_Text">ta</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span><span class="ActionScriptOperator">=</span><span class="ActionScriptString">""</span>;
+                
+                <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">ddl</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">selectedIndex</span> <span class="ActionScriptOperator">==</span> <span class="ActionScriptOperator">-</span>1<span class="ActionScriptBracket/Brace">)</span>
+                    <span class="ActionScriptDefault_Text">locale</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">LocaleID</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">DEFAULT</span>;
+                <span class="ActionScriptReserved">else</span> <span class="ActionScriptDefault_Text">locale</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">ddl</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">selectedItem</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">data</span>
+                    
+                <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">nf</span>:<span class="ActionScriptDefault_Text">NumberFormatter</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">NumberFormatter</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">locale</span><span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptDefault_Text">ta</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span> <span class="ActionScriptOperator">+=</span> <span class="ActionScriptString">"Locale selected: "</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptDefault_Text">locale</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptString">" - Actual locale name: "</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptDefault_Text">nf</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">actualLocaleIDName</span>  <span class="ActionScriptOperator">+</span> <span class="ActionScriptString">"\n\n"</span>; 
+                <span class="ActionScriptDefault_Text">ta</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span> <span class="ActionScriptOperator">+=</span> <span class="ActionScriptString">"Formatted Number: "</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptDefault_Text">nf</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">formatNumber</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">Number</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">num</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span><span class="ActionScriptBracket/Brace">)</span><span class="ActionScriptBracket/Brace">)</span><span class="ActionScriptOperator">+</span><span class="ActionScriptString">"\n"</span>;
+                <span class="ActionScriptDefault_Text">ta</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span> <span class="ActionScriptOperator">+=</span> <span class="ActionScriptString">"Formatted Integer: "</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptDefault_Text">nf</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">formatInt</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">Number</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">num</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span><span class="ActionScriptBracket/Brace">)</span><span class="ActionScriptBracket/Brace">)</span><span class="ActionScriptOperator">+</span><span class="ActionScriptString">"\n"</span>;
+                <span class="ActionScriptDefault_Text">ta</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span> <span class="ActionScriptOperator">+=</span> <span class="ActionScriptString">"Formatted Unsigned Integer: "</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptDefault_Text">nf</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">formatUint</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">Number</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">num</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span><span class="ActionScriptBracket/Brace">)</span><span class="ActionScriptBracket/Brace">)</span><span class="ActionScriptOperator">+</span><span class="ActionScriptString">"\n"</span>;
+                            
+                <span class="ActionScriptDefault_Text">ta</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span> <span class="ActionScriptOperator">+=</span> <span class="ActionScriptString">"\n\nLast Operation Status: "</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptDefault_Text">nf</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">lastOperationStatus</span><span class="ActionScriptOperator">+</span><span class="ActionScriptString">"\n"</span>;   
+                
+            <span class="ActionScriptBracket/Brace">}</span>
+        <span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptOperator">&gt;</span>
+    <span class="MXMLSpecial_Tag">&lt;/fx:Script&gt;</span>
+    
+    <span class="MXMLComponent_Tag">&lt;s:Panel</span><span class="MXMLDefault_Text"> skinClass="</span><span class="MXMLString">skins.TDFPanelSkin</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" height="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" title="</span><span class="MXMLString">Number Formatting/Parsing by Locale</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;s:VGroup</span><span class="MXMLDefault_Text"> top="</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">" left="</span><span class="MXMLString">12</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;s:Label</span><span class="MXMLDefault_Text"> text="</span><span class="MXMLString">Enter a number with commas, decimals or negative</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;s:Label</span><span class="MXMLDefault_Text"> text="</span><span class="MXMLString">(for example: 123,456,789.123):</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;s:TextInput</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">num</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;s:DropDownList</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">ddl</span><span class="MXMLDefault_Text">" dataProvider="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">locales</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">" prompt="</span><span class="MXMLString">Select locale...</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">200</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;s:HGroup&gt;</span>
+                <span class="MXMLComponent_Tag">&lt;s:Button</span><span class="MXMLDefault_Text"> label="</span><span class="MXMLString">Parse</span><span class="MXMLDefault_Text">" click="</span><span class="ActionScriptDefault_Text">parseNumber</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+                <span class="MXMLComponent_Tag">&lt;s:Button</span><span class="MXMLDefault_Text"> label="</span><span class="MXMLString">Format</span><span class="MXMLDefault_Text">" click="</span><span class="ActionScriptDefault_Text">formatNumber</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;/s:HGroup&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;/s:VGroup&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;s:VGroup</span><span class="MXMLDefault_Text"> right="</span><span class="MXMLString">20</span><span class="MXMLDefault_Text">" top="</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;s:Label</span><span class="MXMLDefault_Text"> text="</span><span class="MXMLString">Console:</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;s:TextArea</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">ta</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">350</span><span class="MXMLDefault_Text">" editable="</span><span class="MXMLString">false</span><span class="MXMLDefault_Text">" </span><span class="MXMLComponent_Tag">/&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;/s:VGroup&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;s:Label</span><span class="MXMLDefault_Text"> width="</span><span class="MXMLString">95%</span><span class="MXMLDefault_Text">" verticalAlign="</span><span class="MXMLString">justify</span><span class="MXMLDefault_Text">" color="</span><span class="MXMLString">#323232</span><span class="MXMLDefault_Text">" bottom="</span><span class="MXMLString">25</span><span class="MXMLDefault_Text">" horizontalCenter="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">" 
+                 text="</span><span class="MXMLString">This sample will format or parse a number with the selected locale. The last operation status
+will indicate if an error occurred in formatting or parsing. </span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+    <span class="MXMLComponent_Tag">&lt;/s:Panel&gt;</span>
+<span class="MXMLComponent_Tag">&lt;/s:WindowedApplication&gt;</span></pre></body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR20/Globalization/TDFPanelSkin.mxml.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR20/Globalization/TDFPanelSkin.mxml.html b/TourDeFlex/TourDeFlex/src/objects/AIR20/Globalization/TDFPanelSkin.mxml.html
new file mode 100644
index 0000000..6b501d4
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR20/Globalization/TDFPanelSkin.mxml.html
@@ -0,0 +1,148 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+<head>
+  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+  <meta http-equiv="Content-Style-Type" content="text/css">
+  <title>TDFPanelSkin.mxml</title>
+  <meta name="Generator" content="Cocoa HTML Writer">
+  <meta name="CocoaVersion" content="1187.4">
+  <style type="text/css">
+    p.p1 {margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Courier}
+    p.p2 {margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Courier; min-height: 14.0px}
+    p.p3 {margin: 0.0px 0.0px 0.0px 0.0px; font: 11.0px Monaco; color: #941100}
+    p.p4 {margin: 0.0px 0.0px 0.0px 0.0px; font: 11.0px Monaco; min-height: 15.0px}
+  </style>
+</head>
+<body>
+<p class="p1">&lt;?xml version="1.0" encoding="utf-8"?&gt;</p>
+<p class="p2"><br></p>
+<p class="p3">&lt;!--</p>
+<p class="p4"><br></p>
+<p class="p3">Licensed to the Apache Software Foundation (ASF) under one or more</p>
+<p class="p3">contributor license agreements.<span class="Apple-converted-space">  </span>See the NOTICE file distributed with</p>
+<p class="p3">this work for additional information regarding copyright ownership.</p>
+<p class="p3">The ASF licenses this file to You under the Apache License, Version 2.0</p>
+<p class="p3">(the "License"); you may not use this file except in compliance with</p>
+<p class="p3">the License.<span class="Apple-converted-space">  </span>You may obtain a copy of the License at</p>
+<p class="p4"><br></p>
+<p class="p3">http://www.apache.org/licenses/LICENSE-2.0</p>
+<p class="p4"><br></p>
+<p class="p3">Unless required by applicable law or agreed to in writing, software</p>
+<p class="p3">distributed under the License is distributed on an "AS IS" BASIS,</p>
+<p class="p3">WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.</p>
+<p class="p3">See the License for the specific language governing permissions and</p>
+<p class="p3">limitations under the License.</p>
+<p class="p4"><br></p>
+<p class="p3">--&gt;</p>
+<p class="p2"><br></p>
+<p class="p1">&lt;s:Skin xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark"<span class="Apple-converted-space"> </span></p>
+<p class="p1"><span class="Apple-converted-space">        </span>alpha.disabled="0.5" minWidth="131" minHeight="127"&gt;</p>
+<p class="p2"><span class="Apple-converted-space">    </span></p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;fx:Metadata&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>[HostComponent("spark.components.Panel")]</p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;/fx:Metadata&gt;<span class="Apple-converted-space"> </span></p>
+<p class="p2"><span class="Apple-converted-space">    </span></p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;s:states&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:State name="normal" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:State name="disabled" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:State name="normalWithControlBar" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:State name="disabledWithControlBar" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;/s:states&gt;</p>
+<p class="p2"><span class="Apple-converted-space">    </span></p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;!-- drop shadow --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;s:Rect left="0" top="0" right="0" bottom="0"&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:filters&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:DropShadowFilter blurX="15" blurY="15" alpha="0.18" distance="11" angle="90" knockout="true" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;/s:filters&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:SolidColor color="0" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;/s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;/s:Rect&gt;</p>
+<p class="p2"><span class="Apple-converted-space">    </span></p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;!-- layer 1: border --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;s:Rect left="0" right="0" top="0" bottom="0"&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:stroke&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:SolidColorStroke color="0" alpha="0.50" weight="1" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;/s:stroke&gt;</p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;/s:Rect&gt;</p>
+<p class="p2"><span class="Apple-converted-space">    </span></p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;!-- layer 2: background fill --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;s:Rect left="0" right="0" bottom="0" height="15"&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:LinearGradient rotation="90"&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;s:GradientEntry color="0xE2E2E2" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;s:GradientEntry color="0x000000" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;/s:LinearGradient&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;/s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;/s:Rect&gt;</p>
+<p class="p2"><span class="Apple-converted-space">    </span></p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;!-- layer 3: contents --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;s:Group left="1" right="1" top="1" bottom="1" &gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:layout&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:VerticalLayout gap="0" horizontalAlign="justify" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;/s:layout&gt;</p>
+<p class="p2"><span class="Apple-converted-space">        </span></p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:Group id="topGroup" &gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;!-- layer 0: title bar fill --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;!-- Note: We have custom skinned the title bar to be solid black for Tour de Flex --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:Rect id="tbFill" left="0" right="0" top="0" bottom="1" &gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                    </span>&lt;s:SolidColor color="0x000000" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;/s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;/s:Rect&gt;</p>
+<p class="p2"><span class="Apple-converted-space">            </span></p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;!-- layer 1: title bar highlight --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:Rect id="tbHilite" left="0" right="0" top="0" bottom="0" &gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;s:stroke&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                    </span>&lt;s:LinearGradientStroke rotation="90" weight="1"&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                        </span>&lt;s:GradientEntry color="0xEAEAEA" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                        </span>&lt;s:GradientEntry color="0xD9D9D9" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                    </span>&lt;/s:LinearGradientStroke&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;/s:stroke&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;/s:Rect&gt;</p>
+<p class="p2"><span class="Apple-converted-space">            </span></p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;!-- layer 2: title bar divider --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:Rect id="tbDiv" left="0" right="0" height="1" bottom="0"&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                    </span>&lt;s:SolidColor color="0xC0C0C0" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;/s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;/s:Rect&gt;</p>
+<p class="p2"><span class="Apple-converted-space">            </span></p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;!-- layer 3: text --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:Label id="titleDisplay" maxDisplayedLines="1"</p>
+<p class="p1"><span class="Apple-converted-space">                     </span>left="9" right="3" top="1" minHeight="30"</p>
+<p class="p1"><span class="Apple-converted-space">                     </span>verticalAlign="middle" fontWeight="bold" color="#E2E2E2"&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;/s:Label&gt;</p>
+<p class="p2"><span class="Apple-converted-space">            </span></p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;/s:Group&gt;</p>
+<p class="p2"><span class="Apple-converted-space">        </span></p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:Group id="contentGroup" width="100%" height="100%" minWidth="0" minHeight="0"&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;/s:Group&gt;</p>
+<p class="p2"><span class="Apple-converted-space">        </span></p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:Group id="bottomGroup" minWidth="0" minHeight="0"</p>
+<p class="p1"><span class="Apple-converted-space">                 </span>includeIn="normalWithControlBar, disabledWithControlBar" &gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;!-- layer 0: control bar background --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:Rect left="0" right="0" bottom="0" top="1" &gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                    </span>&lt;s:SolidColor color="0xE2EdF7" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;/s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;/s:Rect&gt;</p>
+<p class="p2"><span class="Apple-converted-space">            </span></p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;!-- layer 1: control bar divider line --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:Rect left="0" right="0" top="0" height="1" &gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                    </span>&lt;s:SolidColor color="0xD1E0F2" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;/s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;/s:Rect&gt;</p>
+<p class="p2"><span class="Apple-converted-space">            </span></p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;!-- layer 2: control bar --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:Group id="controlBarGroup" left="0" right="0" top="1" bottom="1" minWidth="0" minHeight="0"&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;s:layout&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                    </span>&lt;s:HorizontalLayout paddingLeft="10" paddingRight="10" paddingTop="7" paddingBottom="7" gap="10" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;/s:layout&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;/s:Group&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;/s:Group&gt;</p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;/s:Group&gt;</p>
+<p class="p1">&lt;/s:Skin&gt;</p>
+</body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR20/Globalization/srcview/Sample-AIR2-Globalization/src/CurrencyFormatterSample-app.xml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR20/Globalization/srcview/Sample-AIR2-Globalization/src/CurrencyFormatterSample-app.xml b/TourDeFlex/TourDeFlex/src/objects/AIR20/Globalization/srcview/Sample-AIR2-Globalization/src/CurrencyFormatterSample-app.xml
new file mode 100755
index 0000000..3bd1998
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR20/Globalization/srcview/Sample-AIR2-Globalization/src/CurrencyFormatterSample-app.xml
@@ -0,0 +1,156 @@
+<?xml version="1.0" encoding="utf-8" standalone="no"?>
+<!--
+
+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.
+
+-->
+<application xmlns="http://ns.adobe.com/air/application/2.0">
+
+<!-- Adobe AIR Application Descriptor File Template.
+
+	Specifies parameters for identifying, installing, and launching AIR applications.
+
+	xmlns - The Adobe AIR namespace: http://ns.adobe.com/air/application/2.0beta2
+			The last segment of the namespace specifies the version 
+			of the AIR runtime required for this application to run.
+			
+	minimumPatchLevel - The minimum patch level of the AIR runtime required to run 
+			the application. Optional.
+-->
+
+	<!-- The application identifier string, unique to this application. Required. -->
+	<id>CurrencyFormatterSample</id>
+
+	<!-- Used as the filename for the application. Required. -->
+	<filename>CurrencyFormatterSample</filename>
+
+	<!-- The name that is displayed in the AIR application installer. 
+	     May have multiple values for each language. See samples or xsd schema file. Optional. -->
+	<name>CurrencyFormatterSample</name>
+
+	<!-- An application version designator (such as "v1", "2.5", or "Alpha 1"). Required. -->
+	<version>v1</version>
+
+	<!-- Description, displayed in the AIR application installer.
+	     May have multiple values for each language. See samples or xsd schema file. Optional. -->
+	<!-- <description></description> -->
+
+	<!-- Copyright information. Optional -->
+	<!-- <copyright></copyright> -->
+
+	<!-- Publisher ID. Used if you're updating an application created prior to 1.5.3 -->
+	<!-- <publisherID></publisherID> -->
+
+	<!-- Settings for the application's initial window. Required. -->
+	<initialWindow>
+		<!-- The main SWF or HTML file of the application. Required. -->
+		<!-- Note: In Flash Builder, the SWF reference is set automatically. -->
+		<content>[This value will be overwritten by Flash Builder in the output app.xml]</content>
+		
+		<!-- The title of the main window. Optional. -->
+		<!-- <title></title> -->
+
+		<!-- The type of system chrome to use (either "standard" or "none"). Optional. Default standard. -->
+		<!-- <systemChrome></systemChrome> -->
+
+		<!-- Whether the window is transparent. Only applicable when systemChrome is none. Optional. Default false. -->
+		<!-- <transparent></transparent> -->
+
+		<!-- Whether the window is initially visible. Optional. Default false. -->
+		<!-- <visible></visible> -->
+
+		<!-- Whether the user can minimize the window. Optional. Default true. -->
+		<!-- <minimizable></minimizable> -->
+
+		<!-- Whether the user can maximize the window. Optional. Default true. -->
+		<!-- <maximizable></maximizable> -->
+
+		<!-- Whether the user can resize the window. Optional. Default true. -->
+		<!-- <resizable></resizable> -->
+
+		<!-- The window's initial width in pixels. Optional. -->
+		<!-- <width></width> -->
+
+		<!-- The window's initial height in pixels. Optional. -->
+		<!-- <height></height> -->
+
+		<!-- The window's initial x position. Optional. -->
+		<!-- <x></x> -->
+
+		<!-- The window's initial y position. Optional. -->
+		<!-- <y></y> -->
+
+		<!-- The window's minimum size, specified as a width/height pair in pixels, such as "400 200". Optional. -->
+		<!-- <minSize></minSize> -->
+
+		<!-- The window's initial maximum size, specified as a width/height pair in pixels, such as "1600 1200". Optional. -->
+		<!-- <maxSize></maxSize> -->
+	</initialWindow>
+
+	<!-- The subpath of the standard default installation location to use. Optional. -->
+	<!-- <installFolder></installFolder> -->
+
+	<!-- The subpath of the Programs menu to use. (Ignored on operating systems without a Programs menu.) Optional. -->
+	<!-- <programMenuFolder></programMenuFolder> -->
+
+	<!-- The icon the system uses for the application. For at least one resolution,
+		 specify the path to a PNG file included in the AIR package. Optional. -->
+	<!-- <icon>
+		<image16x16></image16x16>
+		<image32x32></image32x32>
+		<image48x48></image48x48>
+		<image128x128></image128x128>
+	</icon> -->
+
+	<!-- Whether the application handles the update when a user double-clicks an update version
+	of the AIR file (true), or the default AIR application installer handles the update (false).
+	Optional. Default false. -->
+	<!-- <customUpdateUI></customUpdateUI> -->
+	
+	<!-- Whether the application can be launched when the user clicks a link in a web browser.
+	Optional. Default false. -->
+	<!-- <allowBrowserInvocation></allowBrowserInvocation> -->
+
+	<!-- Listing of file types for which the application can register. Optional. -->
+	<!-- <fileTypes> -->
+
+		<!-- Defines one file type. Optional. -->
+		<!-- <fileType> -->
+
+			<!-- The name that the system displays for the registered file type. Required. -->
+			<!-- <name></name> -->
+
+			<!-- The extension to register. Required. -->
+			<!-- <extension></extension> -->
+			
+			<!-- The description of the file type. Optional. -->
+			<!-- <description></description> -->
+			
+			<!-- The MIME content type. -->
+			<!-- <contentType></contentType> -->
+			
+			<!-- The icon to display for the file type. Optional. -->
+			<!-- <icon>
+				<image16x16></image16x16>
+				<image32x32></image32x32>
+				<image48x48></image48x48>
+				<image128x128></image128x128>
+			</icon> -->
+			
+		<!-- </fileType> -->
+	<!-- </fileTypes> -->
+
+</application>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR20/Globalization/srcview/Sample-AIR2-Globalization/src/CurrencyFormatterSample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR20/Globalization/srcview/Sample-AIR2-Globalization/src/CurrencyFormatterSample.mxml b/TourDeFlex/TourDeFlex/src/objects/AIR20/Globalization/srcview/Sample-AIR2-Globalization/src/CurrencyFormatterSample.mxml
new file mode 100644
index 0000000..eca8d38
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR20/Globalization/srcview/Sample-AIR2-Globalization/src/CurrencyFormatterSample.mxml
@@ -0,0 +1,109 @@
+<?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.
+
+-->
+<mx:Module xmlns:fx="http://ns.adobe.com/mxml/2009" 
+					   xmlns:s="library://ns.adobe.com/flex/spark" 
+					   xmlns:mx="library://ns.adobe.com/flex/mx" 
+					   styleName="plain" width="100%" height="100%">
+	
+	<fx:Declarations>
+		<s:RadioButtonGroup id="radioGrp"/>
+	</fx:Declarations>
+	
+	<fx:Script>
+		<![CDATA[
+			import flash.globalization.CurrencyFormatter;
+			import flash.globalization.DateTimeFormatter;
+			import flash.globalization.LocaleID;
+			
+			import mx.collections.ArrayCollection;
+			
+			protected var cf:CurrencyFormatter; 
+			protected var dtf:DateTimeFormatter;
+			protected var date:Date = new Date();
+			
+			[Bindable]
+			protected var locales:ArrayCollection = new ArrayCollection([
+				{label:"Default Locale", data:LocaleID.DEFAULT},
+				{label:"Swedish", data:"sv_SE"}, 
+				{label:"Dutch", data:"nl_NL"},
+				{label:"French", data:"fr_FR"},
+				{label:"German", data:"de_DE"},
+				{label:"Japanese", data:"ja_JP"}, 
+				{label:"Korean", data:"ko_KR"}, 
+				{label:"US-English", data:"en_US"},
+			]);
+			
+			protected function formatCurrency():void
+			{
+				ta.text = "";
+				var locale:String;
+				
+				if (ddl.selectedIndex == -1)
+					locale = LocaleID.DEFAULT;
+				else locale = ddl.selectedItem.data
+					
+				cf = new CurrencyFormatter(locale);
+				ta.text += "Locale selected: " + locale + " - Actual locale name: " + cf.actualLocaleIDName+"\n";
+				ta.text += "\nCurrency Symbol: " + cf.currencySymbol + " Currency ISO Code: " + cf.currencyISOCode ;
+				
+				var num:Number = 0;
+				num = Number(curr.text);
+				
+				if (radioGrp.selectedValue == "Format by Symbol")
+				{
+					if (cf.formattingWithCurrencySymbolIsSafe(cf.currencyISOCode))
+					{
+						ta.text += "\nFormat using Symbol: "+  cf.format(num, true);
+					}
+					else ta.text += "\nFormat using symbol is not safe. Format by ISO code instead";
+				}
+				else
+				{
+					trace("Num " + num);
+					ta.text += "\nFormat using ISO Code: " + cf.format(num);
+				}
+				ta.text += "\n\n\nLast Operation Status: " + cf.lastOperationStatus;
+			}
+		]]>
+	</fx:Script>
+	
+	<s:Panel skinClass="skins.TDFPanelSkin" width="100%" height="100%" title="Currency Formatting by Locale">
+		<s:VGroup left="12" top="10">
+			<s:Label text="Enter currency to format (for example: 1206.99):"/>
+			<s:TextInput id="curr"/>
+			<s:Label text="Select to format currency by symbol or ISO code:"/>
+			<s:HGroup>
+				<s:RadioButton id="bySymbol" groupName="radioGrp" label="Format by Symbol"/>
+				<s:RadioButton id="byISO" groupName="radioGrp" label="Format by ISO"/>
+			</s:HGroup>
+			<s:DropDownList id="ddl" dataProvider="{locales}" prompt="Select locale..." width="200"/>
+			<s:Button label="Format Currency" click="formatCurrency()"/>
+		</s:VGroup>
+		<s:VGroup top="10" right="20">
+			<s:Label text="Console:"/>
+			<s:TextArea id="ta" width="350" height="120" editable="false" />
+		</s:VGroup>		
+		<s:Label width="95%" verticalAlign="justify" color="#323232" bottom="25" horizontalCenter="0" 
+				 text="This sample will format a currency value with the selected locale and by symbol or ISO code depending on radio button selection. Before formatting by 
+symbol, you should check if the formatting by that symbol is safe, such as shown in this example. The last operation status
+will indicate if an error occurred in formatting. "/>
+	</s:Panel>
+	
+</mx:Module>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR20/Globalization/srcview/Sample-AIR2-Globalization/src/DateFormatterSample-app.xml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR20/Globalization/srcview/Sample-AIR2-Globalization/src/DateFormatterSample-app.xml b/TourDeFlex/TourDeFlex/src/objects/AIR20/Globalization/srcview/Sample-AIR2-Globalization/src/DateFormatterSample-app.xml
new file mode 100755
index 0000000..27c5d7d
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR20/Globalization/srcview/Sample-AIR2-Globalization/src/DateFormatterSample-app.xml
@@ -0,0 +1,156 @@
+<?xml version="1.0" encoding="utf-8" standalone="no"?>
+<!--
+
+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.
+
+-->
+<application xmlns="http://ns.adobe.com/air/application/2.0">
+
+<!-- Adobe AIR Application Descriptor File Template.
+
+	Specifies parameters for identifying, installing, and launching AIR applications.
+
+	xmlns - The Adobe AIR namespace: http://ns.adobe.com/air/application/2.0beta2
+			The last segment of the namespace specifies the version 
+			of the AIR runtime required for this application to run.
+			
+	minimumPatchLevel - The minimum patch level of the AIR runtime required to run 
+			the application. Optional.
+-->
+
+	<!-- The application identifier string, unique to this application. Required. -->
+	<id>DateFormatterSample</id>
+
+	<!-- Used as the filename for the application. Required. -->
+	<filename>DateFormatterSample</filename>
+
+	<!-- The name that is displayed in the AIR application installer. 
+	     May have multiple values for each language. See samples or xsd schema file. Optional. -->
+	<name>DateFormatterSample</name>
+
+	<!-- An application version designator (such as "v1", "2.5", or "Alpha 1"). Required. -->
+	<version>v1</version>
+
+	<!-- Description, displayed in the AIR application installer.
+	     May have multiple values for each language. See samples or xsd schema file. Optional. -->
+	<!-- <description></description> -->
+
+	<!-- Copyright information. Optional -->
+	<!-- <copyright></copyright> -->
+
+	<!-- Publisher ID. Used if you're updating an application created prior to 1.5.3 -->
+	<!-- <publisherID></publisherID> -->
+
+	<!-- Settings for the application's initial window. Required. -->
+	<initialWindow>
+		<!-- The main SWF or HTML file of the application. Required. -->
+		<!-- Note: In Flash Builder, the SWF reference is set automatically. -->
+		<content>[This value will be overwritten by Flash Builder in the output app.xml]</content>
+		
+		<!-- The title of the main window. Optional. -->
+		<!-- <title></title> -->
+
+		<!-- The type of system chrome to use (either "standard" or "none"). Optional. Default standard. -->
+		<!-- <systemChrome></systemChrome> -->
+
+		<!-- Whether the window is transparent. Only applicable when systemChrome is none. Optional. Default false. -->
+		<!-- <transparent></transparent> -->
+
+		<!-- Whether the window is initially visible. Optional. Default false. -->
+		<!-- <visible></visible> -->
+
+		<!-- Whether the user can minimize the window. Optional. Default true. -->
+		<!-- <minimizable></minimizable> -->
+
+		<!-- Whether the user can maximize the window. Optional. Default true. -->
+		<!-- <maximizable></maximizable> -->
+
+		<!-- Whether the user can resize the window. Optional. Default true. -->
+		<!-- <resizable></resizable> -->
+
+		<!-- The window's initial width in pixels. Optional. -->
+		<!-- <width></width> -->
+
+		<!-- The window's initial height in pixels. Optional. -->
+		<!-- <height></height> -->
+
+		<!-- The window's initial x position. Optional. -->
+		<!-- <x></x> -->
+
+		<!-- The window's initial y position. Optional. -->
+		<!-- <y></y> -->
+
+		<!-- The window's minimum size, specified as a width/height pair in pixels, such as "400 200". Optional. -->
+		<!-- <minSize></minSize> -->
+
+		<!-- The window's initial maximum size, specified as a width/height pair in pixels, such as "1600 1200". Optional. -->
+		<!-- <maxSize></maxSize> -->
+	</initialWindow>
+
+	<!-- The subpath of the standard default installation location to use. Optional. -->
+	<!-- <installFolder></installFolder> -->
+
+	<!-- The subpath of the Programs menu to use. (Ignored on operating systems without a Programs menu.) Optional. -->
+	<!-- <programMenuFolder></programMenuFolder> -->
+
+	<!-- The icon the system uses for the application. For at least one resolution,
+		 specify the path to a PNG file included in the AIR package. Optional. -->
+	<!-- <icon>
+		<image16x16></image16x16>
+		<image32x32></image32x32>
+		<image48x48></image48x48>
+		<image128x128></image128x128>
+	</icon> -->
+
+	<!-- Whether the application handles the update when a user double-clicks an update version
+	of the AIR file (true), or the default AIR application installer handles the update (false).
+	Optional. Default false. -->
+	<!-- <customUpdateUI></customUpdateUI> -->
+	
+	<!-- Whether the application can be launched when the user clicks a link in a web browser.
+	Optional. Default false. -->
+	<!-- <allowBrowserInvocation></allowBrowserInvocation> -->
+
+	<!-- Listing of file types for which the application can register. Optional. -->
+	<!-- <fileTypes> -->
+
+		<!-- Defines one file type. Optional. -->
+		<!-- <fileType> -->
+
+			<!-- The name that the system displays for the registered file type. Required. -->
+			<!-- <name></name> -->
+
+			<!-- The extension to register. Required. -->
+			<!-- <extension></extension> -->
+			
+			<!-- The description of the file type. Optional. -->
+			<!-- <description></description> -->
+			
+			<!-- The MIME content type. -->
+			<!-- <contentType></contentType> -->
+			
+			<!-- The icon to display for the file type. Optional. -->
+			<!-- <icon>
+				<image16x16></image16x16>
+				<image32x32></image32x32>
+				<image48x48></image48x48>
+				<image128x128></image128x128>
+			</icon> -->
+			
+		<!-- </fileType> -->
+	<!-- </fileTypes> -->
+
+</application>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR20/Globalization/srcview/Sample-AIR2-Globalization/src/DateFormatterSample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR20/Globalization/srcview/Sample-AIR2-Globalization/src/DateFormatterSample.mxml b/TourDeFlex/TourDeFlex/src/objects/AIR20/Globalization/srcview/Sample-AIR2-Globalization/src/DateFormatterSample.mxml
new file mode 100644
index 0000000..63a3c0d
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR20/Globalization/srcview/Sample-AIR2-Globalization/src/DateFormatterSample.mxml
@@ -0,0 +1,105 @@
+<?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.
+
+-->
+<mx:Module xmlns:fx="http://ns.adobe.com/mxml/2009" 
+					   xmlns:s="library://ns.adobe.com/flex/spark" 
+					   xmlns:mx="library://ns.adobe.com/flex/mx" 
+					   styleName="plain" width="100%" height="100%">
+	
+	<fx:Declarations>
+		<s:RadioButtonGroup id="styleGrp"/>
+	</fx:Declarations>
+	<fx:Script>
+		<![CDATA[
+			import flash.globalization.DateTimeFormatter;
+			import flash.globalization.DateTimeStyle;
+			import flash.globalization.LocaleID;
+			
+			import mx.collections.ArrayCollection;
+			
+			protected var formatter:DateTimeFormatter;
+			
+			[Bindable]
+			protected var locales:ArrayCollection = new ArrayCollection([
+				{label:"Default Locale", data:LocaleID.DEFAULT},
+				{label:"Swedish", data:"sv_SE"}, 
+				{label:"Dutch", data:"nl_NL"},
+				{label:"French", data:"fr_FR"},
+				{label:"German", data:"de_DE"},
+				{label:"Japanese", data:"ja_JP"}, 
+				{label:"Korean", data:"ko_KR"}, 
+				{label:"US-English", data:"en_US"},
+			]);
+			
+			protected function formatDate():void
+			{
+				ta.text = "";
+				var date:Date = new Date();
+				var locale:String;
+				
+				if (ddl.selectedIndex == -1)
+					locale = LocaleID.DEFAULT;
+				else locale = ddl.selectedItem.data
+					
+				formatter = new DateTimeFormatter(locale);
+				
+				ta.text += "Locale selected: " + locale + " - Actual locale name: " + formatter.actualLocaleIDName;
+				ta.text += "\nFormatting date/time: " + date;
+				//trace("Date " +new Date());
+				if (styleGrp.selectedValue == "Long Style")
+				{
+					var longStyle:String = formatter.format(date);
+					var longStylePattern:String = formatter.getDateTimePattern();
+					ta.text += "\nLong Style Date pattern " + longStylePattern;
+					ta.text += "\nLong Style Date: " + longStyle;
+				}
+				else 
+				{
+					formatter.setDateTimeStyles(DateTimeStyle.NONE, DateTimeStyle.SHORT);
+					var shortStyle:String = formatter.format(date);
+					var shortStylePattern:String = formatter.getDateTimePattern();
+					ta.text += "\nShort Style date pattern " + shortStylePattern;
+					ta.text += "\nShort Style Date: " + shortStyle;
+				}
+				ta.text += "\n\n\nLast Operation Status: " + formatter.lastOperationStatus;
+				
+			}
+		]]>
+		
+	</fx:Script>
+	<s:Panel skinClass="skins.TDFPanelSkin" width="100%" height="100%" title="DateTime and Currency Formatting by Locale">
+		<s:VGroup top="10" left="12">
+			<s:Label text="Select style of date/time formatting:"/>
+			<s:HGroup>
+				<s:RadioButton id="shortDate" groupName="styleGrp" label="Short Style"/>
+				<s:RadioButton id="longDate" groupName="styleGrp" label="Long Style"/>
+			</s:HGroup>
+			<s:DropDownList id="ddl" dataProvider="{locales}" prompt="Select locale..." width="200"/>
+			<s:Button label="Format Today's Date" click="formatDate()"/>
+		</s:VGroup>
+		<s:VGroup top="10" right="20">
+			<s:Label text="Console:"/>
+			<s:TextArea id="ta" editable="false" width="400"/>
+		</s:VGroup>
+		<s:Label width="93%" verticalAlign="justify" color="#323232" bottom="25" horizontalCenter="0" 
+				 text="This sample will format today's date/time with the selected locale and date/time style (short versus long). The last operation status
+will indicate if an error occurred in formatting."/>
+	</s:Panel>
+	
+</mx:Module>


[27/51] [partial] Merged TourDeFlex release from develop

Posted by jm...@apache.org.
http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR20/Globalization/srcview/Sample-AIR2-Globalization/src/NumberFormatterSample-app.xml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR20/Globalization/srcview/Sample-AIR2-Globalization/src/NumberFormatterSample-app.xml b/TourDeFlex/TourDeFlex/src/objects/AIR20/Globalization/srcview/Sample-AIR2-Globalization/src/NumberFormatterSample-app.xml
new file mode 100755
index 0000000..f95bfbf
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR20/Globalization/srcview/Sample-AIR2-Globalization/src/NumberFormatterSample-app.xml
@@ -0,0 +1,156 @@
+<?xml version="1.0" encoding="utf-8" standalone="no"?>
+<!--
+
+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.
+
+-->
+<application xmlns="http://ns.adobe.com/air/application/2.0">
+
+<!-- Adobe AIR Application Descriptor File Template.
+
+	Specifies parameters for identifying, installing, and launching AIR applications.
+
+	xmlns - The Adobe AIR namespace: http://ns.adobe.com/air/application/2.0beta2
+			The last segment of the namespace specifies the version 
+			of the AIR runtime required for this application to run.
+			
+	minimumPatchLevel - The minimum patch level of the AIR runtime required to run 
+			the application. Optional.
+-->
+
+	<!-- The application identifier string, unique to this application. Required. -->
+	<id>NumberFormatterSample</id>
+
+	<!-- Used as the filename for the application. Required. -->
+	<filename>NumberFormatterSample</filename>
+
+	<!-- The name that is displayed in the AIR application installer. 
+	     May have multiple values for each language. See samples or xsd schema file. Optional. -->
+	<name>NumberFormatterSample</name>
+
+	<!-- An application version designator (such as "v1", "2.5", or "Alpha 1"). Required. -->
+	<version>v1</version>
+
+	<!-- Description, displayed in the AIR application installer.
+	     May have multiple values for each language. See samples or xsd schema file. Optional. -->
+	<!-- <description></description> -->
+
+	<!-- Copyright information. Optional -->
+	<!-- <copyright></copyright> -->
+
+	<!-- Publisher ID. Used if you're updating an application created prior to 1.5.3 -->
+	<!-- <publisherID></publisherID> -->
+
+	<!-- Settings for the application's initial window. Required. -->
+	<initialWindow>
+		<!-- The main SWF or HTML file of the application. Required. -->
+		<!-- Note: In Flash Builder, the SWF reference is set automatically. -->
+		<content>[This value will be overwritten by Flash Builder in the output app.xml]</content>
+		
+		<!-- The title of the main window. Optional. -->
+		<!-- <title></title> -->
+
+		<!-- The type of system chrome to use (either "standard" or "none"). Optional. Default standard. -->
+		<!-- <systemChrome></systemChrome> -->
+
+		<!-- Whether the window is transparent. Only applicable when systemChrome is none. Optional. Default false. -->
+		<!-- <transparent></transparent> -->
+
+		<!-- Whether the window is initially visible. Optional. Default false. -->
+		<!-- <visible></visible> -->
+
+		<!-- Whether the user can minimize the window. Optional. Default true. -->
+		<!-- <minimizable></minimizable> -->
+
+		<!-- Whether the user can maximize the window. Optional. Default true. -->
+		<!-- <maximizable></maximizable> -->
+
+		<!-- Whether the user can resize the window. Optional. Default true. -->
+		<!-- <resizable></resizable> -->
+
+		<!-- The window's initial width in pixels. Optional. -->
+		<!-- <width></width> -->
+
+		<!-- The window's initial height in pixels. Optional. -->
+		<!-- <height></height> -->
+
+		<!-- The window's initial x position. Optional. -->
+		<!-- <x></x> -->
+
+		<!-- The window's initial y position. Optional. -->
+		<!-- <y></y> -->
+
+		<!-- The window's minimum size, specified as a width/height pair in pixels, such as "400 200". Optional. -->
+		<!-- <minSize></minSize> -->
+
+		<!-- The window's initial maximum size, specified as a width/height pair in pixels, such as "1600 1200". Optional. -->
+		<!-- <maxSize></maxSize> -->
+	</initialWindow>
+
+	<!-- The subpath of the standard default installation location to use. Optional. -->
+	<!-- <installFolder></installFolder> -->
+
+	<!-- The subpath of the Programs menu to use. (Ignored on operating systems without a Programs menu.) Optional. -->
+	<!-- <programMenuFolder></programMenuFolder> -->
+
+	<!-- The icon the system uses for the application. For at least one resolution,
+		 specify the path to a PNG file included in the AIR package. Optional. -->
+	<!-- <icon>
+		<image16x16></image16x16>
+		<image32x32></image32x32>
+		<image48x48></image48x48>
+		<image128x128></image128x128>
+	</icon> -->
+
+	<!-- Whether the application handles the update when a user double-clicks an update version
+	of the AIR file (true), or the default AIR application installer handles the update (false).
+	Optional. Default false. -->
+	<!-- <customUpdateUI></customUpdateUI> -->
+	
+	<!-- Whether the application can be launched when the user clicks a link in a web browser.
+	Optional. Default false. -->
+	<!-- <allowBrowserInvocation></allowBrowserInvocation> -->
+
+	<!-- Listing of file types for which the application can register. Optional. -->
+	<!-- <fileTypes> -->
+
+		<!-- Defines one file type. Optional. -->
+		<!-- <fileType> -->
+
+			<!-- The name that the system displays for the registered file type. Required. -->
+			<!-- <name></name> -->
+
+			<!-- The extension to register. Required. -->
+			<!-- <extension></extension> -->
+			
+			<!-- The description of the file type. Optional. -->
+			<!-- <description></description> -->
+			
+			<!-- The MIME content type. -->
+			<!-- <contentType></contentType> -->
+			
+			<!-- The icon to display for the file type. Optional. -->
+			<!-- <icon>
+				<image16x16></image16x16>
+				<image32x32></image32x32>
+				<image48x48></image48x48>
+				<image128x128></image128x128>
+			</icon> -->
+			
+		<!-- </fileType> -->
+	<!-- </fileTypes> -->
+
+</application>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR20/Globalization/srcview/Sample-AIR2-Globalization/src/NumberFormatterSample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR20/Globalization/srcview/Sample-AIR2-Globalization/src/NumberFormatterSample.mxml b/TourDeFlex/TourDeFlex/src/objects/AIR20/Globalization/srcview/Sample-AIR2-Globalization/src/NumberFormatterSample.mxml
new file mode 100644
index 0000000..62593f6
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR20/Globalization/srcview/Sample-AIR2-Globalization/src/NumberFormatterSample.mxml
@@ -0,0 +1,106 @@
+<?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.
+
+-->
+<mx:Module	xmlns:fx="http://ns.adobe.com/mxml/2009" 
+			xmlns:s="library://ns.adobe.com/flex/spark" 
+			xmlns:mx="library://ns.adobe.com/flex/mx" 
+			styleName="plain" width="100%" height="100%">
+	<fx:Script>
+		<![CDATA[
+			import flash.globalization.LastOperationStatus;
+			import flash.globalization.LocaleID;
+			import flash.globalization.NumberFormatter;
+			import flash.globalization.NumberParseResult;
+			
+			import mx.collections.ArrayCollection;
+			protected var locale:String;
+			
+			[Bindable]
+			protected var locales:ArrayCollection = new ArrayCollection([
+				{label:"Default Locale", data:LocaleID.DEFAULT},
+				{label:"Swedish", data:"sv_SE"}, 
+				{label:"Dutch", data:"nl_NL"},
+				{label:"French", data:"fr_FR"},
+				{label:"German", data:"de_DE"},
+				{label:"Japanese", data:"ja_JP"}, 
+				{label:"Korean", data:"ko_KR"}, 
+				{label:"US-English", data:"en_US"},
+			]);
+			
+			protected function parseNumber():void
+			{
+				ta.text="";
+				
+				if (ddl.selectedIndex == -1)
+					locale = LocaleID.DEFAULT;
+				else locale = ddl.selectedItem.data
+					
+				var nf:NumberFormatter = new NumberFormatter(locale);
+				ta.text += "Locale selected: " + locale + " Actual LocaleID Name: " + nf.actualLocaleIDName  + "\n\n";
+				
+				var parseResult:NumberParseResult = nf.parse(num.text);
+				if (nf.lastOperationStatus == LastOperationStatus.NO_ERROR ) {
+					ta.text +="The value of Parsed Number:" + parseResult.value +"\n";
+				}
+				var parsedNumber:Number = nf.parseNumber(num.text);
+				if (nf.lastOperationStatus == LastOperationStatus.NO_ERROR ) {
+					ta.text+="The value of Parsed Number:" + parsedNumber +"\n";
+				}
+				ta.text += "\n\nLast Operation Status: " + nf.lastOperationStatus + "\n";   
+			}
+			protected function formatNumber():void
+			{
+				ta.text="";
+				
+				if (ddl.selectedIndex == -1)
+					locale = LocaleID.DEFAULT;
+				else locale = ddl.selectedItem.data
+					
+				var nf:NumberFormatter = new NumberFormatter(locale);
+				ta.text += "Locale selected: " + locale + " - Actual locale name: " + nf.actualLocaleIDName  + "\n\n"; 
+				ta.text += "Formatted Number: " + nf.formatNumber(Number(num.text))+"\n";
+				ta.text += "Formatted Integer: " + nf.formatInt(Number(num.text))+"\n";
+				ta.text += "Formatted Unsigned Integer: " + nf.formatUint(Number(num.text))+"\n";
+							
+				ta.text += "\n\nLast Operation Status: " + nf.lastOperationStatus+"\n";   
+				
+			}
+		]]>
+	</fx:Script>
+	
+	<s:Panel skinClass="skins.TDFPanelSkin" width="100%" height="100%" title="Number Formatting/Parsing by Locale">
+		<s:VGroup top="10" left="12">
+			<s:Label text="Enter a number with commas, decimals or negative"/>
+			<s:Label text="(for example: 123,456,789.123):"/>
+			<s:TextInput id="num"/>
+			<s:DropDownList id="ddl" dataProvider="{locales}" prompt="Select locale..." width="200"/>
+			<s:HGroup>
+				<s:Button label="Parse" click="parseNumber()"/>
+				<s:Button label="Format" click="formatNumber()"/>
+			</s:HGroup>
+		</s:VGroup>
+		<s:VGroup right="20" top="10">
+			<s:Label text="Console:"/>
+			<s:TextArea id="ta" width="350" editable="false" />
+		</s:VGroup>
+		<s:Label width="95%" verticalAlign="justify" color="#323232" bottom="25" horizontalCenter="0" 
+				 text="This sample will format or parse a number with the selected locale. The last operation status
+will indicate if an error occurred in formatting or parsing. "/>
+	</s:Panel>
+</mx:Module>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR20/Globalization/srcview/Sample-AIR2-Globalization/src/skins/TDFPanelSkin.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR20/Globalization/srcview/Sample-AIR2-Globalization/src/skins/TDFPanelSkin.mxml b/TourDeFlex/TourDeFlex/src/objects/AIR20/Globalization/srcview/Sample-AIR2-Globalization/src/skins/TDFPanelSkin.mxml
new file mode 100644
index 0000000..ff46524
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR20/Globalization/srcview/Sample-AIR2-Globalization/src/skins/TDFPanelSkin.mxml
@@ -0,0 +1,130 @@
+<?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.
+
+-->
+
+
+<s:Skin xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark" 
+		alpha.disabled="0.5" minWidth="131" minHeight="127">
+	
+	<fx:Metadata>
+		[HostComponent("spark.components.Panel")]
+	</fx:Metadata> 
+	
+	<s:states>
+		<s:State name="normal" />
+		<s:State name="disabled" />
+		<s:State name="normalWithControlBar" />
+		<s:State name="disabledWithControlBar" />
+	</s:states>
+	
+	<!-- drop shadow -->
+	<s:Rect left="0" top="0" right="0" bottom="0">
+		<s:filters>
+			<s:DropShadowFilter blurX="15" blurY="15" alpha="0.18" distance="11" angle="90" knockout="true" />
+		</s:filters>
+		<s:fill>
+			<s:SolidColor color="0" />
+		</s:fill>
+	</s:Rect>
+	
+	<!-- layer 1: border -->
+	<s:Rect left="0" right="0" top="0" bottom="0">
+		<s:stroke>
+			<s:SolidColorStroke color="0" alpha="0.50" weight="1" />
+		</s:stroke>
+	</s:Rect>
+	
+	<!-- layer 2: background fill -->
+	<s:Rect left="0" right="0" bottom="0" height="15">
+		<s:fill>
+			<s:LinearGradient rotation="90">
+				<s:GradientEntry color="0xE2E2E2" />
+				<s:GradientEntry color="0x000000" />
+			</s:LinearGradient>
+		</s:fill>
+	</s:Rect>
+	
+	<!-- layer 3: contents -->
+	<s:Group left="1" right="1" top="1" bottom="1" >
+		<s:layout>
+			<s:VerticalLayout gap="0" horizontalAlign="justify" />
+		</s:layout>
+		
+		<s:Group id="topGroup" >
+			<!-- layer 0: title bar fill -->
+			<!-- Note: We have custom skinned the title bar to be solid black for Tour de Flex -->
+			<s:Rect id="tbFill" left="0" right="0" top="0" bottom="1" >
+				<s:fill>
+					<s:SolidColor color="0x000000" />
+				</s:fill>
+			</s:Rect>
+			
+			<!-- layer 1: title bar highlight -->
+			<s:Rect id="tbHilite" left="0" right="0" top="0" bottom="0" >
+				<s:stroke>
+					<s:LinearGradientStroke rotation="90" weight="1">
+						<s:GradientEntry color="0xEAEAEA" />
+						<s:GradientEntry color="0xD9D9D9" />
+					</s:LinearGradientStroke>
+				</s:stroke>
+			</s:Rect>
+			
+			<!-- layer 2: title bar divider -->
+			<s:Rect id="tbDiv" left="0" right="0" height="1" bottom="0">
+				<s:fill>
+					<s:SolidColor color="0xC0C0C0" />
+				</s:fill>
+			</s:Rect>
+			
+			<!-- layer 3: text -->
+			<s:Label id="titleDisplay" maxDisplayedLines="1"
+					 left="9" right="3" top="1" minHeight="30"
+					 verticalAlign="middle" fontWeight="bold" color="#E2E2E2">
+			</s:Label>
+			
+		</s:Group>
+		
+		<s:Group id="contentGroup" width="100%" height="100%" minWidth="0" minHeight="0">
+		</s:Group>
+		
+		<s:Group id="bottomGroup" minWidth="0" minHeight="0"
+				 includeIn="normalWithControlBar, disabledWithControlBar" >
+			<!-- layer 0: control bar background -->
+			<s:Rect left="0" right="0" bottom="0" top="1" >
+				<s:fill>
+					<s:SolidColor color="0xE2EdF7" />
+				</s:fill>
+			</s:Rect>
+			
+			<!-- layer 1: control bar divider line -->
+			<s:Rect left="0" right="0" top="0" height="1" >
+				<s:fill>
+					<s:SolidColor color="0xD1E0F2" />
+				</s:fill>
+			</s:Rect>
+			
+			<!-- layer 2: control bar -->
+			<s:Group id="controlBarGroup" left="0" right="0" top="1" bottom="1" minWidth="0" minHeight="0">
+				<s:layout>
+					<s:HorizontalLayout paddingLeft="10" paddingRight="10" paddingTop="7" paddingBottom="7" gap="10" />
+				</s:layout>
+			</s:Group>
+		</s:Group>
+	</s:Group>
+</s:Skin>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR20/Globalization/srcview/Sample-AIR2-Globalization/src/test-app.xml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR20/Globalization/srcview/Sample-AIR2-Globalization/src/test-app.xml b/TourDeFlex/TourDeFlex/src/objects/AIR20/Globalization/srcview/Sample-AIR2-Globalization/src/test-app.xml
new file mode 100755
index 0000000..de9c8d6
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR20/Globalization/srcview/Sample-AIR2-Globalization/src/test-app.xml
@@ -0,0 +1,156 @@
+<?xml version="1.0" encoding="utf-8" standalone="no"?>
+<!--
+
+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.
+
+-->
+<application xmlns="http://ns.adobe.com/air/application/2.0beta2">
+
+<!-- Adobe AIR Application Descriptor File Template.
+
+	Specifies parameters for identifying, installing, and launching AIR applications.
+
+	xmlns - The Adobe AIR namespace: http://ns.adobe.com/air/application/2.0beta2
+			The last segment of the namespace specifies the version 
+			of the AIR runtime required for this application to run.
+			
+	minimumPatchLevel - The minimum patch level of the AIR runtime required to run 
+			the application. Optional.
+-->
+
+	<!-- The application identifier string, unique to this application. Required. -->
+	<id>test</id>
+
+	<!-- Used as the filename for the application. Required. -->
+	<filename>test</filename>
+
+	<!-- The name that is displayed in the AIR application installer. 
+	     May have multiple values for each language. See samples or xsd schema file. Optional. -->
+	<name>test</name>
+
+	<!-- An application version designator (such as "v1", "2.5", or "Alpha 1"). Required. -->
+	<version>v1</version>
+
+	<!-- Description, displayed in the AIR application installer.
+	     May have multiple values for each language. See samples or xsd schema file. Optional. -->
+	<!-- <description></description> -->
+
+	<!-- Copyright information. Optional -->
+	<!-- <copyright></copyright> -->
+
+	<!-- Publisher ID. Used if you're updating an application created prior to 1.5.3 -->
+	<!-- <publisherID></publisherID> -->
+
+	<!-- Settings for the application's initial window. Required. -->
+	<initialWindow>
+		<!-- The main SWF or HTML file of the application. Required. -->
+		<!-- Note: In Flash Builder, the SWF reference is set automatically. -->
+		<content>[This value will be overwritten by Flash Builder in the output app.xml]</content>
+		
+		<!-- The title of the main window. Optional. -->
+		<!-- <title></title> -->
+
+		<!-- The type of system chrome to use (either "standard" or "none"). Optional. Default standard. -->
+		<!-- <systemChrome></systemChrome> -->
+
+		<!-- Whether the window is transparent. Only applicable when systemChrome is none. Optional. Default false. -->
+		<!-- <transparent></transparent> -->
+
+		<!-- Whether the window is initially visible. Optional. Default false. -->
+		<!-- <visible></visible> -->
+
+		<!-- Whether the user can minimize the window. Optional. Default true. -->
+		<!-- <minimizable></minimizable> -->
+
+		<!-- Whether the user can maximize the window. Optional. Default true. -->
+		<!-- <maximizable></maximizable> -->
+
+		<!-- Whether the user can resize the window. Optional. Default true. -->
+		<!-- <resizable></resizable> -->
+
+		<!-- The window's initial width in pixels. Optional. -->
+		<!-- <width></width> -->
+
+		<!-- The window's initial height in pixels. Optional. -->
+		<!-- <height></height> -->
+
+		<!-- The window's initial x position. Optional. -->
+		<!-- <x></x> -->
+
+		<!-- The window's initial y position. Optional. -->
+		<!-- <y></y> -->
+
+		<!-- The window's minimum size, specified as a width/height pair in pixels, such as "400 200". Optional. -->
+		<!-- <minSize></minSize> -->
+
+		<!-- The window's initial maximum size, specified as a width/height pair in pixels, such as "1600 1200". Optional. -->
+		<!-- <maxSize></maxSize> -->
+	</initialWindow>
+
+	<!-- The subpath of the standard default installation location to use. Optional. -->
+	<!-- <installFolder></installFolder> -->
+
+	<!-- The subpath of the Programs menu to use. (Ignored on operating systems without a Programs menu.) Optional. -->
+	<!-- <programMenuFolder></programMenuFolder> -->
+
+	<!-- The icon the system uses for the application. For at least one resolution,
+		 specify the path to a PNG file included in the AIR package. Optional. -->
+	<!-- <icon>
+		<image16x16></image16x16>
+		<image32x32></image32x32>
+		<image48x48></image48x48>
+		<image128x128></image128x128>
+	</icon> -->
+
+	<!-- Whether the application handles the update when a user double-clicks an update version
+	of the AIR file (true), or the default AIR application installer handles the update (false).
+	Optional. Default false. -->
+	<!-- <customUpdateUI></customUpdateUI> -->
+	
+	<!-- Whether the application can be launched when the user clicks a link in a web browser.
+	Optional. Default false. -->
+	<!-- <allowBrowserInvocation></allowBrowserInvocation> -->
+
+	<!-- Listing of file types for which the application can register. Optional. -->
+	<!-- <fileTypes> -->
+
+		<!-- Defines one file type. Optional. -->
+		<!-- <fileType> -->
+
+			<!-- The name that the system displays for the registered file type. Required. -->
+			<!-- <name></name> -->
+
+			<!-- The extension to register. Required. -->
+			<!-- <extension></extension> -->
+			
+			<!-- The description of the file type. Optional. -->
+			<!-- <description></description> -->
+			
+			<!-- The MIME content type. -->
+			<!-- <contentType></contentType> -->
+			
+			<!-- The icon to display for the file type. Optional. -->
+			<!-- <icon>
+				<image16x16></image16x16>
+				<image32x32></image32x32>
+				<image48x48></image48x48>
+				<image128x128></image128x128>
+			</icon> -->
+			
+		<!-- </fileType> -->
+	<!-- </fileTypes> -->
+
+</application>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR20/Globalization/srcview/SourceIndex.xml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR20/Globalization/srcview/SourceIndex.xml b/TourDeFlex/TourDeFlex/src/objects/AIR20/Globalization/srcview/SourceIndex.xml
new file mode 100644
index 0000000..98971f8
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR20/Globalization/srcview/SourceIndex.xml
@@ -0,0 +1,44 @@
+<?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.
+
+-->
+<index>
+	<title>Source of Sample-AIR2-Globalization</title>
+	<nodes>
+		<node label="libs">
+			<node label="flashplayer10_globalswc.zip" url="source/libs/flashplayer10_globalswc.zip"/>
+			<node label="playerglobal.swc" url="source/libs/playerglobal.swc"/>
+		</node>
+		<node label="src">
+			<node icon="packageIcon" label="skins" expanded="true">
+				<node icon="mxmlIcon" label="TDFPanelSkin.mxml" url="source/skins/TDFPanelSkin.mxml.html"/>
+			</node>
+			<node label="CurrencyFormatterSample-app.xml" url="source/CurrencyFormatterSample-app.xml.txt"/>
+			<node icon="mxmlAppIcon" selected="true" label="CurrencyFormatterSample.mxml" url="source/CurrencyFormatterSample.mxml.html"/>
+			<node label="DateFormatterSample-app.xml" url="source/DateFormatterSample-app.xml.txt"/>
+			<node icon="mxmlIcon" label="DateFormatterSample.mxml" url="source/DateFormatterSample.mxml.html"/>
+			<node label="NumberFormatterSample-app.xml" url="source/NumberFormatterSample-app.xml.txt"/>
+			<node icon="mxmlIcon" label="NumberFormatterSample.mxml" url="source/NumberFormatterSample.mxml.html"/>
+			<node label="test-app.xml" url="source/test-app.xml.txt"/>
+		</node>
+	</nodes>
+	<zipfile label="Download source (ZIP, 596K)" url="Sample-AIR2-Globalization.zip">
+	</zipfile>
+	<sdklink label="Download Flex SDK" url="http://www.adobe.com/go/flex4_sdk_download">
+	</sdklink>
+</index>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR20/Globalization/srcview/SourceStyles.css
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR20/Globalization/srcview/SourceStyles.css b/TourDeFlex/TourDeFlex/src/objects/AIR20/Globalization/srcview/SourceStyles.css
new file mode 100644
index 0000000..9d5210f
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR20/Globalization/srcview/SourceStyles.css
@@ -0,0 +1,155 @@
+/*
+ * 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.
+ */
+body {
+	font-family: Courier New, Courier, monospace;
+	font-size: medium;
+}
+
+.ActionScriptASDoc {
+	color: #3f5fbf;
+}
+
+.ActionScriptBracket/Brace {
+}
+
+.ActionScriptComment {
+	color: #009900;
+	font-style: italic;
+}
+
+.ActionScriptDefault_Text {
+}
+
+.ActionScriptMetadata {
+	color: #0033ff;
+	font-weight: bold;
+}
+
+.ActionScriptOperator {
+}
+
+.ActionScriptReserved {
+	color: #0033ff;
+	font-weight: bold;
+}
+
+.ActionScriptString {
+	color: #990000;
+	font-weight: bold;
+}
+
+.ActionScriptclass {
+	color: #9900cc;
+	font-weight: bold;
+}
+
+.ActionScriptfunction {
+	color: #339966;
+	font-weight: bold;
+}
+
+.ActionScriptinterface {
+	color: #9900cc;
+	font-weight: bold;
+}
+
+.ActionScriptpackage {
+	color: #9900cc;
+	font-weight: bold;
+}
+
+.ActionScripttrace {
+	color: #cc6666;
+	font-weight: bold;
+}
+
+.ActionScriptvar {
+	color: #6699cc;
+	font-weight: bold;
+}
+
+.MXMLASDoc {
+	color: #3f5fbf;
+}
+
+.MXMLComment {
+	color: #800000;
+}
+
+.MXMLComponent_Tag {
+	color: #0000ff;
+}
+
+.MXMLDefault_Text {
+}
+
+.MXMLProcessing_Instruction {
+}
+
+.MXMLSpecial_Tag {
+	color: #006633;
+}
+
+.MXMLString {
+	color: #990000;
+}
+
+.CSS@font-face {
+	color: #990000;
+	font-weight: bold;
+}
+
+.CSS@import {
+	color: #006666;
+	font-weight: bold;
+}
+
+.CSS@media {
+	color: #663333;
+	font-weight: bold;
+}
+
+.CSS@namespace {
+	color: #923196;
+}
+
+.CSSComment {
+	color: #999999;
+}
+
+.CSSDefault_Text {
+}
+
+.CSSDelimiters {
+}
+
+.CSSProperty_Name {
+	color: #330099;
+}
+
+.CSSProperty_Value {
+	color: #3333cc;
+}
+
+.CSSSelector {
+	color: #ff00ff;
+}
+
+.CSSString {
+	color: #990000;
+}
+

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR20/Globalization/srcview/SourceTree.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR20/Globalization/srcview/SourceTree.html b/TourDeFlex/TourDeFlex/src/objects/AIR20/Globalization/srcview/SourceTree.html
new file mode 100644
index 0000000..80281a9
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR20/Globalization/srcview/SourceTree.html
@@ -0,0 +1,129 @@
+<!--
+  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.
+-->
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<!-- saved from url=(0014)about:internet -->
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">	
+    <!-- 
+    Smart developers always View Source. 
+    
+    This application was built using Adobe Flex, an open source framework
+    for building rich Internet applications that get delivered via the
+    Flash Player or to desktops via Adobe AIR. 
+    
+    Learn more about Flex at http://flex.org 
+    // -->
+    <head>
+        <title></title>         
+        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+		<!-- Include CSS to eliminate any default margins/padding and set the height of the html element and 
+		     the body element to 100%, because Firefox, or any Gecko based browser, interprets percentage as 
+			 the percentage of the height of its parent container, which has to be set explicitly.  Initially, 
+			 don't display flashContent div so it won't show if JavaScript disabled.
+		-->
+        <style type="text/css" media="screen"> 
+			html, body	{ height:100%; }
+			body { margin:0; padding:0; overflow:auto; text-align:center; 
+			       background-color: #ffffff; }   
+			#flashContent { display:none; }
+        </style>
+		
+		<!-- Enable Browser History by replacing useBrowserHistory tokens with two hyphens -->
+        <!-- BEGIN Browser History required section >
+        <link rel="stylesheet" type="text/css" href="history/history.css" />
+        <script type="text/javascript" src="history/history.js"></script>
+        <! END Browser History required section -->  
+		    
+        <script type="text/javascript" src="swfobject.js"></script>
+        <script type="text/javascript">
+  	        function loadIntoMain(url) {
+				parent.mainFrame.location.href = url;
+			}
+			
+			function openUrlWindow(url) {
+				window.top.location = url;
+			}
+			
+            <!-- For version detection, set to min. required Flash Player version, or 0 (or 0.0.0), for no version detection. --> 
+            var swfVersionStr = "10.0.0";
+            <!-- To use express install, set to playerProductInstall.swf, otherwise the empty string. -->
+            var xiSwfUrlStr = "playerProductInstall.swf";
+            var flashvars = {};
+            var params = {};
+            params.quality = "high";
+            params.bgcolor = "#ffffff";
+            params.allowscriptaccess = "sameDomain";
+            params.allowfullscreen = "true";
+            var attributes = {};
+            attributes.id = "SourceTree";
+            attributes.name = "SourceTree";
+            attributes.align = "middle";
+            swfobject.embedSWF(
+                "SourceTree.swf", "flashContent", 
+                "100%", "100%", 
+                swfVersionStr, xiSwfUrlStr, 
+                flashvars, params, attributes);
+			<!-- JavaScript enabled so display the flashContent div in case it is not replaced with a swf object. -->
+			swfobject.createCSS("#flashContent", "display:block;text-align:left;");
+        </script>
+    </head>
+    <body>
+        <!-- SWFObject's dynamic embed method replaces this alternative HTML content with Flash content when enough 
+			 JavaScript and Flash plug-in support is available. The div is initially hidden so that it doesn't show
+			 when JavaScript is disabled.
+		-->
+        <div id="flashContent">
+        	<p>
+	        	To view this page ensure that Adobe Flash Player version 
+				10.0.0 or greater is installed. 
+			</p>
+			<script type="text/javascript"> 
+				var pageHost = ((document.location.protocol == "https:") ? "https://" :	"http://"); 
+				document.write("<a href='http://www.adobe.com/go/getflashplayer'><img src='" 
+								+ pageHost + "www.adobe.com/images/shared/download_buttons/get_flash_player.gif' alt='Get Adobe Flash player' /></a>" ); 
+			</script> 
+        </div>
+	   	
+       	<noscript>
+            <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="100%" height="100%" id="SourceTree">
+                <param name="movie" value="SourceTree.swf" />
+                <param name="quality" value="high" />
+                <param name="bgcolor" value="#ffffff" />
+                <param name="allowScriptAccess" value="sameDomain" />
+                <param name="allowFullScreen" value="true" />
+                <!--[if !IE]>-->
+                <object type="application/x-shockwave-flash" data="SourceTree.swf" width="100%" height="100%">
+                    <param name="quality" value="high" />
+                    <param name="bgcolor" value="#ffffff" />
+                    <param name="allowScriptAccess" value="sameDomain" />
+                    <param name="allowFullScreen" value="true" />
+                <!--<![endif]-->
+                <!--[if gte IE 6]>-->
+                	<p> 
+                		Either scripts and active content are not permitted to run or Adobe Flash Player version
+                		10.0.0 or greater is not installed.
+                	</p>
+                <!--<![endif]-->
+                    <a href="http://www.adobe.com/go/getflashplayer">
+                        <img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash Player" />
+                    </a>
+                <!--[if !IE]>-->
+                </object>
+                <!--<![endif]-->
+            </object>
+	    </noscript>		
+   </body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR20/Globalization/srcview/index.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR20/Globalization/srcview/index.html b/TourDeFlex/TourDeFlex/src/objects/AIR20/Globalization/srcview/index.html
new file mode 100644
index 0000000..80e65d2
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR20/Globalization/srcview/index.html
@@ -0,0 +1,32 @@
+<!--
+  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.
+-->
+<!-- saved from url=(0014)about:internet -->
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+<title>Source of Sample-AIR2-Globalization</title>
+</head>
+<frameset cols="235,*" border="2" framespacing="1">
+    <frame src="SourceTree.html" name="leftFrame" scrolling="NO">
+    <frame src="source/CurrencyFormatterSample.mxml.html" name="mainFrame">
+</frameset>
+<noframes>
+	<body>		
+	</body>
+</noframes>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR20/Globalization/srcview/source/CurrencyFormatterSample-app.xml.txt
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR20/Globalization/srcview/source/CurrencyFormatterSample-app.xml.txt b/TourDeFlex/TourDeFlex/src/objects/AIR20/Globalization/srcview/source/CurrencyFormatterSample-app.xml.txt
new file mode 100644
index 0000000..3bd1998
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR20/Globalization/srcview/source/CurrencyFormatterSample-app.xml.txt
@@ -0,0 +1,156 @@
+<?xml version="1.0" encoding="utf-8" standalone="no"?>
+<!--
+
+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.
+
+-->
+<application xmlns="http://ns.adobe.com/air/application/2.0">
+
+<!-- Adobe AIR Application Descriptor File Template.
+
+	Specifies parameters for identifying, installing, and launching AIR applications.
+
+	xmlns - The Adobe AIR namespace: http://ns.adobe.com/air/application/2.0beta2
+			The last segment of the namespace specifies the version 
+			of the AIR runtime required for this application to run.
+			
+	minimumPatchLevel - The minimum patch level of the AIR runtime required to run 
+			the application. Optional.
+-->
+
+	<!-- The application identifier string, unique to this application. Required. -->
+	<id>CurrencyFormatterSample</id>
+
+	<!-- Used as the filename for the application. Required. -->
+	<filename>CurrencyFormatterSample</filename>
+
+	<!-- The name that is displayed in the AIR application installer. 
+	     May have multiple values for each language. See samples or xsd schema file. Optional. -->
+	<name>CurrencyFormatterSample</name>
+
+	<!-- An application version designator (such as "v1", "2.5", or "Alpha 1"). Required. -->
+	<version>v1</version>
+
+	<!-- Description, displayed in the AIR application installer.
+	     May have multiple values for each language. See samples or xsd schema file. Optional. -->
+	<!-- <description></description> -->
+
+	<!-- Copyright information. Optional -->
+	<!-- <copyright></copyright> -->
+
+	<!-- Publisher ID. Used if you're updating an application created prior to 1.5.3 -->
+	<!-- <publisherID></publisherID> -->
+
+	<!-- Settings for the application's initial window. Required. -->
+	<initialWindow>
+		<!-- The main SWF or HTML file of the application. Required. -->
+		<!-- Note: In Flash Builder, the SWF reference is set automatically. -->
+		<content>[This value will be overwritten by Flash Builder in the output app.xml]</content>
+		
+		<!-- The title of the main window. Optional. -->
+		<!-- <title></title> -->
+
+		<!-- The type of system chrome to use (either "standard" or "none"). Optional. Default standard. -->
+		<!-- <systemChrome></systemChrome> -->
+
+		<!-- Whether the window is transparent. Only applicable when systemChrome is none. Optional. Default false. -->
+		<!-- <transparent></transparent> -->
+
+		<!-- Whether the window is initially visible. Optional. Default false. -->
+		<!-- <visible></visible> -->
+
+		<!-- Whether the user can minimize the window. Optional. Default true. -->
+		<!-- <minimizable></minimizable> -->
+
+		<!-- Whether the user can maximize the window. Optional. Default true. -->
+		<!-- <maximizable></maximizable> -->
+
+		<!-- Whether the user can resize the window. Optional. Default true. -->
+		<!-- <resizable></resizable> -->
+
+		<!-- The window's initial width in pixels. Optional. -->
+		<!-- <width></width> -->
+
+		<!-- The window's initial height in pixels. Optional. -->
+		<!-- <height></height> -->
+
+		<!-- The window's initial x position. Optional. -->
+		<!-- <x></x> -->
+
+		<!-- The window's initial y position. Optional. -->
+		<!-- <y></y> -->
+
+		<!-- The window's minimum size, specified as a width/height pair in pixels, such as "400 200". Optional. -->
+		<!-- <minSize></minSize> -->
+
+		<!-- The window's initial maximum size, specified as a width/height pair in pixels, such as "1600 1200". Optional. -->
+		<!-- <maxSize></maxSize> -->
+	</initialWindow>
+
+	<!-- The subpath of the standard default installation location to use. Optional. -->
+	<!-- <installFolder></installFolder> -->
+
+	<!-- The subpath of the Programs menu to use. (Ignored on operating systems without a Programs menu.) Optional. -->
+	<!-- <programMenuFolder></programMenuFolder> -->
+
+	<!-- The icon the system uses for the application. For at least one resolution,
+		 specify the path to a PNG file included in the AIR package. Optional. -->
+	<!-- <icon>
+		<image16x16></image16x16>
+		<image32x32></image32x32>
+		<image48x48></image48x48>
+		<image128x128></image128x128>
+	</icon> -->
+
+	<!-- Whether the application handles the update when a user double-clicks an update version
+	of the AIR file (true), or the default AIR application installer handles the update (false).
+	Optional. Default false. -->
+	<!-- <customUpdateUI></customUpdateUI> -->
+	
+	<!-- Whether the application can be launched when the user clicks a link in a web browser.
+	Optional. Default false. -->
+	<!-- <allowBrowserInvocation></allowBrowserInvocation> -->
+
+	<!-- Listing of file types for which the application can register. Optional. -->
+	<!-- <fileTypes> -->
+
+		<!-- Defines one file type. Optional. -->
+		<!-- <fileType> -->
+
+			<!-- The name that the system displays for the registered file type. Required. -->
+			<!-- <name></name> -->
+
+			<!-- The extension to register. Required. -->
+			<!-- <extension></extension> -->
+			
+			<!-- The description of the file type. Optional. -->
+			<!-- <description></description> -->
+			
+			<!-- The MIME content type. -->
+			<!-- <contentType></contentType> -->
+			
+			<!-- The icon to display for the file type. Optional. -->
+			<!-- <icon>
+				<image16x16></image16x16>
+				<image32x32></image32x32>
+				<image48x48></image48x48>
+				<image128x128></image128x128>
+			</icon> -->
+			
+		<!-- </fileType> -->
+	<!-- </fileTypes> -->
+
+</application>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR20/Globalization/srcview/source/CurrencyFormatterSample.mxml.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR20/Globalization/srcview/source/CurrencyFormatterSample.mxml.html b/TourDeFlex/TourDeFlex/src/objects/AIR20/Globalization/srcview/source/CurrencyFormatterSample.mxml.html
new file mode 100644
index 0000000..42e9da9
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR20/Globalization/srcview/source/CurrencyFormatterSample.mxml.html
@@ -0,0 +1,116 @@
+<!--
+  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.
+-->
+<!-- saved from url=(0014)about:internet -->
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+<title>CurrencyFormatterSample.mxml</title>
+<link rel="stylesheet" type="text/css" href="../SourceStyles.css"/>
+</head>
+
+<body><pre><span class="MXMLProcessing_Instruction">&lt;?xml version="1.0" encoding="utf-8"?&gt;</span>
+<span class="MXMLComponent_Tag">&lt;s:WindowedApplication</span><span class="MXMLDefault_Text"> xmlns:fx="</span><span class="MXMLString">http://ns.adobe.com/mxml/2009</span><span class="MXMLDefault_Text">" 
+                       xmlns:s="</span><span class="MXMLString">library://ns.adobe.com/flex/spark</span><span class="MXMLDefault_Text">" 
+                       xmlns:mx="</span><span class="MXMLString">library://ns.adobe.com/flex/mx</span><span class="MXMLDefault_Text">" 
+                       styleName="</span><span class="MXMLString">plain</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" height="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+    
+    <span class="MXMLSpecial_Tag">&lt;fx:Declarations&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;s:RadioButtonGroup</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">radioGrp</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+    <span class="MXMLSpecial_Tag">&lt;/fx:Declarations&gt;</span>
+    
+    <span class="MXMLSpecial_Tag">&lt;fx:Script&gt;</span>
+        &lt;![CDATA[
+            <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">flash</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">globalization</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">CurrencyFormatter</span>;
+            <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">flash</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">globalization</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">DateTimeFormatter</span>;
+            <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">flash</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">globalization</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">LocaleID</span>;
+            
+            <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">mx</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">collections</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">ArrayCollection</span>;
+            
+            <span class="ActionScriptReserved">protected</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">cf</span>:<span class="ActionScriptDefault_Text">CurrencyFormatter</span>; 
+            <span class="ActionScriptReserved">protected</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">dtf</span>:<span class="ActionScriptDefault_Text">DateTimeFormatter</span>;
+            <span class="ActionScriptReserved">protected</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">date</span>:<span class="ActionScriptDefault_Text">Date</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">Date</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
+            
+            <span class="ActionScriptBracket/Brace">[</span><span class="ActionScriptMetadata">Bindable</span><span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptReserved">protected</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">locales</span>:<span class="ActionScriptDefault_Text">ArrayCollection</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">ArrayCollection</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">[</span>
+                <span class="ActionScriptBracket/Brace">{</span><span class="ActionScriptDefault_Text">label</span>:<span class="ActionScriptString">"Default Locale"</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">data</span>:<span class="ActionScriptDefault_Text">LocaleID</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">DEFAULT</span><span class="ActionScriptBracket/Brace">}</span><span class="ActionScriptOperator">,</span>
+                <span class="ActionScriptBracket/Brace">{</span><span class="ActionScriptDefault_Text">label</span>:<span class="ActionScriptString">"Swedish"</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">data</span>:<span class="ActionScriptString">"sv_SE"</span><span class="ActionScriptBracket/Brace">}</span><span class="ActionScriptOperator">,</span> 
+                <span class="ActionScriptBracket/Brace">{</span><span class="ActionScriptDefault_Text">label</span>:<span class="ActionScriptString">"Dutch"</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">data</span>:<span class="ActionScriptString">"nl_NL"</span><span class="ActionScriptBracket/Brace">}</span><span class="ActionScriptOperator">,</span>
+                <span class="ActionScriptBracket/Brace">{</span><span class="ActionScriptDefault_Text">label</span>:<span class="ActionScriptString">"French"</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">data</span>:<span class="ActionScriptString">"fr_FR"</span><span class="ActionScriptBracket/Brace">}</span><span class="ActionScriptOperator">,</span>
+                <span class="ActionScriptBracket/Brace">{</span><span class="ActionScriptDefault_Text">label</span>:<span class="ActionScriptString">"German"</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">data</span>:<span class="ActionScriptString">"de_DE"</span><span class="ActionScriptBracket/Brace">}</span><span class="ActionScriptOperator">,</span>
+                <span class="ActionScriptBracket/Brace">{</span><span class="ActionScriptDefault_Text">label</span>:<span class="ActionScriptString">"Japanese"</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">data</span>:<span class="ActionScriptString">"ja_JP"</span><span class="ActionScriptBracket/Brace">}</span><span class="ActionScriptOperator">,</span> 
+                <span class="ActionScriptBracket/Brace">{</span><span class="ActionScriptDefault_Text">label</span>:<span class="ActionScriptString">"Korean"</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">data</span>:<span class="ActionScriptString">"ko_KR"</span><span class="ActionScriptBracket/Brace">}</span><span class="ActionScriptOperator">,</span> 
+                <span class="ActionScriptBracket/Brace">{</span><span class="ActionScriptDefault_Text">label</span>:<span class="ActionScriptString">"US-English"</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">data</span>:<span class="ActionScriptString">"en_US"</span><span class="ActionScriptBracket/Brace">}</span><span class="ActionScriptOperator">,</span>
+            <span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptBracket/Brace">)</span>;
+            
+            <span class="ActionScriptReserved">protected</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">formatCurrency</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
+            <span class="ActionScriptBracket/Brace">{</span>
+                <span class="ActionScriptDefault_Text">ta</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptString">""</span>;
+                <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">locale</span>:<span class="ActionScriptDefault_Text">String</span>;
+                
+                <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">ddl</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">selectedIndex</span> <span class="ActionScriptOperator">==</span> <span class="ActionScriptOperator">-</span>1<span class="ActionScriptBracket/Brace">)</span>
+                    <span class="ActionScriptDefault_Text">locale</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">LocaleID</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">DEFAULT</span>;
+                <span class="ActionScriptReserved">else</span> <span class="ActionScriptDefault_Text">locale</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">ddl</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">selectedItem</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">data</span>
+                    
+                <span class="ActionScriptDefault_Text">cf</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">CurrencyFormatter</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">locale</span><span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptDefault_Text">ta</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span> <span class="ActionScriptOperator">+=</span> <span class="ActionScriptString">"Locale selected: "</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptDefault_Text">locale</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptString">" - Actual locale name: "</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptDefault_Text">cf</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">actualLocaleIDName</span><span class="ActionScriptOperator">+</span><span class="ActionScriptString">"\n"</span>;
+                <span class="ActionScriptDefault_Text">ta</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span> <span class="ActionScriptOperator">+=</span> <span class="ActionScriptString">"\nCurrency Symbol: "</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptDefault_Text">cf</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">currencySymbol</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptString">" Currency ISO Code: "</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptDefault_Text">cf</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">currencyISOCode</span> ;
+                
+                <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">num</span>:<span class="ActionScriptDefault_Text">Number</span> <span class="ActionScriptOperator">=</span> 0;
+                <span class="ActionScriptDefault_Text">num</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">Number</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">curr</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span><span class="ActionScriptBracket/Brace">)</span>;
+                
+                <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">radioGrp</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">selectedValue</span> <span class="ActionScriptOperator">==</span> <span class="ActionScriptString">"Format by Symbol"</span><span class="ActionScriptBracket/Brace">)</span>
+                <span class="ActionScriptBracket/Brace">{</span>
+                    <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">cf</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">formattingWithCurrencySymbolIsSafe</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">cf</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">currencyISOCode</span><span class="ActionScriptBracket/Brace">)</span><span class="ActionScriptBracket/Brace">)</span>
+                    <span class="ActionScriptBracket/Brace">{</span>
+                        <span class="ActionScriptDefault_Text">ta</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span> <span class="ActionScriptOperator">+=</span> <span class="ActionScriptString">"\nFormat using Symbol: "</span><span class="ActionScriptOperator">+</span>  <span class="ActionScriptDefault_Text">cf</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">format</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">num</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptReserved">true</span><span class="ActionScriptBracket/Brace">)</span>;
+                    <span class="ActionScriptBracket/Brace">}</span>
+                    <span class="ActionScriptReserved">else</span> <span class="ActionScriptDefault_Text">ta</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span> <span class="ActionScriptOperator">+=</span> <span class="ActionScriptString">"\nFormat using symbol is not safe. Format by ISO code instead"</span>;
+                <span class="ActionScriptBracket/Brace">}</span>
+                <span class="ActionScriptReserved">else</span>
+                <span class="ActionScriptBracket/Brace">{</span>
+                    <span class="ActionScripttrace">trace</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">"Num "</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptDefault_Text">num</span><span class="ActionScriptBracket/Brace">)</span>;
+                    <span class="ActionScriptDefault_Text">ta</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span> <span class="ActionScriptOperator">+=</span> <span class="ActionScriptString">"\nFormat using ISO Code: "</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptDefault_Text">cf</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">format</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">num</span><span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptBracket/Brace">}</span>
+                <span class="ActionScriptDefault_Text">ta</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span> <span class="ActionScriptOperator">+=</span> <span class="ActionScriptString">"\n\n\nLast Operation Status: "</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptDefault_Text">cf</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">lastOperationStatus</span>;
+            <span class="ActionScriptBracket/Brace">}</span>
+        <span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptOperator">&gt;</span>
+    <span class="MXMLSpecial_Tag">&lt;/fx:Script&gt;</span>
+    
+    <span class="MXMLComponent_Tag">&lt;s:Panel</span><span class="MXMLDefault_Text"> skinClass="</span><span class="MXMLString">skins.TDFPanelSkin</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" height="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" title="</span><span class="MXMLString">Currency Formatting by Locale</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;s:VGroup</span><span class="MXMLDefault_Text"> left="</span><span class="MXMLString">12</span><span class="MXMLDefault_Text">" top="</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;s:Label</span><span class="MXMLDefault_Text"> text="</span><span class="MXMLString">Enter currency to format (for example: 1206.99):</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;s:TextInput</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">curr</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;s:Label</span><span class="MXMLDefault_Text"> text="</span><span class="MXMLString">Select to format currency by symbol or ISO code:</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;s:HGroup&gt;</span>
+                <span class="MXMLComponent_Tag">&lt;s:RadioButton</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">bySymbol</span><span class="MXMLDefault_Text">" groupName="</span><span class="MXMLString">radioGrp</span><span class="MXMLDefault_Text">" label="</span><span class="MXMLString">Format by Symbol</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+                <span class="MXMLComponent_Tag">&lt;s:RadioButton</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">byISO</span><span class="MXMLDefault_Text">" groupName="</span><span class="MXMLString">radioGrp</span><span class="MXMLDefault_Text">" label="</span><span class="MXMLString">Format by ISO</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;/s:HGroup&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;s:DropDownList</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">ddl</span><span class="MXMLDefault_Text">" dataProvider="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">locales</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">" prompt="</span><span class="MXMLString">Select locale...</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">200</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;s:Button</span><span class="MXMLDefault_Text"> label="</span><span class="MXMLString">Format Currency</span><span class="MXMLDefault_Text">" click="</span><span class="ActionScriptDefault_Text">formatCurrency</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;/s:VGroup&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;s:VGroup</span><span class="MXMLDefault_Text"> top="</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">" right="</span><span class="MXMLString">20</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;s:Label</span><span class="MXMLDefault_Text"> text="</span><span class="MXMLString">Console:</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;s:TextArea</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">ta</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">350</span><span class="MXMLDefault_Text">" height="</span><span class="MXMLString">120</span><span class="MXMLDefault_Text">" editable="</span><span class="MXMLString">false</span><span class="MXMLDefault_Text">" </span><span class="MXMLComponent_Tag">/&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;/s:VGroup&gt;</span>        
+        <span class="MXMLComponent_Tag">&lt;s:Label</span><span class="MXMLDefault_Text"> width="</span><span class="MXMLString">95%</span><span class="MXMLDefault_Text">" verticalAlign="</span><span class="MXMLString">justify</span><span class="MXMLDefault_Text">" color="</span><span class="MXMLString">#323232</span><span class="MXMLDefault_Text">" bottom="</span><span class="MXMLString">25</span><span class="MXMLDefault_Text">" horizontalCenter="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">" 
+                 text="</span><span class="MXMLString">This sample will format a currency value with the selected locale and by symbol or ISO code depending on radio button selection. Before formatting by 
+symbol, you should check if the formatting by that symbol is safe, such as shown in this example. The last operation status
+will indicate if an error occurred in formatting. </span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+    <span class="MXMLComponent_Tag">&lt;/s:Panel&gt;</span>
+    
+<span class="MXMLComponent_Tag">&lt;/s:WindowedApplication&gt;</span></pre></body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR20/Globalization/srcview/source/DateFormatterSample-app.xml.txt
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR20/Globalization/srcview/source/DateFormatterSample-app.xml.txt b/TourDeFlex/TourDeFlex/src/objects/AIR20/Globalization/srcview/source/DateFormatterSample-app.xml.txt
new file mode 100644
index 0000000..27c5d7d
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR20/Globalization/srcview/source/DateFormatterSample-app.xml.txt
@@ -0,0 +1,156 @@
+<?xml version="1.0" encoding="utf-8" standalone="no"?>
+<!--
+
+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.
+
+-->
+<application xmlns="http://ns.adobe.com/air/application/2.0">
+
+<!-- Adobe AIR Application Descriptor File Template.
+
+	Specifies parameters for identifying, installing, and launching AIR applications.
+
+	xmlns - The Adobe AIR namespace: http://ns.adobe.com/air/application/2.0beta2
+			The last segment of the namespace specifies the version 
+			of the AIR runtime required for this application to run.
+			
+	minimumPatchLevel - The minimum patch level of the AIR runtime required to run 
+			the application. Optional.
+-->
+
+	<!-- The application identifier string, unique to this application. Required. -->
+	<id>DateFormatterSample</id>
+
+	<!-- Used as the filename for the application. Required. -->
+	<filename>DateFormatterSample</filename>
+
+	<!-- The name that is displayed in the AIR application installer. 
+	     May have multiple values for each language. See samples or xsd schema file. Optional. -->
+	<name>DateFormatterSample</name>
+
+	<!-- An application version designator (such as "v1", "2.5", or "Alpha 1"). Required. -->
+	<version>v1</version>
+
+	<!-- Description, displayed in the AIR application installer.
+	     May have multiple values for each language. See samples or xsd schema file. Optional. -->
+	<!-- <description></description> -->
+
+	<!-- Copyright information. Optional -->
+	<!-- <copyright></copyright> -->
+
+	<!-- Publisher ID. Used if you're updating an application created prior to 1.5.3 -->
+	<!-- <publisherID></publisherID> -->
+
+	<!-- Settings for the application's initial window. Required. -->
+	<initialWindow>
+		<!-- The main SWF or HTML file of the application. Required. -->
+		<!-- Note: In Flash Builder, the SWF reference is set automatically. -->
+		<content>[This value will be overwritten by Flash Builder in the output app.xml]</content>
+		
+		<!-- The title of the main window. Optional. -->
+		<!-- <title></title> -->
+
+		<!-- The type of system chrome to use (either "standard" or "none"). Optional. Default standard. -->
+		<!-- <systemChrome></systemChrome> -->
+
+		<!-- Whether the window is transparent. Only applicable when systemChrome is none. Optional. Default false. -->
+		<!-- <transparent></transparent> -->
+
+		<!-- Whether the window is initially visible. Optional. Default false. -->
+		<!-- <visible></visible> -->
+
+		<!-- Whether the user can minimize the window. Optional. Default true. -->
+		<!-- <minimizable></minimizable> -->
+
+		<!-- Whether the user can maximize the window. Optional. Default true. -->
+		<!-- <maximizable></maximizable> -->
+
+		<!-- Whether the user can resize the window. Optional. Default true. -->
+		<!-- <resizable></resizable> -->
+
+		<!-- The window's initial width in pixels. Optional. -->
+		<!-- <width></width> -->
+
+		<!-- The window's initial height in pixels. Optional. -->
+		<!-- <height></height> -->
+
+		<!-- The window's initial x position. Optional. -->
+		<!-- <x></x> -->
+
+		<!-- The window's initial y position. Optional. -->
+		<!-- <y></y> -->
+
+		<!-- The window's minimum size, specified as a width/height pair in pixels, such as "400 200". Optional. -->
+		<!-- <minSize></minSize> -->
+
+		<!-- The window's initial maximum size, specified as a width/height pair in pixels, such as "1600 1200". Optional. -->
+		<!-- <maxSize></maxSize> -->
+	</initialWindow>
+
+	<!-- The subpath of the standard default installation location to use. Optional. -->
+	<!-- <installFolder></installFolder> -->
+
+	<!-- The subpath of the Programs menu to use. (Ignored on operating systems without a Programs menu.) Optional. -->
+	<!-- <programMenuFolder></programMenuFolder> -->
+
+	<!-- The icon the system uses for the application. For at least one resolution,
+		 specify the path to a PNG file included in the AIR package. Optional. -->
+	<!-- <icon>
+		<image16x16></image16x16>
+		<image32x32></image32x32>
+		<image48x48></image48x48>
+		<image128x128></image128x128>
+	</icon> -->
+
+	<!-- Whether the application handles the update when a user double-clicks an update version
+	of the AIR file (true), or the default AIR application installer handles the update (false).
+	Optional. Default false. -->
+	<!-- <customUpdateUI></customUpdateUI> -->
+	
+	<!-- Whether the application can be launched when the user clicks a link in a web browser.
+	Optional. Default false. -->
+	<!-- <allowBrowserInvocation></allowBrowserInvocation> -->
+
+	<!-- Listing of file types for which the application can register. Optional. -->
+	<!-- <fileTypes> -->
+
+		<!-- Defines one file type. Optional. -->
+		<!-- <fileType> -->
+
+			<!-- The name that the system displays for the registered file type. Required. -->
+			<!-- <name></name> -->
+
+			<!-- The extension to register. Required. -->
+			<!-- <extension></extension> -->
+			
+			<!-- The description of the file type. Optional. -->
+			<!-- <description></description> -->
+			
+			<!-- The MIME content type. -->
+			<!-- <contentType></contentType> -->
+			
+			<!-- The icon to display for the file type. Optional. -->
+			<!-- <icon>
+				<image16x16></image16x16>
+				<image32x32></image32x32>
+				<image48x48></image48x48>
+				<image128x128></image128x128>
+			</icon> -->
+			
+		<!-- </fileType> -->
+	<!-- </fileTypes> -->
+
+</application>


[22/51] [partial] Merged TourDeFlex release from develop

Posted by jm...@apache.org.
http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR20/Microphone/srcview/source/sample.mxml.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR20/Microphone/srcview/source/sample.mxml.html b/TourDeFlex/TourDeFlex/src/objects/AIR20/Microphone/srcview/source/sample.mxml.html
new file mode 100644
index 0000000..e4d51f1
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR20/Microphone/srcview/source/sample.mxml.html
@@ -0,0 +1,202 @@
+<!--
+  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.
+-->
+<!-- saved from url=(0014)about:internet -->
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+<title>sample.mxml</title>
+<link rel="stylesheet" type="text/css" href="../SourceStyles.css"/>
+</head>
+
+<body><pre><span class="MXMLProcessing_Instruction">&lt;?xml version="1.0" encoding="utf-8"?&gt;</span>
+<span class="MXMLComponent_Tag">&lt;s:WindowedApplication</span><span class="MXMLDefault_Text"> xmlns:fx="</span><span class="MXMLString">http://ns.adobe.com/mxml/2009</span><span class="MXMLDefault_Text">" 
+                        xmlns:s="</span><span class="MXMLString">library://ns.adobe.com/flex/spark</span><span class="MXMLDefault_Text">" 
+                        xmlns:mx="</span><span class="MXMLString">library://ns.adobe.com/flex/mx</span><span class="MXMLDefault_Text">" 
+                        creationComplete="</span><span class="ActionScriptDefault_Text">init</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span><span class="MXMLDefault_Text">" styleName="</span><span class="MXMLString">plain</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" height="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+    
+    <span class="MXMLComment">&lt;!--</span><span class="MXMLComment"> LINK TO ARTICLE: http://www.adobe.com/devnet/air/flex/articles/using_mic_api.html </span><span class="MXMLComment">--&gt;</span>
+    <span class="MXMLSpecial_Tag">&lt;fx:Script&gt;</span>
+        &lt;![CDATA[
+            <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">com</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">adobe</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">audio</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">format</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">WAVWriter</span>;
+            
+            <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">flash</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">events</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">SampleDataEvent</span>;
+            <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">flash</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">media</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">Microphone</span>;
+            <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">flash</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">media</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">Sound</span>;
+            <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">flash</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">utils</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">ByteArray</span>;
+            
+            <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">mx</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">collections</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">ArrayCollection</span>;
+            
+            <span class="ActionScriptBracket/Brace">[</span><span class="ActionScriptMetadata">Bindable</span><span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptReserved">private</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">microphoneList</span>:<span class="ActionScriptDefault_Text">ArrayCollection</span>;
+            <span class="ActionScriptReserved">protected</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">microphone</span>:<span class="ActionScriptDefault_Text">Microphone</span>;
+            
+            <span class="ActionScriptBracket/Brace">[</span><span class="ActionScriptMetadata">Bindable</span><span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptReserved">protected</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">isRecording</span>:<span class="ActionScriptDefault_Text">Boolean</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">false</span>;
+            
+            <span class="ActionScriptBracket/Brace">[</span><span class="ActionScriptMetadata">Bindable</span><span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptReserved">protected</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">isPlaying</span>:<span class="ActionScriptDefault_Text">Boolean</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">false</span>;
+            
+            <span class="ActionScriptBracket/Brace">[</span><span class="ActionScriptMetadata">Bindable</span><span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptReserved">protected</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">soundData</span>:<span class="ActionScriptDefault_Text">ByteArray</span>;
+            <span class="ActionScriptReserved">protected</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">sound</span>:<span class="ActionScriptDefault_Text">Sound</span>;
+            <span class="ActionScriptReserved">protected</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">channel</span>:<span class="ActionScriptDefault_Text">SoundChannel</span>;
+            
+            <span class="ActionScriptReserved">protected</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">init</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
+            <span class="ActionScriptBracket/Brace">{</span>
+                <span class="ActionScriptDefault_Text">microphoneList</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">ArrayCollection</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">Microphone</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">names</span><span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptDefault_Text">cbMicChoices</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">selectedIndex</span><span class="ActionScriptOperator">=</span>0;
+            <span class="ActionScriptBracket/Brace">}</span>
+            
+            <span class="ActionScriptReserved">protected</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">startRecording</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
+            <span class="ActionScriptBracket/Brace">{</span>
+                <span class="ActionScriptDefault_Text">isRecording</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">true</span>;
+                <span class="ActionScriptDefault_Text">microphone</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">Microphone</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">getMicrophone</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">cbMicChoices</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">selectedIndex</span><span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptDefault_Text">microphone</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">rate</span> <span class="ActionScriptOperator">=</span> 44;
+                <span class="ActionScriptDefault_Text">microphone</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">gain</span> <span class="ActionScriptOperator">=</span> 100;
+                <span class="ActionScriptDefault_Text">soundData</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">ByteArray</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScripttrace">trace</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">"Recording"</span><span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptDefault_Text">microphone</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">addEventListener</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">SampleDataEvent</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">SAMPLE_DATA</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">onSampleDataReceived</span><span class="ActionScriptBracket/Brace">)</span>;
+            
+            <span class="ActionScriptBracket/Brace">}</span>
+            
+            <span class="ActionScriptReserved">protected</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">stopRecording</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
+            <span class="ActionScriptBracket/Brace">{</span>
+                <span class="ActionScriptDefault_Text">isRecording</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">false</span>;
+                <span class="ActionScripttrace">trace</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">"Stopped recording"</span><span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptDefault_Text">microphone</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">removeEventListener</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">SampleDataEvent</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">SAMPLE_DATA</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">onSampleDataReceived</span><span class="ActionScriptBracket/Brace">)</span>;
+            <span class="ActionScriptBracket/Brace">}</span>
+            
+            <span class="ActionScriptReserved">private</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">onSampleDataReceived</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">event</span>:<span class="ActionScriptDefault_Text">SampleDataEvent</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
+            <span class="ActionScriptBracket/Brace">{</span>
+                <span class="ActionScriptReserved">while</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">event</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">data</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">bytesAvailable</span><span class="ActionScriptBracket/Brace">)</span>
+                <span class="ActionScriptBracket/Brace">{</span>
+                    <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">sample</span>:<span class="ActionScriptDefault_Text">Number</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">event</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">data</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">readFloat</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
+                    <span class="ActionScriptDefault_Text">soundData</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">writeFloat</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">sample</span><span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptBracket/Brace">}</span>
+            <span class="ActionScriptBracket/Brace">}</span>
+            
+            <span class="ActionScriptReserved">protected</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">soundCompleteHandler</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">event</span>:<span class="ActionScriptDefault_Text">Event</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
+            <span class="ActionScriptBracket/Brace">{</span>
+                <span class="ActionScriptDefault_Text">isPlaying</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">false</span>;
+            <span class="ActionScriptBracket/Brace">}</span>
+            
+            <span class="ActionScriptReserved">protected</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">startPlaying</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
+            <span class="ActionScriptBracket/Brace">{</span>
+                <span class="ActionScriptDefault_Text">isPlaying</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">true</span>
+                <span class="ActionScriptDefault_Text">soundData</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">position</span> <span class="ActionScriptOperator">=</span> 0;
+                <span class="ActionScriptDefault_Text">sound</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">Sound</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptDefault_Text">sound</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">addEventListener</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">SampleDataEvent</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">SAMPLE_DATA</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">sound_sampleDataHandler</span><span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptDefault_Text">channel</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">sound</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">play</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptDefault_Text">channel</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">addEventListener</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">Event</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">SOUND_COMPLETE</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">soundCompleteHandler</span><span class="ActionScriptBracket/Brace">)</span>;    
+            <span class="ActionScriptBracket/Brace">}</span>
+            
+            <span class="ActionScriptReserved">protected</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">sound_sampleDataHandler</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">event</span>:<span class="ActionScriptDefault_Text">SampleDataEvent</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
+            <span class="ActionScriptBracket/Brace">{</span>
+                <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptOperator">!</span><span class="ActionScriptDefault_Text">soundData</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">bytesAvailable</span> <span class="ActionScriptOperator">&gt;</span> 0<span class="ActionScriptBracket/Brace">)</span>
+                <span class="ActionScriptBracket/Brace">{</span>
+                    <span class="ActionScriptReserved">return</span>;
+                <span class="ActionScriptBracket/Brace">}</span>
+                
+                <span class="ActionScriptReserved">for</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">i</span>:<span class="ActionScriptDefault_Text">int</span> <span class="ActionScriptOperator">=</span> 0; <span class="ActionScriptDefault_Text">i</span> <span class="ActionScriptOperator">&lt;</span> 8192; <span class="ActionScriptDefault_Text">i</span><span class="ActionScriptOperator">++</span><span class="ActionScriptBracket/Brace">)</span>
+                <span class="ActionScriptBracket/Brace">{</span>
+                    <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">sample</span>:<span class="ActionScriptDefault_Text">Number</span> <span class="ActionScriptOperator">=</span> 0;
+                    
+                    <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">soundData</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">bytesAvailable</span> <span class="ActionScriptOperator">&gt;</span> 0<span class="ActionScriptBracket/Brace">)</span>
+                    <span class="ActionScriptBracket/Brace">{</span>
+                        <span class="ActionScriptDefault_Text">sample</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">soundData</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">readFloat</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
+                    <span class="ActionScriptBracket/Brace">}</span>
+                    <span class="ActionScriptDefault_Text">event</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">data</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">writeFloat</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">sample</span><span class="ActionScriptBracket/Brace">)</span>; 
+                    <span class="ActionScriptDefault_Text">event</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">data</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">writeFloat</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">sample</span><span class="ActionScriptBracket/Brace">)</span>;  
+                <span class="ActionScriptBracket/Brace">}</span>
+                
+            <span class="ActionScriptBracket/Brace">}</span>
+            
+            <span class="ActionScriptReserved">protected</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">stopPlaying</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
+            <span class="ActionScriptBracket/Brace">{</span>
+                <span class="ActionScriptDefault_Text">channel</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">stop</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptDefault_Text">isPlaying</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">false</span>;
+            <span class="ActionScriptBracket/Brace">}</span>
+            <span class="ActionScriptReserved">protected</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">save</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
+            <span class="ActionScriptBracket/Brace">{</span>
+                <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">docsDir</span>:<span class="ActionScriptDefault_Text">File</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">File</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">documentsDirectory</span>;
+                <span class="ActionScriptReserved">try</span>
+                <span class="ActionScriptBracket/Brace">{</span>
+                    <span class="ActionScriptDefault_Text">docsDir</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">browseForSave</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">"Save As"</span><span class="ActionScriptBracket/Brace">)</span>;
+                    <span class="ActionScriptDefault_Text">docsDir</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">addEventListener</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">Event</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">SELECT</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">saveFile</span><span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptBracket/Brace">}</span>
+                <span class="ActionScriptReserved">catch</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">error</span>:<span class="ActionScriptDefault_Text">Error</span><span class="ActionScriptBracket/Brace">)</span>
+                <span class="ActionScriptBracket/Brace">{</span>
+                    <span class="ActionScripttrace">trace</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">"Save failed:"</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">error</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">message</span><span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptBracket/Brace">}</span>
+
+
+            <span class="ActionScriptBracket/Brace">}</span>
+            <span class="ActionScriptReserved">protected</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">saveFile</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">event</span>:<span class="ActionScriptDefault_Text">Event</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
+            <span class="ActionScriptBracket/Brace">{</span>
+                <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">outputStream</span>:<span class="ActionScriptDefault_Text">FileStream</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">FileStream</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">wavWriter</span>:<span class="ActionScriptDefault_Text">WAVWriter</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">WAVWriter</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">newFile</span>:<span class="ActionScriptDefault_Text">File</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">event</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">target</span> <span class="ActionScriptReserved">as</span> <span class="ActionScriptDefault_Text">File</span>;
+                
+                <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptOperator">!</span><span class="ActionScriptDefault_Text">newFile</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">exists</span><span class="ActionScriptBracket/Brace">)</span>
+                <span class="ActionScriptBracket/Brace">{</span>
+                    <span class="ActionScriptDefault_Text">soundData</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">position</span> <span class="ActionScriptOperator">=</span> 0;  <span class="ActionScriptComment">// rewind to the beginning of the sample
+</span>                    
+                    <span class="ActionScriptDefault_Text">wavWriter</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">numOfChannels</span> <span class="ActionScriptOperator">=</span> 1; <span class="ActionScriptComment">// set the inital properties of the Wave Writer
+</span>                    <span class="ActionScriptDefault_Text">wavWriter</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">sampleBitRate</span> <span class="ActionScriptOperator">=</span> 16;
+                    <span class="ActionScriptDefault_Text">wavWriter</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">samplingRate</span> <span class="ActionScriptOperator">=</span> 44100;
+                    <span class="ActionScriptDefault_Text">outputStream</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">open</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">newFile</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">FileMode</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">WRITE</span><span class="ActionScriptBracket/Brace">)</span>;  <span class="ActionScriptComment">//write out our file to disk.
+</span>                    <span class="ActionScriptDefault_Text">wavWriter</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">processSamples</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">outputStream</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">soundData</span><span class="ActionScriptOperator">,</span> 44100<span class="ActionScriptOperator">,</span> 1<span class="ActionScriptBracket/Brace">)</span>; <span class="ActionScriptComment">// convert our ByteArray to a WAV file.
+</span>                    <span class="ActionScriptDefault_Text">outputStream</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">close</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptBracket/Brace">}</span>
+            <span class="ActionScriptBracket/Brace">}</span>
+            
+            <span class="ActionScriptReserved">protected</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">toggleRecording</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
+            <span class="ActionScriptBracket/Brace">{</span>
+                <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">isRecording</span><span class="ActionScriptBracket/Brace">)</span>
+                <span class="ActionScriptBracket/Brace">{</span>
+                    <span class="ActionScriptDefault_Text">isRecording</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">false</span>;
+                    <span class="ActionScriptDefault_Text">btnRecord</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">label</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptString">"Record"</span>;
+                    <span class="ActionScriptDefault_Text">stopRecording</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptBracket/Brace">}</span>
+                <span class="ActionScriptReserved">else</span>
+                <span class="ActionScriptBracket/Brace">{</span>
+                    <span class="ActionScriptDefault_Text">isRecording</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">true</span>;
+                    <span class="ActionScriptDefault_Text">btnRecord</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">label</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptString">"Stop Recording"</span>;
+                    <span class="ActionScriptDefault_Text">startRecording</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptBracket/Brace">}</span>
+            <span class="ActionScriptBracket/Brace">}</span>
+            
+        <span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptOperator">&gt;</span>
+    <span class="MXMLSpecial_Tag">&lt;/fx:Script&gt;</span>
+    
+    <span class="MXMLComponent_Tag">&lt;s:Panel</span><span class="MXMLDefault_Text"> skinClass="</span><span class="MXMLString">skins.TDFPanelSkin</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" height="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" title="</span><span class="MXMLString">Microphone Support</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;s:Label</span><span class="MXMLDefault_Text"> left="</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">" top="</span><span class="MXMLString">7</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">80%</span><span class="MXMLDefault_Text">" verticalAlign="</span><span class="MXMLString">justify</span><span class="MXMLDefault_Text">" color="</span><span class="MXMLString">#323232</span><span class="MXMLDefault_Text">" 
+                 text="</span><span class="MXMLString">The new Microphone support allows you to record audio such as voice memo's using a built-in or external mic. The Microphone.names
+property will return the list of all available sound input devices found (see init method in code):</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;s:VGroup</span><span class="MXMLDefault_Text"> top="</span><span class="MXMLString">70</span><span class="MXMLDefault_Text">" horizontalAlign="</span><span class="MXMLString">center</span><span class="MXMLDefault_Text">" horizontalCenter="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;s:Label</span><span class="MXMLDefault_Text"> text="</span><span class="MXMLString">Select the microphone input device to use:</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;s:ComboBox</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">cbMicChoices</span><span class="MXMLDefault_Text">" dataProvider="</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">microphoneList</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">" selectedIndex="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;/s:VGroup&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;s:VGroup</span><span class="MXMLDefault_Text"> top="</span><span class="MXMLString">130</span><span class="MXMLDefault_Text">" horizontalCenter="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;s:Label</span><span class="MXMLDefault_Text"> text="</span><span class="MXMLString">Start recording audio by clicking the Record button:</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;s:HGroup</span><span class="MXMLDefault_Text"> horizontalCenter="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">" verticalAlign="</span><span class="MXMLString">middle</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+                <span class="MXMLComponent_Tag">&lt;s:Button</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">btnRecord</span><span class="MXMLDefault_Text">" label="</span><span class="MXMLString">Record</span><span class="MXMLDefault_Text">" click="</span><span class="ActionScriptDefault_Text">toggleRecording</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span><span class="MXMLDefault_Text">" enabled="</span><span class="MXMLString">{</span><span class="ActionScriptOperator">!</span><span class="ActionScriptDefault_Text">isPlaying</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+                <span class="MXMLComponent_Tag">&lt;s:Button</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">btnPlay</span><span class="MXMLDefault_Text">" label="</span><span class="MXMLString">Play</span><span class="MXMLDefault_Text">" click="</span><span class="ActionScriptDefault_Text">startPlaying</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span><span class="MXMLDefault_Text">" enabled="</span><span class="MXMLString">{</span><span class="ActionScriptOperator">!</span><span class="ActionScriptDefault_Text">isRecording</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+                <span class="MXMLComponent_Tag">&lt;s:Button</span><span class="MXMLDefault_Text"> label="</span><span class="MXMLString">Save Audio Clip</span><span class="MXMLDefault_Text">" click="</span><span class="ActionScriptDefault_Text">save</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span><span class="MXMLDefault_Text">"  horizontalCenter="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;/s:HGroup&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;/s:VGroup&gt;</span>
+    <span class="MXMLComponent_Tag">&lt;/s:Panel&gt;</span>
+    
+<span class="MXMLComponent_Tag">&lt;/s:WindowedApplication&gt;</span></pre></body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR20/Microphone/srcview/source/skins/TDFPanelSkin.mxml.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR20/Microphone/srcview/source/skins/TDFPanelSkin.mxml.html b/TourDeFlex/TourDeFlex/src/objects/AIR20/Microphone/srcview/source/skins/TDFPanelSkin.mxml.html
new file mode 100644
index 0000000..df79d11
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR20/Microphone/srcview/source/skins/TDFPanelSkin.mxml.html
@@ -0,0 +1,147 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+<head>
+  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+  <meta http-equiv="Content-Style-Type" content="text/css">
+  <title>TDFPanelSkin.mxml</title>
+  <meta name="Generator" content="Cocoa HTML Writer">
+  <meta name="CocoaVersion" content="1187.4">
+  <style type="text/css">
+    p.p1 {margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Courier}
+    p.p2 {margin: 0.0px 0.0px 0.0px 0.0px; font: 11.0px Monaco; color: #941100}
+    p.p3 {margin: 0.0px 0.0px 0.0px 0.0px; font: 11.0px Monaco; min-height: 15.0px}
+    p.p4 {margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Courier; min-height: 14.0px}
+  </style>
+</head>
+<body>
+<p class="p1">&lt;?xml version="1.0" encoding="utf-8"?&gt;</p>
+<p class="p2">&lt;!--</p>
+<p class="p3"><br></p>
+<p class="p2">Licensed to the Apache Software Foundation (ASF) under one or more</p>
+<p class="p2">contributor license agreements.<span class="Apple-converted-space">  </span>See the NOTICE file distributed with</p>
+<p class="p2">this work for additional information regarding copyright ownership.</p>
+<p class="p2">The ASF licenses this file to You under the Apache License, Version 2.0</p>
+<p class="p2">(the "License"); you may not use this file except in compliance with</p>
+<p class="p2">the License.<span class="Apple-converted-space">  </span>You may obtain a copy of the License at</p>
+<p class="p3"><br></p>
+<p class="p2">http://www.apache.org/licenses/LICENSE-2.0</p>
+<p class="p3"><br></p>
+<p class="p2">Unless required by applicable law or agreed to in writing, software</p>
+<p class="p2">distributed under the License is distributed on an "AS IS" BASIS,</p>
+<p class="p2">WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.</p>
+<p class="p2">See the License for the specific language governing permissions and</p>
+<p class="p2">limitations under the License.</p>
+<p class="p3"><br></p>
+<p class="p2">--&gt;</p>
+<p class="p4"><br></p>
+<p class="p1">&lt;s:Skin xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark"<span class="Apple-converted-space"> </span></p>
+<p class="p1"><span class="Apple-converted-space">        </span>alpha.disabled="0.5" minWidth="131" minHeight="127"&gt;</p>
+<p class="p4"><span class="Apple-converted-space">    </span></p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;fx:Metadata&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>[HostComponent("spark.components.Panel")]</p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;/fx:Metadata&gt;<span class="Apple-converted-space"> </span></p>
+<p class="p4"><span class="Apple-converted-space">    </span></p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;s:states&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:State name="normal" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:State name="disabled" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:State name="normalWithControlBar" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:State name="disabledWithControlBar" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;/s:states&gt;</p>
+<p class="p4"><span class="Apple-converted-space">    </span></p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;!-- drop shadow --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;s:Rect left="0" top="0" right="0" bottom="0"&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:filters&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:DropShadowFilter blurX="15" blurY="15" alpha="0.18" distance="11" angle="90" knockout="true" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;/s:filters&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:SolidColor color="0" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;/s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;/s:Rect&gt;</p>
+<p class="p4"><span class="Apple-converted-space">    </span></p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;!-- layer 1: border --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;s:Rect left="0" right="0" top="0" bottom="0"&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:stroke&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:SolidColorStroke color="0" alpha="0.50" weight="1" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;/s:stroke&gt;</p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;/s:Rect&gt;</p>
+<p class="p4"><span class="Apple-converted-space">    </span></p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;!-- layer 2: background fill --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;s:Rect left="0" right="0" bottom="0" height="15"&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:LinearGradient rotation="90"&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;s:GradientEntry color="0xE2E2E2" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;s:GradientEntry color="0x000000" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;/s:LinearGradient&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;/s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;/s:Rect&gt;</p>
+<p class="p4"><span class="Apple-converted-space">    </span></p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;!-- layer 3: contents --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;s:Group left="1" right="1" top="1" bottom="1" &gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:layout&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:VerticalLayout gap="0" horizontalAlign="justify" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;/s:layout&gt;</p>
+<p class="p4"><span class="Apple-converted-space">        </span></p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:Group id="topGroup" &gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;!-- layer 0: title bar fill --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;!-- Note: We have custom skinned the title bar to be solid black for Tour de Flex --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:Rect id="tbFill" left="0" right="0" top="0" bottom="1" &gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                    </span>&lt;s:SolidColor color="0x000000" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;/s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;/s:Rect&gt;</p>
+<p class="p4"><span class="Apple-converted-space">            </span></p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;!-- layer 1: title bar highlight --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:Rect id="tbHilite" left="0" right="0" top="0" bottom="0" &gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;s:stroke&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                    </span>&lt;s:LinearGradientStroke rotation="90" weight="1"&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                        </span>&lt;s:GradientEntry color="0xEAEAEA" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                        </span>&lt;s:GradientEntry color="0xD9D9D9" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                    </span>&lt;/s:LinearGradientStroke&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;/s:stroke&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;/s:Rect&gt;</p>
+<p class="p4"><span class="Apple-converted-space">            </span></p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;!-- layer 2: title bar divider --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:Rect id="tbDiv" left="0" right="0" height="1" bottom="0"&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                    </span>&lt;s:SolidColor color="0xC0C0C0" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;/s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;/s:Rect&gt;</p>
+<p class="p4"><span class="Apple-converted-space">            </span></p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;!-- layer 3: text --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:Label id="titleDisplay" maxDisplayedLines="1"</p>
+<p class="p1"><span class="Apple-converted-space">                     </span>left="9" right="3" top="1" minHeight="30"</p>
+<p class="p1"><span class="Apple-converted-space">                     </span>verticalAlign="middle" fontWeight="bold" color="#E2E2E2"&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;/s:Label&gt;</p>
+<p class="p4"><span class="Apple-converted-space">            </span></p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;/s:Group&gt;</p>
+<p class="p4"><span class="Apple-converted-space">        </span></p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:Group id="contentGroup" width="100%" height="100%" minWidth="0" minHeight="0"&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;/s:Group&gt;</p>
+<p class="p4"><span class="Apple-converted-space">        </span></p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:Group id="bottomGroup" minWidth="0" minHeight="0"</p>
+<p class="p1"><span class="Apple-converted-space">                 </span>includeIn="normalWithControlBar, disabledWithControlBar" &gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;!-- layer 0: control bar background --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:Rect left="0" right="0" bottom="0" top="1" &gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                    </span>&lt;s:SolidColor color="0xE2EdF7" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;/s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;/s:Rect&gt;</p>
+<p class="p4"><span class="Apple-converted-space">            </span></p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;!-- layer 1: control bar divider line --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:Rect left="0" right="0" top="0" height="1" &gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                    </span>&lt;s:SolidColor color="0xD1E0F2" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;/s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;/s:Rect&gt;</p>
+<p class="p4"><span class="Apple-converted-space">            </span></p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;!-- layer 2: control bar --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:Group id="controlBarGroup" left="0" right="0" top="1" bottom="1" minWidth="0" minHeight="0"&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;s:layout&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                    </span>&lt;s:HorizontalLayout paddingLeft="10" paddingRight="10" paddingTop="7" paddingBottom="7" gap="10" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;/s:layout&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;/s:Group&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;/s:Group&gt;</p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;/s:Group&gt;</p>
+<p class="p1">&lt;/s:Skin&gt;</p>
+</body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR20/NativeProcess/TDFPanelSkin.mxml.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR20/NativeProcess/TDFPanelSkin.mxml.html b/TourDeFlex/TourDeFlex/src/objects/AIR20/NativeProcess/TDFPanelSkin.mxml.html
new file mode 100644
index 0000000..df79d11
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR20/NativeProcess/TDFPanelSkin.mxml.html
@@ -0,0 +1,147 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+<head>
+  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+  <meta http-equiv="Content-Style-Type" content="text/css">
+  <title>TDFPanelSkin.mxml</title>
+  <meta name="Generator" content="Cocoa HTML Writer">
+  <meta name="CocoaVersion" content="1187.4">
+  <style type="text/css">
+    p.p1 {margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Courier}
+    p.p2 {margin: 0.0px 0.0px 0.0px 0.0px; font: 11.0px Monaco; color: #941100}
+    p.p3 {margin: 0.0px 0.0px 0.0px 0.0px; font: 11.0px Monaco; min-height: 15.0px}
+    p.p4 {margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Courier; min-height: 14.0px}
+  </style>
+</head>
+<body>
+<p class="p1">&lt;?xml version="1.0" encoding="utf-8"?&gt;</p>
+<p class="p2">&lt;!--</p>
+<p class="p3"><br></p>
+<p class="p2">Licensed to the Apache Software Foundation (ASF) under one or more</p>
+<p class="p2">contributor license agreements.<span class="Apple-converted-space">  </span>See the NOTICE file distributed with</p>
+<p class="p2">this work for additional information regarding copyright ownership.</p>
+<p class="p2">The ASF licenses this file to You under the Apache License, Version 2.0</p>
+<p class="p2">(the "License"); you may not use this file except in compliance with</p>
+<p class="p2">the License.<span class="Apple-converted-space">  </span>You may obtain a copy of the License at</p>
+<p class="p3"><br></p>
+<p class="p2">http://www.apache.org/licenses/LICENSE-2.0</p>
+<p class="p3"><br></p>
+<p class="p2">Unless required by applicable law or agreed to in writing, software</p>
+<p class="p2">distributed under the License is distributed on an "AS IS" BASIS,</p>
+<p class="p2">WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.</p>
+<p class="p2">See the License for the specific language governing permissions and</p>
+<p class="p2">limitations under the License.</p>
+<p class="p3"><br></p>
+<p class="p2">--&gt;</p>
+<p class="p4"><br></p>
+<p class="p1">&lt;s:Skin xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark"<span class="Apple-converted-space"> </span></p>
+<p class="p1"><span class="Apple-converted-space">        </span>alpha.disabled="0.5" minWidth="131" minHeight="127"&gt;</p>
+<p class="p4"><span class="Apple-converted-space">    </span></p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;fx:Metadata&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>[HostComponent("spark.components.Panel")]</p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;/fx:Metadata&gt;<span class="Apple-converted-space"> </span></p>
+<p class="p4"><span class="Apple-converted-space">    </span></p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;s:states&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:State name="normal" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:State name="disabled" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:State name="normalWithControlBar" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:State name="disabledWithControlBar" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;/s:states&gt;</p>
+<p class="p4"><span class="Apple-converted-space">    </span></p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;!-- drop shadow --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;s:Rect left="0" top="0" right="0" bottom="0"&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:filters&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:DropShadowFilter blurX="15" blurY="15" alpha="0.18" distance="11" angle="90" knockout="true" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;/s:filters&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:SolidColor color="0" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;/s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;/s:Rect&gt;</p>
+<p class="p4"><span class="Apple-converted-space">    </span></p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;!-- layer 1: border --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;s:Rect left="0" right="0" top="0" bottom="0"&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:stroke&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:SolidColorStroke color="0" alpha="0.50" weight="1" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;/s:stroke&gt;</p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;/s:Rect&gt;</p>
+<p class="p4"><span class="Apple-converted-space">    </span></p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;!-- layer 2: background fill --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;s:Rect left="0" right="0" bottom="0" height="15"&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:LinearGradient rotation="90"&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;s:GradientEntry color="0xE2E2E2" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;s:GradientEntry color="0x000000" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;/s:LinearGradient&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;/s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;/s:Rect&gt;</p>
+<p class="p4"><span class="Apple-converted-space">    </span></p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;!-- layer 3: contents --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;s:Group left="1" right="1" top="1" bottom="1" &gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:layout&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:VerticalLayout gap="0" horizontalAlign="justify" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;/s:layout&gt;</p>
+<p class="p4"><span class="Apple-converted-space">        </span></p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:Group id="topGroup" &gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;!-- layer 0: title bar fill --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;!-- Note: We have custom skinned the title bar to be solid black for Tour de Flex --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:Rect id="tbFill" left="0" right="0" top="0" bottom="1" &gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                    </span>&lt;s:SolidColor color="0x000000" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;/s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;/s:Rect&gt;</p>
+<p class="p4"><span class="Apple-converted-space">            </span></p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;!-- layer 1: title bar highlight --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:Rect id="tbHilite" left="0" right="0" top="0" bottom="0" &gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;s:stroke&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                    </span>&lt;s:LinearGradientStroke rotation="90" weight="1"&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                        </span>&lt;s:GradientEntry color="0xEAEAEA" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                        </span>&lt;s:GradientEntry color="0xD9D9D9" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                    </span>&lt;/s:LinearGradientStroke&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;/s:stroke&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;/s:Rect&gt;</p>
+<p class="p4"><span class="Apple-converted-space">            </span></p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;!-- layer 2: title bar divider --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:Rect id="tbDiv" left="0" right="0" height="1" bottom="0"&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                    </span>&lt;s:SolidColor color="0xC0C0C0" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;/s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;/s:Rect&gt;</p>
+<p class="p4"><span class="Apple-converted-space">            </span></p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;!-- layer 3: text --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:Label id="titleDisplay" maxDisplayedLines="1"</p>
+<p class="p1"><span class="Apple-converted-space">                     </span>left="9" right="3" top="1" minHeight="30"</p>
+<p class="p1"><span class="Apple-converted-space">                     </span>verticalAlign="middle" fontWeight="bold" color="#E2E2E2"&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;/s:Label&gt;</p>
+<p class="p4"><span class="Apple-converted-space">            </span></p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;/s:Group&gt;</p>
+<p class="p4"><span class="Apple-converted-space">        </span></p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:Group id="contentGroup" width="100%" height="100%" minWidth="0" minHeight="0"&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;/s:Group&gt;</p>
+<p class="p4"><span class="Apple-converted-space">        </span></p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:Group id="bottomGroup" minWidth="0" minHeight="0"</p>
+<p class="p1"><span class="Apple-converted-space">                 </span>includeIn="normalWithControlBar, disabledWithControlBar" &gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;!-- layer 0: control bar background --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:Rect left="0" right="0" bottom="0" top="1" &gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                    </span>&lt;s:SolidColor color="0xE2EdF7" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;/s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;/s:Rect&gt;</p>
+<p class="p4"><span class="Apple-converted-space">            </span></p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;!-- layer 1: control bar divider line --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:Rect left="0" right="0" top="0" height="1" &gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                    </span>&lt;s:SolidColor color="0xD1E0F2" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;/s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;/s:Rect&gt;</p>
+<p class="p4"><span class="Apple-converted-space">            </span></p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;!-- layer 2: control bar --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:Group id="controlBarGroup" left="0" right="0" top="1" bottom="1" minWidth="0" minHeight="0"&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;s:layout&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                    </span>&lt;s:HorizontalLayout paddingLeft="10" paddingRight="10" paddingTop="7" paddingBottom="7" gap="10" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;/s:layout&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;/s:Group&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;/s:Group&gt;</p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;/s:Group&gt;</p>
+<p class="p1">&lt;/s:Skin&gt;</p>
+</body>
+</html>


[13/51] [partial] Merged TourDeFlex release from develop

Posted by jm...@apache.org.
http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/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/e1f9d1df/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/e1f9d1df/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/e1f9d1df/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/e1f9d1df/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/e1f9d1df/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/e1f9d1df/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/e1f9d1df/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/e1f9d1df/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/e1f9d1df/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/e1f9d1df/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/e1f9d1df/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/e1f9d1df/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/e1f9d1df/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/e1f9d1df/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

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/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/e1f9d1df/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/e1f9d1df/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/e1f9d1df/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/e1f9d1df/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/e1f9d1df/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/e1f9d1df/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/e1f9d1df/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/e1f9d1df/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/e1f9d1df/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/e1f9d1df/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/e1f9d1df/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/e1f9d1df/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>


[44/51] [partial] Merged TourDeFlex release from develop

Posted by jm...@apache.org.
http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/data/objects-desktop_ja.xml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/data/objects-desktop_ja.xml b/TourDeFlex/TourDeFlex/src/data/objects-desktop_ja.xml
new file mode 100644
index 0000000..92556ce
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/data/objects-desktop_ja.xml
@@ -0,0 +1,5816 @@
+<!--
+
+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.
+
+-->
+<Objects version="2010-03-22.2" searchTags="uicontrol,input,container,effect,transition,date,number,string,navigator,formatter,validator,chart,visualization,map,data,blazeds,lcds,api,cloud,air,technique" searchTagsTotals="49,6,21,32,2,6,5,18,7,7,11,23,21,13,33,16,16,15,15,22,25" featuredSamples="14110,14120,14130,14140,14150">
+	<Category name="Introduction to Flex">
+		<Object id="90000" name="What's Flex" author="Adobe Systems, Inc." dateAdded="2010-03-22" iconPath="http://www.adobe.com/devnet/flex/tourdeflex/sample/samples/HOWTO/flexicon.png" tags="gumbo,flex4,flex 4" viewCount="0" description="What's Flex - from Flex.org">
+			<Illustrations>
+				<Illustration name="What's Flex" path="http://tourdeflex.adobe.com/introduction/whatsflex.html" openLinksExternal="true" autoExpand="true">
+				</Illustration>
+			</Illustrations>
+		</Object>
+		<Object id="90005" name="What's Possible" author="Adobe Systems, Inc." dateAdded="2010-03-22" iconPath="http://www.adobe.com/devnet/flex/tourdeflex/sample/samples/HOWTO/flexicon.png" tags="gumbo,flex4,flex 4" viewCount="0" description="What's Flex - from Flex.org">
+			<Illustrations>
+				<Illustration name="What's Possible (showcase)" path="http://tourdeflex.adobe.com/introduction/whatspossible.html" openLinksExternal="true" autoExpand="true">
+				</Illustration>
+			</Illustrations>
+		</Object>
+		<Object id="90010" name="Get Started" author="Adobe Systems, Inc." dateAdded="2010-03-22" iconPath="http://www.adobe.com/devnet/flex/tourdeflex/sample/samples/HOWTO/flexicon.png" tags="gumbo,flex4,flex 4" viewCount="0" description="What's Flex - from Flex.org">
+			<Illustrations>
+				<Illustration name="Get Started" path="http://tourdeflex.adobe.com/introduction/getstarted.html" openLinksExternal="true" autoExpand="true">
+				</Illustration>
+			</Illustrations>
+		</Object>
+		<Object id="90015" name="Flex Resources" author="Adobe Systems, Inc." dateAdded="2010-03-22" iconPath="http://www.adobe.com/devnet/flex/tourdeflex/sample/samples/HOWTO/flexicon.png" tags="gumbo,flex4,flex 4" viewCount="0" description="What's Flex - from Flex.org">
+			<Illustrations>
+				<Illustration name="Flex Resources" path="http://tourdeflex.adobe.com/introduction/resources.html" openLinksExternal="true" autoExpand="true">
+				</Illustration>
+			</Illustrations>
+		</Object>
+	</Category>
+	<Category name="Flex 4">
+		<Object id="700001" name="Read Me" iconPath="http://tourdeflex.adobe.com/samples/common/adobe.png" author="Holly Schinsky" tags="readme">
+			<Illustrations>
+				<Illustration name="Read Me" path="http://tourdeflex.adobe.com/flex4samples/flex4-readme-new.html" autoExpand="true" openLinksExternal="true"/>
+			</Illustrations>
+		</Object>
+		<Category name="Components">
+			<Category name="Controls">
+				<Object id="70030" name="AdvancedDataGrid" author="Adobe Systems, Inc." dateAdded="2010-03-22" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/AdvancedDataGrid.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - AdvancedDataGrid">
+					<Illustrations>
+						<Illustration name="AdvancedDataGrid" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-AdvancedDataGrid/sample1.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-AdvancedDataGrid/srcview/source/sample1.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-AdvancedDataGrid/srcview/source/TDFGradientBackgroundSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=mx/controls&amp;topic=AdvancedDataGrid" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="30600" name="Button" author="Holly Schinsky" dateAdded="2009-09-01" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/Button.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - Button">
+					<Illustrations>
+						<Illustration name="Button" path="http://tourdeflex.adobe.com/flex4samples/UIControls/Buttons/Button/sample.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4samples/UIControls/Buttons/Button/srcview/source/sample.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4samples/UIControls/Buttons/Button/srcview/source/skins/TDFPanelSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/components&amp;topic=Button" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="30700" name="ButtonBar" author="Holly Schinsky" dateAdded="2009-09-01" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/ButtonBar.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - ButtonBar">
+					<Illustrations>
+						<Illustration name="ButtonBar" path="http://tourdeflex.adobe.com/flex4samples/UIControls/Buttons/ButtonBar/sample.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4samples/UIControls/Buttons/ButtonBar/srcview/source/sample.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4samples/UIControls/Buttons/ButtonBar/srcview/source/skins/TDFPanelSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/components&amp;topic=ButtonBar" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="30300" name="CheckBox" author="Holly Schinsky/Adobe" dateAdded="2009-09-01" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/CheckBox.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - CheckBox">
+					<Illustrations>
+						<Illustration name="CheckBox" path="http://tourdeflex.adobe.com/flex4samples/UIControls/DataEntryControls/CheckBox/sample.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4samples/UIControls/DataEntryControls/CheckBox/srcview/source/sample.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4samples/UIControls/DataEntryControls/CheckBox/srcview/source/skins/TDFPanelSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/components&amp;topic=CheckBox" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="70260" name="ColorPicker" author="Adobe Systems, Inc." dateAdded="2010-03-22" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/ColorPicker.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - ColorPicker">
+					<Illustrations>
+						<Illustration name="ColorPicker" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-ColorPicker/sample1.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-ColorPicker/srcview/source/sample1.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-ColorPicker/srcview/source/TDFGradientBackgroundSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=mx/controls&amp;topic=ColorPicker" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="30305" name="ComboBox" author="Holly Schinsky/Adobe" dateAdded="2010-03-22" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/ComboBox.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - ComboBox">
+					<Illustrations>
+						<Illustration name="ComboBox" path="http://tourdeflex.adobe.com/flex4.0/ComboBox/sample.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/ComboBox/srcview/source/sample.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/ComboBox/srcview/source/skins/TDFPanelSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/components&amp;topic=ComboBox" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="70040" name="DataGrid" author="Adobe Systems, Inc." dateAdded="2010-03-22" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/DataGrid.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - DataGrid">
+					<Illustrations>
+						<Illustration name="DataGrid" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-DataGrid/sample1.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-DataGrid/srcview/source/sample1.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-DataGrid/srcview/source/TDFGradientBackgroundSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=mx/controls&amp;topic=DataGrid" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="70050" name="DateChooser" author="Adobe Systems, Inc." dateAdded="2010-03-22" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/DateChooser.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - DateChooser">
+					<Illustrations>
+						<Illustration name="DateChooser" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-DateChooser/sample1.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-DateChooser/srcview/source/sample1.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-DateChooser/srcview/source/TDFGradientBackgroundSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=mx/controls&amp;topic=DateChooser" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="70060" name="DateField" author="Adobe Systems, Inc." dateAdded="2010-03-22" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/DateField.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - DateField">
+					<Illustrations>
+						<Illustration name="DateField" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-DateField/sample1.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-DateField/srcview/source/sample1.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-DateField/srcview/source/TDFGradientBackgroundSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=mx/controls&amp;topic=DateField" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="30400" name="DropDownList" author="Holly Schinsky/Adobe" dateAdded="2009-09-01" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/DropDownList.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - DropDownList">
+					<Illustrations>
+						<Illustration name="DropDownList" path="http://tourdeflex.adobe.com/flex4samples/UIControls/DataEntryControls/DropDownList/sample.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4samples/UIControls/DataEntryControls/DropDownList/srcview/source/sample.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4samples/UIControls/DataEntryControls/DropDownList/srcview/source/skins/TDFPanelSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/component&amp;topic=DropDownList" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="70090" name="Image" author="Adobe Systems, Inc." dateAdded="2010-03-22" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/Image.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - Image">
+					<Illustrations>
+						<Illustration name="Image" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-Image/sample1.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-Image/srcview/source/sample1.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-Image/srcview/source/TDFGradientBackgroundSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=mx/controls&amp;topic=Image" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="70100" name="LinkButton" author="Adobe Systems, Inc." dateAdded="2010-03-22" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/LinkButton.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - LinkButton">
+					<Illustrations>
+						<Illustration name="LinkButton" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-LinkButton/sample1.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-LinkButton/srcview/source/sample1.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-LinkButton/srcview/source/TDFGradientBackgroundSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=mx/controls&amp;topic=LinkButton" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="30800" name="List" author="Holly Schinsky" dateAdded="2009-09-01" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/List.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - List">
+					<Illustrations>
+						<Illustration name="List" path="http://tourdeflex.adobe.com/flex4samples/UIControls/TreeListAndGridControls/List/sample.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4samples/UIControls/TreeListAndGridControls/List/srcview/source/sample.mxml.html"/>
+								<Document name="Flex Project" path="http://tourdeflex.adobe.com/flex4samples/UIControls/TreeListAndGridControls/List/srcview/index.html" openLinksExternal="true"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=mx/controls&amp;topic=List" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="30805" name="Menu" author="Holly Schinsky/Adobe" dateAdded="2010-03-22" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/Menu.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - Menu">
+					<Illustrations>
+						<Illustration name="Menu" path="http://tourdeflex.adobe.com/flex4.0/Menu/sample.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/Menu/srcview/source/sample.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/Menu/srcview/source/skins/TDFPanelSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=mx/controls&amp;topic=Menu" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="30200" name="NumericStepper" author="Holly Schinsky" dateAdded="2009-09-01" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/NumericStepper.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - NumericStepper">
+					<Illustrations>
+						<Illustration name="NumericStepper" path="http://tourdeflex.adobe.com/flex4samples/UIControls/DataEntryControls/NumericStepper/sample.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4samples/UIControls/DataEntryControls/NumericStepper/srcview/source/sample.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4samples/UIControls/DataEntryControls/NumericStepper/srcview/source/skins/TDFPanelSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/components&amp;topic=NumericStepper" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="70110" name="OLAPDataGrid" author="Adobe Systems, Inc." dateAdded="2010-03-22" iconPath="http://www.adobe.com/devnet/flex/tourdeflex/sample/samples/OLAPDataGrid/OLAPDataGrid.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - OLAPDataGrid">
+					<Illustrations>
+						<Illustration name="OLAPDataGrid" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-OLAPDataGrid/sample1.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-OLAPDataGrid/srcview/source/sample1.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-OLAPDataGrid/srcview/source/TDFGradientBackgroundSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=mx/controls&amp;topic=OLAPDataGrid" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="30720" name="PopUpAnchor" author="Holly Schinsky" dateAdded="2009-09-21" downloadPath="http://tourdeflex.adobe.com/flex4samples/UIControls/Buttons/PopUpAnchor/srcview/Sample-Flex4-PopUpAnchor.zip" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/Button.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - Popup Anchor">
+					<Illustrations>
+						<Illustration name="PopUpAnchor" path="http://tourdeflex.adobe.com/flex4samples/UIControls/Buttons/PopUpAnchor/sample.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4samples/UIControls/Buttons/PopUpAnchor/srcview/source/sample.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4samples/UIControls/Buttons/PopUpAnchor/srcview/source/skins/TDFPanelSkin.mxml.html"/>
+								<Document name="CloseButtonSkin.mxml" path="http://tourdeflex.adobe.com/flex4samples/UIControls/Buttons/PopUpAnchor/srcview/source/skins/CloseButtonSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/components&amp;topic=PopUpAnchor" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+						<Illustration name="PopUpAnchor2" path="http://tourdeflex.adobe.com/flex4samples/UIControls/Buttons/PopUpAnchor/sample2.html">
+							<Documents>
+								<Document name="sample2.mxml" path="http://tourdeflex.adobe.com/flex4samples/UIControls/Buttons/PopUpAnchor/srcview/source/sample2.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4samples/UIControls/Buttons/PopUpAnchor/srcview/source/skins/TDFPanelSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/components&amp;topic=PopUpAnchor" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="70120" name="PopUpButton" author="Adobe Systems, Inc." dateAdded="2010-03-22" iconPath="http://www.adobe.com/devnet/flex/tourdeflex/sample/samples/PopUpButton/PopUpButton.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - PopUpButton">
+					<Illustrations>
+						<Illustration name="PopUpButton" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-PopUpButton/sample1.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-PopUpButton/srcview/source/sample1.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-PopUpButton/srcview/source/TDFGradientBackgroundSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=mx/controls&amp;topic=PopUpButton" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="70130" name="ProgressBar" author="Adobe Systems, Inc." dateAdded="2010-03-22" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/ProgressBar.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - ProgressBar">
+					<Illustrations>
+						<Illustration name="ProgressBar" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-ProgressBar/sample1.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-ProgressBar/srcview/source/sample1.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-ProgressBar/srcview/source/TDFGradientBackgroundSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/components&amp;topic=ProgressBar" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="30100" name="RadioButton" author="Holly Schinsky" dateAdded="2009-09-01" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/RadioButton.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - RadioButton">
+					<Illustrations>
+						<Illustration name="RadioButton" path="http://tourdeflex.adobe.com/flex4samples/UIControls/DataEntryControls/RadioButton/sample.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4samples/UIControls/DataEntryControls/RadioButton/srcview/source/sample.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4samples/UIControls/DataEntryControls/RadioButton/srcview/source/skins/TDFPanelSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/components&amp;topic=RadioButton" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="30105" name="RichEditableText" author="Holly Schinsky/Adobe" dateAdded="2010-03-22" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/RichEditableText.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - RichEditableText">
+					<Illustrations>
+						<Illustration name="RichEditableText" path="http://tourdeflex.adobe.com/flex4.0/RichEditableText/sample.swf">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/RichEditableText/srcview/source/sample.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/RichEditableText/srcview/source/skins/TDFPanelSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/components&amp;topic=RichEditableText" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="30107" name="RichText" author="Holly Schinsky/Adobe" dateAdded="2010-03-22" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/RichText.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - RichText">
+					<Illustrations>
+						<Illustration name="RichText" path="http://tourdeflex.adobe.com/flex4.0/FXG/RichText/sample.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/FXG/RichText/srcview/source/sample.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/FXG/RichText/srcview/source/skins/TDFPanelSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/components&amp;topic=RichText" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="30910" name="ScrollBar (2)" author="Holly Schinsky" dateAdded="2009-09-21" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/Scroller.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - ScrollBar">
+					<Illustrations>
+						<Illustration name="ScrollBar" path="http://tourdeflex.adobe.com/flex4samples/UIControls/OtherControls/ScrollBar/sample.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4samples/UIControls/OtherControls/ScrollBar/srcview/source/sample.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4samples/UIControls/OtherControls/ScrollBar/srcview/source/skins/TDFPanelSkin.mxml.html"/>
+								<Document name="HScrollBar Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/components&amp;topic=VScrollBar" openLinksExternal="true"/>
+								<Document name="VScrollBar Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/components&amp;topic=HScrollBar" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+						<Illustration name="HScrollBar/VScrollBar" path="http://tourdeflex.adobe.com/flex4.0/ScrollBars/sample.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/ScrollBars/srcview/source/sample.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/ScrollBars/srcview/source/skins/TDFPanelSkin.mxml.html"/>
+								<Document name="HScrollBar Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/components&amp;topic=VScrollBar" openLinksExternal="true"/>
+								<Document name="VScrollBar Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/components&amp;topic=HScrollBar" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="31000" name="Scroller (2)" author="Peter DeHaan/Holly Schinsky" dateAdded="2009-09-01" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/Scroller.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - Scroller">
+					<Illustrations>
+						<Illustration name="Scroller Viewport" path="http://tourdeflex.adobe.com/flex4samples/UIControls/OtherControls/Scroller/sample1.html">
+							<Documents>
+								<Document name="sample1.mxml" path="http://tourdeflex.adobe.com/flex4samples/UIControls/OtherControls/Scroller/srcview/source/sample1.mxml.html"/>
+								<Document name="MyPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4samples/UIControls/OtherControls/Scroller/srcview/source/skins/MyPanelSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/components&amp;topic=Scroller" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+						<Illustration name="Scroller Child Tabbing" path="http://tourdeflex.adobe.com/flex4samples/UIControls/OtherControls/Scroller/sample2.html">
+							<Documents>
+								<Document name="sample2.mxml" path="http://tourdeflex.adobe.com/flex4samples/UIControls/OtherControls/Scroller/srcview/source/sample2.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4samples/UIControls/OtherControls/Scroller/srcview/source/skins/TDFPanelSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/components&amp;topic=Scroller" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="30915" name="Slider" author="Holly Schinsky" dateAdded="2009-09-21" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/VSlider.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - Slider">
+					<Illustrations>
+						<Illustration name="Slider" path="http://tourdeflex.adobe.com/flex4samples/UIControls/OtherControls/Slider/sample.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4samples/UIControls/OtherControls/Slider/srcview/source/sample.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4samples/UIControls/OtherControls/Slider/srcview/source/skins/TDFPanelSkin.mxml.html"/>
+								<Document name="VSlider Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/components&amp;topic=VSlider" openLinksExternal="true"/>
+								<Document name="HSlider Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/components&amp;topic=HSlider" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="30925" name="Spinner" author="Holly Schinsky" dateAdded="2009-10-20" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/Spinner.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - Spinner">
+					<Illustrations>
+						<Illustration name="Spinner" path="http://tourdeflex.adobe.com/flex4samples/UIControls/OtherControls/Spinner/sample.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4samples/UIControls/OtherControls/Spinner/srcview/source/sample.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4samples/UIControls/OtherControls/Spinner/srcview/source/skins/TDFPanelSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/components&amp;topic=Spinner" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="70140" name="SWFLoader" author="Adobe Systems, Inc." dateAdded="2010-03-22" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/SWFLoader.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - SWFLoader">
+					<Illustrations>
+						<Illustration name="SWFLoader" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-SWFLoader/sample1.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-SWFLoader/srcview/source/sample1.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-SWFLoader/srcview/source/TDFGradientBackgroundSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=mx/controls&amp;topic=SWFLoader" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="30926" name="TabBar" author="Holly Schinsky" dateAdded="2010-03-22" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/TabBar.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - TabBar">
+					<Illustrations>
+						<Illustration name="TabBar" path="http://tourdeflex.adobe.com/flex4samples/GroupsAndContainers/TabbedNavigator/sample1.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4samples/GroupsAndContainers/TabbedNavigator/srcview/source/sample1.mxml.html"/>
+								<Document name="Flex Project" path="http://tourdeflex.adobe.com/flex4samples/GroupsAndContainers/TabbedNavigator/srcview/index.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/components&amp;topic=TabBar" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="30928" name="TextArea" author="Holly Schinsky" dateAdded="2010-03-22" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/TextArea.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - TextArea">
+					<Illustrations>
+						<Illustration name="TextArea" path="http://tourdeflex.adobe.com/flex4.0/TextArea/sample.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/TextArea/srcview/source/sample.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/TextArea/srcview/source/skins/TDFPanelSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/components&amp;topic=TextArea" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="30930" name="TextInput" author="Holly Schinsky" dateAdded="2010-03-22" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/TextInput.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - TextInput">
+					<Illustrations>
+						<Illustration name="TextInput" path="http://tourdeflex.adobe.com/flex4.0/TextInput/sample.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/TextInput/srcview/source/sample.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/TextInput/srcview/source/skins/TDFPanelSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/components&amp;topic=TextInput" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="30500" name="ToggleButton" author="Holly Schinsky" dateAdded="2009-09-01" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/ToggleButton.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - ToggleButton">
+					<Illustrations>
+						<Illustration name="ToggleButton" path="http://tourdeflex.adobe.com/flex4samples/UIControls/Buttons/ToggleButton/sample.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4samples/UIControls/Buttons/ToggleButton/srcview/source/sample.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4samples/UIControls/Buttons/ToggleButton/srcview/source/skins/TDFPanelSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/components&amp;topic=ToggleButton" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="70150" name="Tree" author="Adobe Systems, Inc." dateAdded="2010-03-22" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/Tree.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - Tree">
+					<Illustrations>
+						<Illustration name="Tree" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-Tree/sample1.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-Tree/srcview/source/sample1.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-Tree/srcview/source/TDFGradientBackgroundSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=mx/controls&amp;topic=ToggleButton" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="70160" name="VideoDisplay" author="Adobe Systems, Inc." dateAdded="2010-03-22" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/VideoDisplay.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - VideoDisplay">
+					<Illustrations>
+						<Illustration name="VideoDisplay" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-VideoDisplay/sample1.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-VideoDisplay/srcview/source/sample1.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-VideoDisplay/srcview/source/TDFGradientBackgroundSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/components&amp;topic=VideoDisplay" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="30900" name="VideoPlayer" author="Holly Schinsky" dateAdded="2009-09-01" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/VideoPlayer.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - VideoPlayer">
+					<Illustrations>
+						<Illustration name="VideoPlayer" path="http://tourdeflex.adobe.com/flex4samples/UIControls/OtherControls/VideoPlayer/sample1.html">
+							<Documents>
+								<Document name="sample1.mxml" path="http://tourdeflex.adobe.com/flex4samples/UIControls/OtherControls/VideoPlayer/srcview/source/sample1.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4samples/UIControls/OtherControls/VideoPlayer/srcview/source/skins/TDFPanelSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/components&amp;topic=VideoPlayer" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+			</Category>
+			<Category name="Layout">
+				<Object id="31099" name="Read Me" iconPath="http://tourdeflex.adobe.com/samples/common/adobe.png" author="Holly Schinsky" tags="readme">
+					<Illustrations>
+						<Illustration name="Read Me" path="http://tourdeflex.adobe.com/flex4samples/GroupsAndContainers/groups-containers-readme.html" autoExpand="true" openLinksExternal="true"/>
+					</Illustrations>
+				</Object>
+				<Object id="31100" name="BorderContainer" author="Holly Schinsky" dateAdded="2009-09-10" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/BorderContainer.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - BorderContainer">
+					<Illustrations>
+						<Illustration name="BorderContainer" path="http://tourdeflex.adobe.com/flex4samples/GroupsAndContainers/Border/sample.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4samples/GroupsAndContainers/Border/srcview/source/sample.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4samples/GroupsAndContainers/Border/srcview/source/skins/TDFPanelSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/components&amp;topic=BorderContainer" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="31105" name="DataGroup" author="Holly Schinsky" dateAdded="2010-03-22" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/DataGroup.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - DataGroup">
+					<Illustrations>
+						<Illustration name="DataGroup" path="http://tourdeflex.adobe.com/flex4.0/DataGroup/sample.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/DataGroup/srcview/source/sample.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/DataGroup/srcview/source/skins/TDFPanelSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/components&amp;topic=DataGroup" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="70000" name="Form" author="Adobe Systems, Inc." dateAdded="2010-03-22" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/Form.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - Form">
+					<Illustrations>
+						<Illustration name="Form" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-Form/sample1.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-Form/srcview/source/sample1.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-Form/srcview/source/TDFGradientBackgroundSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=mx/containers&amp;topic=Form" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="31110" name="HGroup/VGroup (3)" author="Holly Schinsky/Evtim Georgiev" dateAdded="2010-03-22" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/HGroup.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - HGroup/VGroup">
+					<Illustrations>
+						<Illustration name="HGroup" path="http://tourdeflex.adobe.com/flex4.0/Group-HGroup-VGroup/SampleHGroup.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/Group-HGroup-VGroup/srcview/source/SampleHGroup.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/Group-HGroup-VGroup/srcview/source/skins/TDFPanelSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/components&amp;topic=HGroup" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+						<Illustration name="VGroup" path="http://tourdeflex.adobe.com/flex4.0/Group-HGroup-VGroup/SampleVGroup.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/Group-HGroup-VGroup/srcview/source/SampleVGroup.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/Group-HGroup-VGroup/srcview/source/skins/TDFPanelSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/components&amp;topic=VGroup" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+						<Illustration name="Group Axis Alignment" path="http://tourdeflex.adobe.com/flex4.0/Groups-verticalAlign-horizontalAlign-forLayout/sample.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/Groups-verticalAlign-horizontalAlign-forLayout/srcview/source/sample.mxml.html"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="31150" name="Panel" author="Holly Schinsky" dateAdded="2009-09-10" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/Panel.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - Panel">
+					<Illustrations>
+						<Illustration name="Panel" path="http://tourdeflex.adobe.com/flex4samples/GroupsAndContainers/Panel/sample.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4samples/GroupsAndContainers/Panel/srcview/source/sample.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4samples/GroupsAndContainers/Panel/srcview/source/skins/TDFPanelSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/components&amp;topic=Panel" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="31720" name="SkinnableContainer" author="Holly Schinsky" dateAdded="2009-11-16" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/SkinnableContainer.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - SkinnableContainer">
+					<Illustrations>
+						<Illustration name="SkinnableContainer" path="http://tourdeflex.adobe.com/flex4samples/Skinning/SkinningContainer/sample.html">
+							<Documents>
+								<Document name="Flex Project" path="http://tourdeflex.adobe.com/flex4samples/Skinning/SkinningContainer/srcview/index.html" openLinksExternal="true"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/components&amp;topic=SkinnableContainer" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="31725" name="SkinnableDataContainer" author="Holly Schinsky" dateAdded="2010-03-22" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/SkinnableDataContainer.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - SkinnableContainer">
+					<Illustrations>
+						<Illustration name="SkinnableDataContainer" path="http://tourdeflex.adobe.com/flex4.0/SkinnableDataContainer/sample.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/SkinnableDataContainer/srcview/source/sample.mxml.html" openLinksExternal="true"/>
+								<Document name="TDFPanelSkin" path="http://tourdeflex.adobe.com/flex4.0/SkinnableDataContainer/srcview/source/skins/TDFPanelSkin.mxml.html" openLinksExternal="true"/>
+								<Document name="Flex Project" path="http://tourdeflex.adobe.com/flex4.0/SkinnableDataContainer/srcview/" openLinksExternal="true"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/components&amp;topic=SkinnableDataContainer" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="31160" name="Tabbed Navigation (2)" author="Holly Schinsky" dateAdded="2009-11-16" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/TabNavigator.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - Tabbed Navigation">
+					<Illustrations>
+						<Illustration name="Tabbed Navigation" path="http://tourdeflex.adobe.com/flex4samples/GroupsAndContainers/TabbedNavigator/sample1.html">
+							<Documents>
+								<Document name="Flex Project" path="http://tourdeflex.adobe.com/flex4samples/GroupsAndContainers/TabbedNavigator/srcview/index.html" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+						<Illustration name="Custom Tabs" path="http://tourdeflex.adobe.com/flex4samples/GroupsAndContainers/TabbedNavigator/sample2.html">
+							<Documents>
+								<Document name="Flex Project" path="http://tourdeflex.adobe.com/flex4samples/GroupsAndContainers/TabbedNavigator/srcview/index.html" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="31165" name="TileGroup" author="Holly Schinsky" dateAdded="2010-03-22" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/TileGroup.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - TileGroup">
+					<Illustrations>
+						<Illustration name="TileGroup" path="http://tourdeflex.adobe.com/flex4.0/TileGroup/TileGroupSample.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/TileGroup/srcview/source/TileGroupSample.mxml.html" openLinksExternal="true"/>
+								<Document name="TDFPanelSkin" path="http://tourdeflex.adobe.com/flex4.0/TileGroup/srcview/source/skins/TDFPanelSkin.mxml.html" openLinksExternal="true"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/components&amp;topic=TileGroup" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="70020" name="TitleWindow" author="Adobe Systems, Inc." dateAdded="2010-03-22" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/TitleWindow.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - TitleWindow">
+					<Illustrations>
+						<Illustration name="TitleWindow" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-TitleWindow/sample1.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-TitleWindow/srcview/source/sample1.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-TitleWindow/srcview/source/TDFGradientBackgroundSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/components&amp;topic=TitleWindow" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+			</Category>
+			<Category name="Navigators">
+				<Object id="70170" name="Accordion" author="Adobe Systems, Inc." dateAdded="2010-03-22" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/Accordion.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - Accordion">
+					<Illustrations>
+						<Illustration name="Accordion" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-Accordion/sample1.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-Accordion/srcview/source/sample1.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-Accordion/srcview/source/TDFGradientBackgroundSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=mx/containers&amp;topic=Accordion" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="70180" name="LinkBar" author="Adobe Systems, Inc." dateAdded="2010-03-22" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/LinkBar.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - LinkBar">
+					<Illustrations>
+						<Illustration name="LinkBar" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-LinkBar/sample1.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-LinkBar/srcview/source/sample1.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-LinkBar/srcview/source/TDFGradientBackgroundSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=mx/containers&amp;topic=LinkBar" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="70190" name="TabNavigator" author="Adobe Systems, Inc." dateAdded="2010-03-22" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/TabNavigator.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - TabNavigator">
+					<Illustrations>
+						<Illustration name="TabNavigator" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-TabNavigator/sample1.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-TabNavigator/srcview/source/sample1.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-TabNavigator/srcview/source/TDFGradientBackgroundSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=mx/containers&amp;topic=TabNavigator" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="70200" name="ToggleButtonBar" author="Adobe Systems, Inc." dateAdded="2010-03-22" iconPath="http://www.adobe.com/devnet/flex/tourdeflex/sample/samples/ToggleButtonBar/ButtonBar.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - ToggleButtonBar">
+					<Illustrations>
+						<Illustration name="ToggleButtonBar" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-ToggleButtonBar/sample1.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-ToggleButtonBar/srcview/source/sample1.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-ToggleButtonBar/srcview/source/TDFGradientBackgroundSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=mx/controls&amp;topic=ToggleButtonBar" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="70210" name="ViewStack" author="Adobe Systems, Inc." dateAdded="2010-03-22" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/ViewStack.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - ViewStack">
+					<Illustrations>
+						<Illustration name="ViewStack" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-ViewStack/sample1.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-ViewStack/srcview/source/sample1.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-ViewStack/srcview/source/TDFGradientBackgroundSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=mx/containers&amp;topic=ViewStack" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+			</Category>
+			<Category name="Charts">
+				<Object id="70220" name="AreaChart" author="Adobe Systems, Inc." dateAdded="2010-03-22" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/AreaChart.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - AreaChart">
+					<Illustrations>
+						<Illustration name="AreaChart" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-AreaChart/sample1.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-AreaChart/srcview/source/sample1.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-AreaChart/srcview/source/TDFGradientBackgroundSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=mx/charts&amp;topic=AreaChart" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="70230" name="BarChart" author="Adobe Systems, Inc." dateAdded="2010-03-22" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/BarChart.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - BarChart">
+					<Illustrations>
+						<Illustration name="BarChart" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-BarChart/sample1.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-BarChart/srcview/source/sample1.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-BarChart/srcview/source/TDFGradientBackgroundSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=mx/charts&amp;topic=BarChart" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="70240" name="BubbleChart" author="Adobe Systems, Inc." dateAdded="2010-03-22" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/BubbleChart.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - BubbleChart">
+					<Illustrations>
+						<Illustration name="BubbleChart" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-BubbleChart/sample1.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-BubbleChart/srcview/source/sample1.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-BubbleChart/srcview/source/TDFGradientBackgroundSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=mx/charts&amp;topic=BubbleChart" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="70250" name="CandlestickChart" author="Adobe Systems, Inc." dateAdded="2010-03-22" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/CandlestickChart.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - CandlestickChart">
+					<Illustrations>
+						<Illustration name="CandlestickChart" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-CandlestickChart/sample1.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-CandlestickChart/srcview/source/sample1.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-CandlestickChart/srcview/source/TDFGradientBackgroundSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=mx/charts&amp;topic=CandlestickChart" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="70270" name="ColumnChart" author="Adobe Systems, Inc." dateAdded="2010-03-22" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/ColumnChart.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - ColumnChart">
+					<Illustrations>
+						<Illustration name="ColumnChart" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-ColumnChart/sample1.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-ColumnChart/srcview/source/sample1.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-ColumnChart/srcview/source/TDFGradientBackgroundSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=mx/charts&amp;topic=ColumnChart" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="70280" name="HLOCChart" author="Adobe Systems, Inc." dateAdded="2010-03-22" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/HLOCChart.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - HLOCChart">
+					<Illustrations>
+						<Illustration name="HLOCChart" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-HLOCChart/sample1.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-HLOCChart/srcview/source/sample1.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-HLOCChart/srcview/source/TDFGradientBackgroundSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=mx/charts&amp;topic=HLOCChart" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="70290" name="LineChart" author="Adobe Systems, Inc." dateAdded="2010-03-22" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/LineChart.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - LineChart">
+					<Illustrations>
+						<Illustration name="LineChart" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-LineChart/sample1.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-LineChart/srcview/source/sample1.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-LineChart/srcview/source/TDFGradientBackgroundSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=mx/charts&amp;topic=LineChart" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="70300" name="PieChart" author="Adobe Systems, Inc." dateAdded="2010-03-22" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/PieChart.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - PieChart">
+					<Illustrations>
+						<Illustration name="PieChart" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-PieChart/sample1.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-PieChart/srcview/source/sample1.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-PieChart/srcview/source/TDFGradientBackgroundSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=mx/charts&amp;topic=PieChart" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="70310" name="PlotChart" author="Adobe Systems, Inc." dateAdded="2010-03-22" iconPath="http://tourdeflex.adobe.com/flex4samples/icons/PlotChart.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - PlotChart">
+					<Illustrations>
+						<Illustration name="PlotChart" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-PlotChart/sample1.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-PlotChart/srcview/source/sample1.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-PlotChart/srcview/source/TDFGradientBackgroundSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=mx/charts&amp;topic=PlotChart" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Category name="Charting Effects">
+					<Object id="70320" name="SeriesInterpolate" author="Adobe Systems, Inc." dateAdded="2010-03-22" iconPath="http://www.adobe.com/devnet/flex/tourdeflex/sample/samples/SeriesInterpolate/Effects.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - SeriesInterploate">
+						<Illustrations>
+							<Illustration name="SeriesInterpolate" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-SeriesInterploate/sample1.html">
+								<Documents>
+									<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-SeriesInterploate/srcview/source/sample1.mxml.html"/>
+									<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-SeriesInterploate/srcview/source/TDFGradientBackgroundSkin.mxml.html"/>
+									<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=mx/charts/effects&amp;topic=SeriesInterpolate" openLinksExternal="true"/>
+								</Documents>
+							</Illustration>
+						</Illustrations>
+					</Object>
+					<Object id="70330" name="SeriesSlide" author="Adobe Systems, Inc." dateAdded="2010-03-22" iconPath="http://www.adobe.com/devnet/flex/tourdeflex/sample/samples/SeriesSlide/Effects.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - SeriesSlide">
+						<Illustrations>
+							<Illustration name="SeriesSlide" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-SeriesSlide/sample1.html">
+								<Documents>
+									<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-SeriesSlide/srcview/source/sample1.mxml.html"/>
+									<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-SeriesSlide/srcview/source/TDFGradientBackgroundSkin.mxml.html"/>
+									<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=mx/charts/effects&amp;topic=SeriesSlide" openLinksExternal="true"/>
+								</Documents>
+							</Illustration>
+						</Illustrations>
+					</Object>
+					<Object id="70340" name="SeriesZoom" author="Adobe Systems, Inc." dateAdded="2010-03-22" iconPath="http://www.adobe.com/devnet/flex/tourdeflex/sample/samples/SeriesZoom/Effects.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - SeriesZoom">
+						<Illustrations>
+							<Illustration name="SeriesZoom" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-SeriesZoom/sample1.html">
+								<Documents>
+									<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-SeriesZoom/srcview/source/sample1.mxml.html"/>
+									<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-SeriesZoom/srcview/source/TDFGradientBackgroundSkin.mxml.html"/>
+									<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=mx/charts/effects&amp;topic=SeriesZoom" openLinksExternal="true"/>
+								</Documents>
+							</Illustration>
+						</Illustrations>
+					</Object>
+				</Category>
+			</Category>
+			<Category name="Graphics">
+				<Object id="31799" name="Read Me" iconPath="http://tourdeflex.adobe.com/samples/common/adobe.png" author="Holly Schinsky" tags="readme">
+					<Illustrations>
+						<Illustration name="Read Me" path="http://tourdeflex.adobe.com/flex4samples/Graphics/fxg-readme.html" autoExpand="true" openLinksExternal="true"/>
+					</Illustrations>
+				</Object>
+				<Object id="31805" name="BitmapImage" author="Holly Schinsky" dateAdded="2010-03-22" iconPath="http://www.adobe.com/devnet/flex/tourdeflex/sample/samples/HOWTO/flexicon.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - BitmapImage">
+					<Illustrations>
+						<Illustration name="BitmapImage" path="http://tourdeflex.adobe.com/flex4.0/FXG/BitmapImage/BitmapImageExample.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/FXG/BitmapImage/srcview/source/BitmapImageExample.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/FXG/BitmapImage/srcview/source/skins/TDFPanelSkin.mxml.html"/>
+								<Document name="Flex Project" path="http://tourdeflex.adobe.com/flex4.0/FXG/BitmapImage/srcview/index.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/primitives&amp;topic=BitmapImage" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="31800" name="DropShadow Graphic" author="Joan Lafferty" dateAdded="2009-09-04" iconPath="http://www.adobe.com/devnet/flex/tourdeflex/sample/samples/HOWTO/flexicon.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - DropShadowGraphic">
+					<Illustrations>
+						<Illustration name="DropShadow Graphic" path="http://tourdeflex.adobe.com/flex4samples/Graphics/DropShadowGraphic/DropShadowGraphicExample.html">
+							<Documents>
+								<Document name="DropShadowGraphicExample.mxml" path="http://tourdeflex.adobe.com/flex4samples/Graphics/DropShadowGraphic/srcview/source/DropShadowGraphicExample.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4samples/Graphics/DropShadowGraphic/srcview/source/skins/TDFPanelSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=flash/filters&amp;topic=DropShadowFilter" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="31885" name="Ellipse" author="Holly Schinsky" dateAdded="2010-03-22" iconPath="http://www.adobe.com/devnet/flex/tourdeflex/sample/samples/HOWTO/flexicon.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - Ellipse">
+					<Illustrations>
+						<Illustration name="Ellipse" path="http://tourdeflex.adobe.com/flex4.0/FXG/Ellipse/sample.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/FXG/Ellipse/srcview/source/sample.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/FXG/Ellipse/srcview/source/skins/TDFPanelSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/primitives&amp;topic=Ellipse" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="31900" name="Ellipse Transform" author="Joan Lafferty" dateAdded="2009-09-04" iconPath="http://www.adobe.com/devnet/flex/tourdeflex/sample/samples/HOWTO/flexicon.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - EllipseTransform">
+					<Illustrations>
+						<Illustration name="Ellipse Transform" path="http://tourdeflex.adobe.com/flex4samples/Graphics/EllipseTransform/EllipseTransformExample.html">
+							<Documents>
+								<Document name="EllipseTransformExample.mxml" path="http://tourdeflex.adobe.com/flex4samples/Graphics/EllipseTransform/srcview/source/EllipseTransformExample.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4samples/Graphics/EllipseTransform/srcview/source/skins/TDFPanelSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/primitives&amp;topic=Ellipse" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="31905" name="Line" author="Holly Schinsky" dateAdded="2010-03-22" iconPath="http://www.adobe.com/devnet/flex/tourdeflex/sample/samples/HOWTO/flexicon.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - Line">
+					<Illustrations>
+						<Illustration name="Line" path="http://tourdeflex.adobe.com/flex4.0/FXG/Line/sample.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/FXG/Line/srcview/source/sample.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/FXG/Line/srcview/source/skins/TDFPanelSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/primitives&amp;topic=Line" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="32000" name="Linear Gradient Spread" author="Joan Lafferty" dateAdded="2009-09-04" iconPath="http://www.adobe.com/devnet/flex/tourdeflex/sample/samples/HOWTO/flexicon.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - LinearGradientSpreadMethod">
+					<Illustrations>
+						<Illustration name="LinearGradient Spread" path="http://tourdeflex.adobe.com/flex4samples/Graphics/LinearGradientSpread/LinearGradientsSpreadMethodExample.html">
+							<Documents>
+								<Document name="LinearGradientSpreadMethodExample.mxml" path="http://tourdeflex.adobe.com/flex4samples/Graphics/LinearGradientSpread/srcview/source/LinearGradientsSpreadMethodExample.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4samples/Graphics/LinearGradientSpread/srcview/source/skins/TDFPanelSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=mx/graphics&amp;topic=LinearGradient" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="32100" name="Static FXG" author="Joan Lafferty" dateAdded="2009-09-04" iconPath="http://www.adobe.com/devnet/flex/tourdeflex/sample/samples/HOWTO/flexicon.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - Static FXG">
+					<Illustrations>
+						<Illustration name="Static FXG" path="http://tourdeflex.adobe.com/flex4samples/Graphics/StaticFXG/StaticFXG_Sample.html">
+							<Documents>
+								<Document name="StaticFXG_Sxample.mxml" path="http://tourdeflex.adobe.com/flex4samples/Graphics/StaticFXG/srcview/source/StaticFXG_Sample.mxml.html"/>
+								<Document name="OrangeCrayonStar.fxg" path="http://tourdeflex.adobe.com/flex4samples/Graphics/StaticFXG/srcview/source/OrangeCrayonStar.fxg"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4samples/Graphics/StaticFXG/srcview/source/skins/TDFPanelSkin.mxml.html"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+			</Category>
+			<Category name="Effects">
+				<Object id="31199" name="Read Me" iconPath="http://tourdeflex.adobe.com/samples/common/adobe.png" author="Holly Schinsky" tags="readme">
+					<Illustrations>
+						<Illustration name="Read Me" path="http://tourdeflex.adobe.com/flex4samples/Effects/effects-readme.html" autoExpand="true" openLinksExternal="true"/>
+					</Illustrations>
+				</Object>
+				<Object id="31202" name="AnimateProperties" author="David Flatley" dateAdded="2010-03-22" iconPath="http://www.adobe.com/devnet/flex/tourdeflex/sample/samples/SharedAssets/effectIcon.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - AnimateProperties">
+					<Illustrations>
+						<Illustration name="AnimateProperties" path="http://tourdeflex.adobe.com/flex4samples/Effects/AnimateProperties/Sample.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4samples/Effects/AnimateProperties/srcview/source/Sample.mxml.html"/>
+								<Document name="Flex Project" path="http://tourdeflex.adobe.com/flex4samples/Effects/AnimateProperties/srcview/index.html" openLinksExternal="true"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/effects&amp;topic=Animate" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="31205" name="AnimateTransitionShader" author="Holly Schinsky" dateAdded="2010-03-22" iconPath="http://www.adobe.com/devnet/flex/tourdeflex/sample/samples/SharedAssets/effectIcon.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - AnimateTransitionShader - Bounce">
+					<Illustrations>
+						<Illustration name="AnimateTransitionShader" path="http://tourdeflex.adobe.com/flex4.0/AnimateShaderTransitionEffect/sample.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/AnimateShaderTransitionEffect/srcview/source/sample.mxml.html"/>
+								<Document name="Flex Project" path="http://tourdeflex.adobe.com/flex4.0/AnimateShaderTransitionEffect/srcview/" openLinksExternal="true"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/effects&amp;topic=AnimateTransitionShader" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="31200" name="AnimateTransform" author="Holly Schinsky" dateAdded="2009-09-01" iconPath="http://www.adobe.com/devnet/flex/tourdeflex/sample/samples/SharedAssets/effectIcon.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - AnimateTransform - Bounce">
+					<Illustrations>
+						<Illustration name="AnimateTransform" path="http://tourdeflex.adobe.com/flex4samples/Effects/AnimateTransform-Bounce/sample.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4samples/Effects/AnimateTransform-Bounce/srcview/source/sample.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4samples/Effects/AnimateTransform-Bounce/srcview/source/skins/TDFPanelSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/effects&amp;topic=AnimateTransform" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="31250" name="Fade" author="Holly Schinsky" dateAdded="2009-10-20" iconPath="http://www.adobe.com/devnet/flex/tourdeflex/sample/samples/SharedAssets/effectIcon.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - Fade Effect">
+					<Illustrations>
+						<Illustration name="Fade" path="http://tourdeflex.adobe.com/flex4samples/Effects/Fade/sample.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4samples/Effects/Fade/srcview/source/sample.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4samples/Effects/Fade/srcview/source/skins/TDFPanelSkin.mxml.html"/>
+								<Document name="Flex Project" path="http://tourdeflex.adobe.com/flex4samples/Effects/Fade/srcview/index.html" openLinksExternal="true"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/effects&amp;topic=Fade" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="31253" name="CrossFade" author="Holly Schinsky" dateAdded="2009-10-20" iconPath="http://www.adobe.com/devnet/flex/tourdeflex/sample/samples/SharedAssets/effectIcon.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - Cross Fade Effect">
+					<Illustrations>
+						<Illustration name="CrossFade" path="http://tourdeflex.adobe.com/flex4samples/Effects/CrossFade/sample.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4samples/Effects/CrossFade/srcview/source/sample.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4samples/Effects/CrossFade/srcview/source/skins/TDFPanelSkin.mxml.html"/>
+								<Document name="Flex Project" path="http://tourdeflex.adobe.com/flex4samples/Effects/CrossFade/srcview/index.html" openLinksExternal="true"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/effects&amp;topic=CrossFade" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="31256" name="Move3D" author="Holly Schinsky" dateAdded="2010-03-22" iconPath="http://www.adobe.com/devnet/flex/tourdeflex/sample/samples/SharedAssets/effectIcon.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - Move3D Effect">
+					<Illustrations>
+						<Illustration name="Move3D" path="http://tourdeflex.adobe.com/flex4.0/Move3D/sample.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/Move3D/srcview/source/sample.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/Move3D/srcview/source/skins/TDFPanelSkin.mxml.html"/>
+								<Document name="Flex Project" path="http://tourdeflex.adobe.com/flex4.0/Move3D/srcview/index.html" openLinksExternal="true"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/effects&amp;topic=Move3D" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="31300" name="Rotate3D" author="Holly Schinsky" dateAdded="2009-09-01" iconPath="http://www.adobe.com/devnet/flex/tourdeflex/sample/samples/SharedAssets/effectIcon.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - Rotate3D">
+					<Illustrations>
+						<Illustration name="Rotate3D" path="http://tourdeflex.adobe.com/flex4samples/Effects/Rotate3D/sample.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4samples/Effects/Rotate3D/srcview/source/sample.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4samples/Effects/Rotate3D/srcview/source/skins/TDFPanelSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/effects&amp;topic=Rotate3D" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="31400" name="Scale3D" author="Holly Schinsky" dateAdded="2009-09-01" iconPath="http://www.adobe.com/devnet/flex/tourdeflex/sample/samples/SharedAssets/effectIcon.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - Scale3D">
+					<Illustrations>
+						<Illustration name="Scale3D" path="http://tourdeflex.adobe.com/flex4samples/Effects/Scale3D/sample.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4samples/Effects/Scale3D/srcview/source/sample.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4samples/Effects/Rotate3D/srcview/source/skins/TDFPanelSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/effects&amp;topic=Scale3D" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="31405" name="Wipe" author="Holly Schinsky" dateAdded="2010-03-22" iconPath="http://www.adobe.com/devnet/flex/tourdeflex/sample/samples/SharedAssets/effectIcon.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - Move3D Effect">
+					<Illustrations>
+						<Illustration name="Wipe" path="http://tourdeflex.adobe.com/flex4.0/Wipe/sample.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/Wipe/srcview/source/sample.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/Wipe/srcview/source/skins/TDFPanelSkin.mxml.html"/>
+								<Document name="Flex Project" path="http://tourdeflex.adobe.com/flex4.0/Wipe/srcview/index.html" openLinksExternal="true"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=spark/effects&amp;topic=Wipe" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+			</Category>
+			<Category name="Formatters">
+				<Object id="70440" name="Formatter" author="Adobe Systems, Inc." dateAdded="2010-03-22" iconPath="http://www.adobe.com/devnet/flex/tourdeflex/sample/samples/Formatter/formattericon.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - Formatter">
+					<Illustrations>
+						<Illustration name="Formatter" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-Formatter/sample1.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-Formatter/srcview/source/sample1.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-Formatter/srcview/source/TDFGradientBackgroundSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=mx/formatters&amp;topic=Formatter" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="70450" name="CurrencyFormatter" author="Adobe Systems, Inc." dateAdded="2010-03-22" iconPath="http://www.adobe.com/devnet/flex/tourdeflex/sample/samples/Formatter/formattericon.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - CurrencyFormatter">
+					<Illustrations>
+						<Illustration name="CurrencyFormatter" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-CurrencyFormatter/sample1.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-CurrencyFormatter/srcview/source/sample1.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-CurrencyFormatter/srcview/source/TDFGradientBackgroundSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=mx/formatters&amp;topic=CurrencyFormatter" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="70070" name="DateFormatter" author="Adobe Systems, Inc." dateAdded="2010-03-22" iconPath="http://www.adobe.com/devnet/flex/tourdeflex/sample/samples/Formatter/formattericon.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - DateFormatter">
+					<Illustrations>
+						<Illustration name="DateFormatter" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-DateFormatter/sample1.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-DateFormatter/srcview/source/sample1.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-DateFormatter/srcview/source/TDFGradientBackgroundSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=mx/formatters&amp;topic=DateFormatter" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="70460" name="NumberFormatter" author="Adobe Systems, Inc." dateAdded="2010-03-22" iconPath="http://www.adobe.com/devnet/flex/tourdeflex/sample/samples/Formatter/formattericon.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - NumberFormatter">
+					<Illustrations>
+						<Illustration name="NumberFormatter" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-NumberFormatter/sample1.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-NumberFormatter/srcview/source/sample1.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-NumberFormatter/srcview/source/TDFGradientBackgroundSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=mx/formatters&amp;topic=NumberFormatter" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="70470" name="PhoneFormatter" author="Adobe Systems, Inc." dateAdded="2010-03-22" iconPath="http://www.adobe.com/devnet/flex/tourdeflex/sample/samples/Formatter/formattericon.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - PhoneFormatter">
+					<Illustrations>
+						<Illustration name="PhoneFormatter" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-PhoneFormatter/sample1.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-PhoneFormatter/srcview/source/sample1.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-PhoneFormatter/srcview/source/TDFGradientBackgroundSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/help.cfm?package=mx/formatters&amp;topic=PhoneFormatter" openLinksExternal="true"/>
+							</Documents>
+						</Illustration>
+					</Illustrations>
+				</Object>
+				<Object id="70480" name="SwitchSymbolFormatter" author="Adobe Systems, Inc." dateAdded="2010-03-22" iconPath="http://www.adobe.com/devnet/flex/tourdeflex/sample/samples/Formatter/formattericon.png" tags="gumbo,flex4,flex 4" viewCount="0" description="Flex 4 - SwitchSymbolFormatter">
+					<Illustrations>
+						<Illustration name="SwitchSymbolFormatter" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-SwitchSymbolFormatter/sample1.html">
+							<Documents>
+								<Document name="sample.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-SwitchSymbolFormatter/srcview/source/sample1.mxml.html"/>
+								<Document name="TDFPanelSkin.mxml" path="http://tourdeflex.adobe.com/flex4.0/Sample-Adobe-SwitchSymbolFormatter/srcview/source/TDFGradientBackgroundSkin.mxml.html"/>
+								<Document name="Reference" path="http://tourdeflex.adobe.com/help/

<TRUNCATED>

[30/51] [partial] Merged TourDeFlex release from develop

Posted by jm...@apache.org.
http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR20/Gestures/srcview/source/skins/TDFPanelSkin.mxml.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR20/Gestures/srcview/source/skins/TDFPanelSkin.mxml.html b/TourDeFlex/TourDeFlex/src/objects/AIR20/Gestures/srcview/source/skins/TDFPanelSkin.mxml.html
new file mode 100644
index 0000000..fbb0bfb
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR20/Gestures/srcview/source/skins/TDFPanelSkin.mxml.html
@@ -0,0 +1,146 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+<head>
+  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+  <meta http-equiv="Content-Style-Type" content="text/css">
+  <title>TDFPanelSkin.mxml</title>
+  <meta name="Generator" content="Cocoa HTML Writer">
+  <meta name="CocoaVersion" content="1187.4">
+  <style type="text/css">
+    p.p1 {margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Courier}
+    p.p2 {margin: 0.0px 0.0px 0.0px 0.0px; font: 11.0px Monaco; color: #941100}
+    p.p3 {margin: 0.0px 0.0px 0.0px 0.0px; font: 11.0px Monaco; min-height: 15.0px}
+    p.p4 {margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Courier; min-height: 14.0px}
+  </style>
+</head>
+<body>
+<p class="p1">&lt;?xml version="1.0" encoding="utf-8"?&gt;</p>
+<p class="p2">&lt;!--</p>
+<p class="p3"><br></p>
+<p class="p2">Licensed to the Apache Software Foundation (ASF) under one or more</p>
+<p class="p2">contributor license agreements.<span class="Apple-converted-space">  </span>See the NOTICE file distributed with</p>
+<p class="p2">this work for additional information regarding copyright ownership.</p>
+<p class="p2">The ASF licenses this file to You under the Apache License, Version 2.0</p>
+<p class="p2">(the "License"); you may not use this file except in compliance with</p>
+<p class="p2">the License.<span class="Apple-converted-space">  </span>You may obtain a copy of the License at</p>
+<p class="p3"><br></p>
+<p class="p2">http://www.apache.org/licenses/LICENSE-2.0</p>
+<p class="p3"><br></p>
+<p class="p2">Unless required by applicable law or agreed to in writing, software</p>
+<p class="p2">distributed under the License is distributed on an "AS IS" BASIS,</p>
+<p class="p2">WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.</p>
+<p class="p2">See the License for the specific language governing permissions and</p>
+<p class="p2">limitations under the License.</p>
+<p class="p3"><br></p>
+<p class="p2">--&gt;</p>
+<p class="p1">&lt;s:Skin xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark"<span class="Apple-converted-space"> </span></p>
+<p class="p1"><span class="Apple-converted-space">        </span>alpha.disabled="0.5" minWidth="131" minHeight="127"&gt;</p>
+<p class="p4"><span class="Apple-converted-space">    </span></p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;fx:Metadata&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>[HostComponent("spark.components.Panel")]</p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;/fx:Metadata&gt;<span class="Apple-converted-space"> </span></p>
+<p class="p4"><span class="Apple-converted-space">    </span></p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;s:states&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:State name="normal" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:State name="disabled" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:State name="normalWithControlBar" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:State name="disabledWithControlBar" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;/s:states&gt;</p>
+<p class="p4"><span class="Apple-converted-space">    </span></p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;!-- drop shadow --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;s:Rect left="0" top="0" right="0" bottom="0"&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:filters&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:DropShadowFilter blurX="15" blurY="15" alpha="0.18" distance="11" angle="90" knockout="true" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;/s:filters&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:SolidColor color="0" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;/s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;/s:Rect&gt;</p>
+<p class="p4"><span class="Apple-converted-space">    </span></p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;!-- layer 1: border --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;s:Rect left="0" right="0" top="0" bottom="0"&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:stroke&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:SolidColorStroke color="0" alpha="0.50" weight="1" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;/s:stroke&gt;</p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;/s:Rect&gt;</p>
+<p class="p4"><span class="Apple-converted-space">    </span></p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;!-- layer 2: background fill --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;s:Rect left="0" right="0" bottom="0" height="15"&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:LinearGradient rotation="90"&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;s:GradientEntry color="0xE2E2E2" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;s:GradientEntry color="0x000000" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;/s:LinearGradient&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;/s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;/s:Rect&gt;</p>
+<p class="p4"><span class="Apple-converted-space">    </span></p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;!-- layer 3: contents --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;s:Group left="1" right="1" top="1" bottom="1" &gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:layout&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:VerticalLayout gap="0" horizontalAlign="justify" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;/s:layout&gt;</p>
+<p class="p4"><span class="Apple-converted-space">        </span></p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:Group id="topGroup" &gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;!-- layer 0: title bar fill --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;!-- Note: We have custom skinned the title bar to be solid black for Tour de Flex --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:Rect id="tbFill" left="0" right="0" top="0" bottom="1" &gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                    </span>&lt;s:SolidColor color="0x000000" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;/s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;/s:Rect&gt;</p>
+<p class="p4"><span class="Apple-converted-space">            </span></p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;!-- layer 1: title bar highlight --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:Rect id="tbHilite" left="0" right="0" top="0" bottom="0" &gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;s:stroke&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                    </span>&lt;s:LinearGradientStroke rotation="90" weight="1"&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                        </span>&lt;s:GradientEntry color="0xEAEAEA" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                        </span>&lt;s:GradientEntry color="0xD9D9D9" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                    </span>&lt;/s:LinearGradientStroke&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;/s:stroke&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;/s:Rect&gt;</p>
+<p class="p4"><span class="Apple-converted-space">            </span></p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;!-- layer 2: title bar divider --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:Rect id="tbDiv" left="0" right="0" height="1" bottom="0"&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                    </span>&lt;s:SolidColor color="0xC0C0C0" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;/s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;/s:Rect&gt;</p>
+<p class="p4"><span class="Apple-converted-space">            </span></p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;!-- layer 3: text --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:Label id="titleDisplay" maxDisplayedLines="1"</p>
+<p class="p1"><span class="Apple-converted-space">                     </span>left="9" right="3" top="1" minHeight="30"</p>
+<p class="p1"><span class="Apple-converted-space">                     </span>verticalAlign="middle" fontWeight="bold" color="#E2E2E2"&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;/s:Label&gt;</p>
+<p class="p4"><span class="Apple-converted-space">            </span></p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;/s:Group&gt;</p>
+<p class="p4"><span class="Apple-converted-space">        </span></p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:Group id="contentGroup" width="100%" height="100%" minWidth="0" minHeight="0"&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;/s:Group&gt;</p>
+<p class="p4"><span class="Apple-converted-space">        </span></p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:Group id="bottomGroup" minWidth="0" minHeight="0"</p>
+<p class="p1"><span class="Apple-converted-space">                 </span>includeIn="normalWithControlBar, disabledWithControlBar" &gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;!-- layer 0: control bar background --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:Rect left="0" right="0" bottom="0" top="1" &gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                    </span>&lt;s:SolidColor color="0xE2EdF7" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;/s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;/s:Rect&gt;</p>
+<p class="p4"><span class="Apple-converted-space">            </span></p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;!-- layer 1: control bar divider line --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:Rect left="0" right="0" top="0" height="1" &gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                    </span>&lt;s:SolidColor color="0xD1E0F2" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;/s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;/s:Rect&gt;</p>
+<p class="p4"><span class="Apple-converted-space">            </span></p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;!-- layer 2: control bar --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:Group id="controlBarGroup" left="0" right="0" top="1" bottom="1" minWidth="0" minHeight="0"&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;s:layout&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                    </span>&lt;s:HorizontalLayout paddingLeft="10" paddingRight="10" paddingTop="7" paddingBottom="7" gap="10" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;/s:layout&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;/s:Group&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;/s:Group&gt;</p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;/s:Group&gt;</p>
+<p class="p1">&lt;/s:Skin&gt;</p>
+</body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR20/GlobalExceptionHandler/TDFPanelSkin.mxml.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR20/GlobalExceptionHandler/TDFPanelSkin.mxml.html b/TourDeFlex/TourDeFlex/src/objects/AIR20/GlobalExceptionHandler/TDFPanelSkin.mxml.html
new file mode 100644
index 0000000..df79d11
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR20/GlobalExceptionHandler/TDFPanelSkin.mxml.html
@@ -0,0 +1,147 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+<head>
+  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+  <meta http-equiv="Content-Style-Type" content="text/css">
+  <title>TDFPanelSkin.mxml</title>
+  <meta name="Generator" content="Cocoa HTML Writer">
+  <meta name="CocoaVersion" content="1187.4">
+  <style type="text/css">
+    p.p1 {margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Courier}
+    p.p2 {margin: 0.0px 0.0px 0.0px 0.0px; font: 11.0px Monaco; color: #941100}
+    p.p3 {margin: 0.0px 0.0px 0.0px 0.0px; font: 11.0px Monaco; min-height: 15.0px}
+    p.p4 {margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Courier; min-height: 14.0px}
+  </style>
+</head>
+<body>
+<p class="p1">&lt;?xml version="1.0" encoding="utf-8"?&gt;</p>
+<p class="p2">&lt;!--</p>
+<p class="p3"><br></p>
+<p class="p2">Licensed to the Apache Software Foundation (ASF) under one or more</p>
+<p class="p2">contributor license agreements.<span class="Apple-converted-space">  </span>See the NOTICE file distributed with</p>
+<p class="p2">this work for additional information regarding copyright ownership.</p>
+<p class="p2">The ASF licenses this file to You under the Apache License, Version 2.0</p>
+<p class="p2">(the "License"); you may not use this file except in compliance with</p>
+<p class="p2">the License.<span class="Apple-converted-space">  </span>You may obtain a copy of the License at</p>
+<p class="p3"><br></p>
+<p class="p2">http://www.apache.org/licenses/LICENSE-2.0</p>
+<p class="p3"><br></p>
+<p class="p2">Unless required by applicable law or agreed to in writing, software</p>
+<p class="p2">distributed under the License is distributed on an "AS IS" BASIS,</p>
+<p class="p2">WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.</p>
+<p class="p2">See the License for the specific language governing permissions and</p>
+<p class="p2">limitations under the License.</p>
+<p class="p3"><br></p>
+<p class="p2">--&gt;</p>
+<p class="p4"><br></p>
+<p class="p1">&lt;s:Skin xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark"<span class="Apple-converted-space"> </span></p>
+<p class="p1"><span class="Apple-converted-space">        </span>alpha.disabled="0.5" minWidth="131" minHeight="127"&gt;</p>
+<p class="p4"><span class="Apple-converted-space">    </span></p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;fx:Metadata&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>[HostComponent("spark.components.Panel")]</p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;/fx:Metadata&gt;<span class="Apple-converted-space"> </span></p>
+<p class="p4"><span class="Apple-converted-space">    </span></p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;s:states&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:State name="normal" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:State name="disabled" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:State name="normalWithControlBar" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:State name="disabledWithControlBar" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;/s:states&gt;</p>
+<p class="p4"><span class="Apple-converted-space">    </span></p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;!-- drop shadow --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;s:Rect left="0" top="0" right="0" bottom="0"&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:filters&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:DropShadowFilter blurX="15" blurY="15" alpha="0.18" distance="11" angle="90" knockout="true" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;/s:filters&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:SolidColor color="0" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;/s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;/s:Rect&gt;</p>
+<p class="p4"><span class="Apple-converted-space">    </span></p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;!-- layer 1: border --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;s:Rect left="0" right="0" top="0" bottom="0"&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:stroke&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:SolidColorStroke color="0" alpha="0.50" weight="1" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;/s:stroke&gt;</p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;/s:Rect&gt;</p>
+<p class="p4"><span class="Apple-converted-space">    </span></p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;!-- layer 2: background fill --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;s:Rect left="0" right="0" bottom="0" height="15"&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:LinearGradient rotation="90"&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;s:GradientEntry color="0xE2E2E2" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;s:GradientEntry color="0x000000" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;/s:LinearGradient&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;/s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;/s:Rect&gt;</p>
+<p class="p4"><span class="Apple-converted-space">    </span></p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;!-- layer 3: contents --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;s:Group left="1" right="1" top="1" bottom="1" &gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:layout&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:VerticalLayout gap="0" horizontalAlign="justify" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;/s:layout&gt;</p>
+<p class="p4"><span class="Apple-converted-space">        </span></p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:Group id="topGroup" &gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;!-- layer 0: title bar fill --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;!-- Note: We have custom skinned the title bar to be solid black for Tour de Flex --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:Rect id="tbFill" left="0" right="0" top="0" bottom="1" &gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                    </span>&lt;s:SolidColor color="0x000000" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;/s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;/s:Rect&gt;</p>
+<p class="p4"><span class="Apple-converted-space">            </span></p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;!-- layer 1: title bar highlight --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:Rect id="tbHilite" left="0" right="0" top="0" bottom="0" &gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;s:stroke&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                    </span>&lt;s:LinearGradientStroke rotation="90" weight="1"&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                        </span>&lt;s:GradientEntry color="0xEAEAEA" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                        </span>&lt;s:GradientEntry color="0xD9D9D9" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                    </span>&lt;/s:LinearGradientStroke&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;/s:stroke&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;/s:Rect&gt;</p>
+<p class="p4"><span class="Apple-converted-space">            </span></p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;!-- layer 2: title bar divider --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:Rect id="tbDiv" left="0" right="0" height="1" bottom="0"&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                    </span>&lt;s:SolidColor color="0xC0C0C0" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;/s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;/s:Rect&gt;</p>
+<p class="p4"><span class="Apple-converted-space">            </span></p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;!-- layer 3: text --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:Label id="titleDisplay" maxDisplayedLines="1"</p>
+<p class="p1"><span class="Apple-converted-space">                     </span>left="9" right="3" top="1" minHeight="30"</p>
+<p class="p1"><span class="Apple-converted-space">                     </span>verticalAlign="middle" fontWeight="bold" color="#E2E2E2"&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;/s:Label&gt;</p>
+<p class="p4"><span class="Apple-converted-space">            </span></p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;/s:Group&gt;</p>
+<p class="p4"><span class="Apple-converted-space">        </span></p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:Group id="contentGroup" width="100%" height="100%" minWidth="0" minHeight="0"&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;/s:Group&gt;</p>
+<p class="p4"><span class="Apple-converted-space">        </span></p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;s:Group id="bottomGroup" minWidth="0" minHeight="0"</p>
+<p class="p1"><span class="Apple-converted-space">                 </span>includeIn="normalWithControlBar, disabledWithControlBar" &gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;!-- layer 0: control bar background --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:Rect left="0" right="0" bottom="0" top="1" &gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                    </span>&lt;s:SolidColor color="0xE2EdF7" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;/s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;/s:Rect&gt;</p>
+<p class="p4"><span class="Apple-converted-space">            </span></p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;!-- layer 1: control bar divider line --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:Rect left="0" right="0" top="0" height="1" &gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                    </span>&lt;s:SolidColor color="0xD1E0F2" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;/s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;/s:Rect&gt;</p>
+<p class="p4"><span class="Apple-converted-space">            </span></p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;!-- layer 2: control bar --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;s:Group id="controlBarGroup" left="0" right="0" top="1" bottom="1" minWidth="0" minHeight="0"&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;s:layout&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                    </span>&lt;s:HorizontalLayout paddingLeft="10" paddingRight="10" paddingTop="7" paddingBottom="7" gap="10" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                </span>&lt;/s:layout&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            </span>&lt;/s:Group&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        </span>&lt;/s:Group&gt;</p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;/s:Group&gt;</p>
+<p class="p1">&lt;/s:Skin&gt;</p>
+</body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR20/GlobalExceptionHandler/sample1.mxml.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR20/GlobalExceptionHandler/sample1.mxml.html b/TourDeFlex/TourDeFlex/src/objects/AIR20/GlobalExceptionHandler/sample1.mxml.html
new file mode 100644
index 0000000..bd566fb
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR20/GlobalExceptionHandler/sample1.mxml.html
@@ -0,0 +1,72 @@
+<!--
+  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.
+-->
+<!-- saved from url=(0014)about:internet -->
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+<title>sample1.mxml</title>
+<link rel="stylesheet" type="text/css" href="../SourceStyles.css"/>
+</head>
+
+<body><pre><span class="MXMLProcessing_Instruction">&lt;?xml version="1.0" encoding="utf-8"?&gt;</span>
+<span class="MXMLComponent_Tag">&lt;s:WindowedApplication</span><span class="MXMLDefault_Text"> xmlns:fx="</span><span class="MXMLString">http://ns.adobe.com/mxml/2009</span><span class="MXMLDefault_Text">" 
+                       xmlns:s="</span><span class="MXMLString">library://ns.adobe.com/flex/spark</span><span class="MXMLDefault_Text">" 
+                       xmlns:mx="</span><span class="MXMLString">library://ns.adobe.com/flex/mx</span><span class="MXMLDefault_Text">" 
+                       creationComplete="</span><span class="ActionScriptDefault_Text">init</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span><span class="MXMLDefault_Text">"
+                       styleName="</span><span class="MXMLString">plain</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" height="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+    <span class="MXMLSpecial_Tag">&lt;fx:Script&gt;</span>
+        &lt;![CDATA[
+            <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">flash</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">events</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">UncaughtErrorEvent</span>;
+            
+            <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">mx</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">controls</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">Alert</span>;
+            <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">mx</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">events</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">FlexEvent</span>;
+        
+            <span class="ActionScriptReserved">private</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">init</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
+            <span class="ActionScriptBracket/Brace">{</span>
+                <span class="ActionScriptDefault_Text">loaderInfo</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">uncaughtErrorEvents</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">addEventListener</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">UncaughtErrorEvent</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">UNCAUGHT_ERROR</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">errorHandler</span><span class="ActionScriptBracket/Brace">)</span>;
+            <span class="ActionScriptBracket/Brace">}</span>
+                
+            <span class="ActionScriptReserved">private</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">errorHandler</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">e</span>:<span class="ActionScriptDefault_Text">UncaughtErrorEvent</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span> <span class="ActionScriptBracket/Brace">{</span>
+                <span class="ActionScriptDefault_Text">e</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">preventDefault</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptDefault_Text">Alert</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">show</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">"An error has occurred and been caught by the global error handler: "</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptDefault_Text">e</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">error</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">toString</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptString">"My Global Error Handler"</span><span class="ActionScriptBracket/Brace">)</span>;
+            <span class="ActionScriptBracket/Brace">}</span>
+            
+            <span class="ActionScriptReserved">private</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">overflow</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
+            <span class="ActionScriptBracket/Brace">{</span>
+                <span class="ActionScriptDefault_Text">overflow</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
+            <span class="ActionScriptBracket/Brace">}</span>
+            
+        <span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptOperator">&gt;</span>
+    <span class="MXMLSpecial_Tag">&lt;/fx:Script&gt;</span>
+    
+    <span class="MXMLComponent_Tag">&lt;s:Panel</span><span class="MXMLDefault_Text"> width="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" height="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" skinClass="</span><span class="MXMLString">skins.TDFPanelSkin</span><span class="MXMLDefault_Text">" title="</span><span class="MXMLString">Global Error Handler Sample</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;s:VGroup</span><span class="MXMLDefault_Text"> top="</span><span class="MXMLString">30</span><span class="MXMLDefault_Text">" left="</span><span class="MXMLString">30</span><span class="MXMLDefault_Text">" right="</span><span class="MXMLString">30</span><span class="MXMLDefault_Text">" gap="</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;s:Label</span><span class="MXMLDefault_Text"> verticalAlign="</span><span class="MXMLString">justify</span><span class="MXMLDefault_Text">" color="</span><span class="MXMLString">#323232</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">85%</span><span class="MXMLDefault_Text">"
+                     text="</span><span class="MXMLString">The Global Error Handler provides a means for you to catch errors at a global level, so you can now catch and handle runtime
+errors that may occur such as a stack overflow. This allows those running the Flash Player runtime version to be notified of the problem through proper handling.
+In this sample an endless loop is intentionally created to cause a stack overflow error to occur. The error is then caught and an alert is shown.</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;s:Label</span><span class="MXMLDefault_Text"> text="</span><span class="MXMLString">Click on the button below to create a stack overflow error:</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;s:HGroup&gt;</span>
+                <span class="MXMLComponent_Tag">&lt;s:Button</span><span class="MXMLDefault_Text"> label="</span><span class="MXMLString">Invoke Stack Overflow</span><span class="MXMLDefault_Text">" click="</span><span class="ActionScriptDefault_Text">overflow</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;/s:HGroup&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;/s:VGroup&gt;</span>
+                
+    <span class="MXMLComponent_Tag">&lt;/s:Panel&gt;</span>
+
+<span class="MXMLComponent_Tag">&lt;/s:WindowedApplication&gt;</span></pre></body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR20/GlobalExceptionHandler/sample2.mxml.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR20/GlobalExceptionHandler/sample2.mxml.html b/TourDeFlex/TourDeFlex/src/objects/AIR20/GlobalExceptionHandler/sample2.mxml.html
new file mode 100644
index 0000000..545fb92
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR20/GlobalExceptionHandler/sample2.mxml.html
@@ -0,0 +1,88 @@
+<!--
+  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.
+-->
+<!-- saved from url=(0014)about:internet -->
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+<title>sample2.mxml</title>
+<link rel="stylesheet" type="text/css" href="../SourceStyles.css"/>
+</head>
+
+<body><pre><span class="MXMLProcessing_Instruction">&lt;?xml version="1.0" encoding="utf-8"?&gt;</span>
+<span class="MXMLComponent_Tag">&lt;s:WindowedApplication</span><span class="MXMLDefault_Text"> xmlns:fx="</span><span class="MXMLString">http://ns.adobe.com/mxml/2009</span><span class="MXMLDefault_Text">" 
+                       xmlns:s="</span><span class="MXMLString">library://ns.adobe.com/flex/spark</span><span class="MXMLDefault_Text">" 
+                       xmlns:mx="</span><span class="MXMLString">library://ns.adobe.com/flex/mx</span><span class="MXMLDefault_Text">" 
+                       creationComplete="</span><span class="ActionScriptDefault_Text">init</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span><span class="MXMLDefault_Text">"
+                       styleName="</span><span class="MXMLString">plain</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" height="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+    
+    <span class="MXMLSpecial_Tag">&lt;fx:Script&gt;</span>
+        &lt;![CDATA[
+            <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">flash</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">events</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">UncaughtErrorEvent</span>;
+            
+            <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">mx</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">controls</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">Alert</span>;
+            <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">mx</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">events</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">FlexEvent</span>;
+            
+            <span class="ActionScriptReserved">private</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">init</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
+            <span class="ActionScriptBracket/Brace">{</span>
+                <span class="ActionScriptDefault_Text">loaderInfo</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">uncaughtErrorEvents</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">addEventListener</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">UncaughtErrorEvent</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">UNCAUGHT_ERROR</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">errorHandler</span><span class="ActionScriptBracket/Brace">)</span>;
+            <span class="ActionScriptBracket/Brace">}</span>
+            
+            <span class="ActionScriptReserved">private</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">errorHandler</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">e</span>:<span class="ActionScriptDefault_Text">UncaughtErrorEvent</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span> <span class="ActionScriptBracket/Brace">{</span>
+                <span class="ActionScriptDefault_Text">e</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">preventDefault</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptDefault_Text">Alert</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">show</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">"An error has occurred and been caught by the global error handler: "</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptDefault_Text">e</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">error</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">toString</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptString">"My Global Error Handler"</span><span class="ActionScriptBracket/Brace">)</span>;
+            <span class="ActionScriptBracket/Brace">}</span>
+            
+            <span class="ActionScriptReserved">private</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">loadFileWithHandling</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
+            <span class="ActionScriptBracket/Brace">{</span>
+                <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">f</span>:<span class="ActionScriptDefault_Text">File</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">File</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">documentsDirectory</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">resolvePath</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">"http://tourdeflex.adobe.com/file-that-doesnt-exist.txt"</span><span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptComment">// The above file did not load, so when we try to access a property on it an error will be thrown
+</span>                <span class="ActionScriptReserved">try</span> <span class="ActionScriptBracket/Brace">{</span>
+                    <span class="ActionScriptDefault_Text">Alert</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">show</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">"File "</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptDefault_Text">f</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">creationDate</span><span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptBracket/Brace">}</span>
+                <span class="ActionScriptReserved">catch</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">ex</span>:<span class="ActionScriptDefault_Text">Error</span><span class="ActionScriptBracket/Brace">)</span>
+                <span class="ActionScriptBracket/Brace">{</span>
+                    <span class="ActionScriptDefault_Text">Alert</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">show</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">"Error occurred loading files: "</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptDefault_Text">ex</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">message</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptString">"My Specific File Loading Handler"</span><span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptBracket/Brace">}</span>
+            <span class="ActionScriptBracket/Brace">}</span>
+            
+            <span class="ActionScriptReserved">private</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">loadFileWithoutHandling</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
+            <span class="ActionScriptBracket/Brace">{</span>
+                <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">f</span>:<span class="ActionScriptDefault_Text">File</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">File</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">documentsDirectory</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">resolvePath</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">"http://tourdeflex.adobe.com/file-that-doesnt-exist.txt"</span><span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptComment">// The above file did not load, so when a property is accessed an error will be thrown
+</span>                <span class="ActionScriptDefault_Text">Alert</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">show</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">"File creation date "</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptDefault_Text">f</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">creationDate</span><span class="ActionScriptBracket/Brace">)</span>;
+            <span class="ActionScriptBracket/Brace">}</span>
+        <span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptOperator">&gt;</span>
+    <span class="MXMLSpecial_Tag">&lt;/fx:Script&gt;</span>
+    
+    <span class="MXMLComponent_Tag">&lt;s:Panel</span><span class="MXMLDefault_Text"> width="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" height="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" skinClass="</span><span class="MXMLString">skins.TDFPanelSkin</span><span class="MXMLDefault_Text">" title="</span><span class="MXMLString">Global Error Handler Sample</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;s:VGroup</span><span class="MXMLDefault_Text"> top="</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">" left="</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">" gap="</span><span class="MXMLString">12</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;s:Label</span><span class="MXMLDefault_Text"> width="</span><span class="MXMLString">400</span><span class="MXMLDefault_Text">" verticalAlign="</span><span class="MXMLString">justify</span><span class="MXMLDefault_Text">" color="</span><span class="MXMLString">#323232</span><span class="MXMLDefault_Text">" 
+                     text="</span><span class="MXMLString">This sample for showing the Global Error Handling feature tries to load various files from remote locations that it assumes
+are there. In the case where one might have been deleted or corrupt, the error is now caught. Note: any error that is not surrounded by try/catch that occurs
+can be handled in this manner where you have one global error handler for all uncaught errors.</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;s:Label</span><span class="MXMLDefault_Text"> bottom="</span><span class="MXMLString">200</span><span class="MXMLDefault_Text">" left="</span><span class="MXMLString">40</span><span class="MXMLDefault_Text">" text="</span><span class="MXMLString">Click on the buttons below to create an error to be handled:</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;s:HGroup</span><span class="MXMLDefault_Text"> bottom="</span><span class="MXMLString">170</span><span class="MXMLDefault_Text">" left="</span><span class="MXMLString">40</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+                <span class="MXMLComponent_Tag">&lt;s:Button</span><span class="MXMLDefault_Text"> label="</span><span class="MXMLString">Load File with error handling</span><span class="MXMLDefault_Text">" click="</span><span class="ActionScriptDefault_Text">loadFileWithHandling</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+                <span class="MXMLComponent_Tag">&lt;s:Button</span><span class="MXMLDefault_Text"> label="</span><span class="MXMLString">Load File without error handling</span><span class="MXMLDefault_Text">" click="</span><span class="ActionScriptDefault_Text">loadFileWithoutHandling</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;/s:HGroup&gt;</span>    
+        <span class="MXMLComponent_Tag">&lt;/s:VGroup&gt;</span>
+            
+    <span class="MXMLComponent_Tag">&lt;/s:Panel&gt;</span>
+    
+<span class="MXMLComponent_Tag">&lt;/s:WindowedApplication&gt;</span></pre></body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR20/GlobalExceptionHandler/srcview/Sample-AIR2-GlobalExceptionHandler/src/sample1-app.xml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR20/GlobalExceptionHandler/srcview/Sample-AIR2-GlobalExceptionHandler/src/sample1-app.xml b/TourDeFlex/TourDeFlex/src/objects/AIR20/GlobalExceptionHandler/srcview/Sample-AIR2-GlobalExceptionHandler/src/sample1-app.xml
new file mode 100755
index 0000000..75a8a24
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR20/GlobalExceptionHandler/srcview/Sample-AIR2-GlobalExceptionHandler/src/sample1-app.xml
@@ -0,0 +1,153 @@
+<?xml version="1.0" encoding="utf-8" standalone="no"?>
+<!--
+
+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.
+
+-->
+<application xmlns="http://ns.adobe.com/air/application/2.0">
+
+<!-- Adobe AIR Application Descriptor File Template.
+
+	Specifies parameters for identifying, installing, and launching AIR applications.
+
+	xmlns - The Adobe AIR namespace: http://ns.adobe.com/air/application/2.0beta
+			The last segment of the namespace specifies the version 
+			of the AIR runtime required for this application to run.
+			
+	minimumPatchLevel - The minimum patch level of the AIR runtime required to run 
+			the application. Optional.
+-->
+
+	<!-- The application identifier string, unique to this application. Required. -->
+	<id>main</id>
+
+	<!-- Used as the filename for the application. Required. -->
+	<filename>main</filename>
+
+	<!-- The name that is displayed in the AIR application installer. 
+	     May have multiple values for each language. See samples or xsd schema file. Optional. -->
+	<name>main</name>
+
+	<!-- An application version designator (such as "v1", "2.5", or "Alpha 1"). Required. -->
+	<version>v1</version>
+
+	<!-- Description, displayed in the AIR application installer.
+	     May have multiple values for each language. See samples or xsd schema file. Optional. -->
+	<!-- <description></description> -->
+
+	<!-- Copyright information. Optional -->
+	<!-- <copyright></copyright> -->
+
+	<!-- Settings for the application's initial window. Required. -->
+	<initialWindow>
+		<!-- The main SWF or HTML file of the application. Required. -->
+		<!-- Note: In Flash Builder, the SWF reference is set automatically. -->
+		<content>[This value will be overwritten by Flash Builder in the output app.xml]</content>
+		
+		<!-- The title of the main window. Optional. -->
+		<!-- <title></title> -->
+
+		<!-- The type of system chrome to use (either "standard" or "none"). Optional. Default standard. -->
+		<!-- <systemChrome></systemChrome> -->
+
+		<!-- Whether the window is transparent. Only applicable when systemChrome is none. Optional. Default false. -->
+		<!-- <transparent></transparent> -->
+
+		<!-- Whether the window is initially visible. Optional. Default false. -->
+		<!-- <visible></visible> -->
+
+		<!-- Whether the user can minimize the window. Optional. Default true. -->
+		<!-- <minimizable></minimizable> -->
+
+		<!-- Whether the user can maximize the window. Optional. Default true. -->
+		<!-- <maximizable></maximizable> -->
+
+		<!-- Whether the user can resize the window. Optional. Default true. -->
+		<!-- <resizable></resizable> -->
+
+		<!-- The window's initial width in pixels. Optional. -->
+		<!-- <width></width> -->
+
+		<!-- The window's initial height in pixels. Optional. -->
+		<!-- <height></height> -->
+
+		<!-- The window's initial x position. Optional. -->
+		<!-- <x></x> -->
+
+		<!-- The window's initial y position. Optional. -->
+		<!-- <y></y> -->
+
+		<!-- The window's minimum size, specified as a width/height pair in pixels, such as "400 200". Optional. -->
+		<!-- <minSize></minSize> -->
+
+		<!-- The window's initial maximum size, specified as a width/height pair in pixels, such as "1600 1200". Optional. -->
+		<!-- <maxSize></maxSize> -->
+	</initialWindow>
+
+	<!-- The subpath of the standard default installation location to use. Optional. -->
+	<!-- <installFolder></installFolder> -->
+
+	<!-- The subpath of the Programs menu to use. (Ignored on operating systems without a Programs menu.) Optional. -->
+	<!-- <programMenuFolder></programMenuFolder> -->
+
+	<!-- The icon the system uses for the application. For at least one resolution,
+		 specify the path to a PNG file included in the AIR package. Optional. -->
+	<!-- <icon>
+		<image16x16></image16x16>
+		<image32x32></image32x32>
+		<image48x48></image48x48>
+		<image128x128></image128x128>
+	</icon> -->
+
+	<!-- Whether the application handles the update when a user double-clicks an update version
+	of the AIR file (true), or the default AIR application installer handles the update (false).
+	Optional. Default false. -->
+	<!-- <customUpdateUI></customUpdateUI> -->
+	
+	<!-- Whether the application can be launched when the user clicks a link in a web browser.
+	Optional. Default false. -->
+	<!-- <allowBrowserInvocation></allowBrowserInvocation> -->
+
+	<!-- Listing of file types for which the application can register. Optional. -->
+	<!-- <fileTypes> -->
+
+		<!-- Defines one file type. Optional. -->
+		<!-- <fileType> -->
+
+			<!-- The name that the system displays for the registered file type. Required. -->
+			<!-- <name></name> -->
+
+			<!-- The extension to register. Required. -->
+			<!-- <extension></extension> -->
+			
+			<!-- The description of the file type. Optional. -->
+			<!-- <description></description> -->
+			
+			<!-- The MIME content type. -->
+			<!-- <contentType></contentType> -->
+			
+			<!-- The icon to display for the file type. Optional. -->
+			<!-- <icon>
+				<image16x16></image16x16>
+				<image32x32></image32x32>
+				<image48x48></image48x48>
+				<image128x128></image128x128>
+			</icon> -->
+			
+		<!-- </fileType> -->
+	<!-- </fileTypes> -->
+
+</application>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR20/GlobalExceptionHandler/srcview/Sample-AIR2-GlobalExceptionHandler/src/sample1.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR20/GlobalExceptionHandler/srcview/Sample-AIR2-GlobalExceptionHandler/src/sample1.mxml b/TourDeFlex/TourDeFlex/src/objects/AIR20/GlobalExceptionHandler/srcview/Sample-AIR2-GlobalExceptionHandler/src/sample1.mxml
new file mode 100644
index 0000000..71079a0
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR20/GlobalExceptionHandler/srcview/Sample-AIR2-GlobalExceptionHandler/src/sample1.mxml
@@ -0,0 +1,64 @@
+<?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.
+
+-->
+<mx:Module xmlns:fx="http://ns.adobe.com/mxml/2009" 
+					   xmlns:s="library://ns.adobe.com/flex/spark" 
+					   xmlns:mx="library://ns.adobe.com/flex/mx" 
+					   creationComplete="init()"
+					   styleName="plain" width="100%" height="100%">
+	<fx:Script>
+		<![CDATA[
+			import flash.events.UncaughtErrorEvent;
+			
+			import mx.controls.Alert;
+			import mx.events.FlexEvent;
+		
+			private function init():void
+			{
+				loaderInfo.uncaughtErrorEvents.addEventListener(UncaughtErrorEvent.UNCAUGHT_ERROR, errorHandler);
+			}
+				
+			private function errorHandler(e:UncaughtErrorEvent):void {
+				e.preventDefault();
+				Alert.show("An error has occurred and been caught by the global error handler: " + e.error.toString(), "My Global Error Handler");
+			}
+			
+			private function overflow():void
+			{
+				overflow();
+			}
+			
+		]]>
+	</fx:Script>
+	
+	<s:Panel width="100%" height="100%" skinClass="skins.TDFPanelSkin" title="Global Error Handler Sample">
+		<s:VGroup top="30" left="30" right="30" gap="10">
+			<s:Label verticalAlign="justify" color="#323232" width="85%"
+					 text="The Global Error Handler provides a means for you to catch errors at a global level, so you can now catch and handle runtime
+errors that may occur such as a stack overflow. This allows those running the Flash Player runtime version to be notified of the problem through proper handling.
+In this sample an endless loop is intentionally created to cause a stack overflow error to occur. The error is then caught and an alert is shown."/>
+			<s:Label text="Click on the button below to create a stack overflow error:"/>
+			<s:HGroup>
+				<s:Button label="Invoke Stack Overflow" click="overflow()"/>
+			</s:HGroup>
+		</s:VGroup>
+				
+	</s:Panel>
+
+</mx:Module>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR20/GlobalExceptionHandler/srcview/Sample-AIR2-GlobalExceptionHandler/src/sample2-app.xml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR20/GlobalExceptionHandler/srcview/Sample-AIR2-GlobalExceptionHandler/src/sample2-app.xml b/TourDeFlex/TourDeFlex/src/objects/AIR20/GlobalExceptionHandler/srcview/Sample-AIR2-GlobalExceptionHandler/src/sample2-app.xml
new file mode 100755
index 0000000..3bd1b54
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR20/GlobalExceptionHandler/srcview/Sample-AIR2-GlobalExceptionHandler/src/sample2-app.xml
@@ -0,0 +1,153 @@
+<?xml version="1.0" encoding="utf-8" standalone="no"?>
+<!--
+
+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.
+
+-->
+<application xmlns="http://ns.adobe.com/air/application/2.0">
+
+<!-- Adobe AIR Application Descriptor File Template.
+
+	Specifies parameters for identifying, installing, and launching AIR applications.
+
+	xmlns - The Adobe AIR namespace: http://ns.adobe.com/air/application/2.0beta
+			The last segment of the namespace specifies the version 
+			of the AIR runtime required for this application to run.
+			
+	minimumPatchLevel - The minimum patch level of the AIR runtime required to run 
+			the application. Optional.
+-->
+
+	<!-- The application identifier string, unique to this application. Required. -->
+	<id>sample2</id>
+
+	<!-- Used as the filename for the application. Required. -->
+	<filename>sample2</filename>
+
+	<!-- The name that is displayed in the AIR application installer. 
+	     May have multiple values for each language. See samples or xsd schema file. Optional. -->
+	<name>sample2</name>
+
+	<!-- An application version designator (such as "v1", "2.5", or "Alpha 1"). Required. -->
+	<version>v1</version>
+
+	<!-- Description, displayed in the AIR application installer.
+	     May have multiple values for each language. See samples or xsd schema file. Optional. -->
+	<!-- <description></description> -->
+
+	<!-- Copyright information. Optional -->
+	<!-- <copyright></copyright> -->
+
+	<!-- Settings for the application's initial window. Required. -->
+	<initialWindow>
+		<!-- The main SWF or HTML file of the application. Required. -->
+		<!-- Note: In Flash Builder, the SWF reference is set automatically. -->
+		<content>[This value will be overwritten by Flash Builder in the output app.xml]</content>
+		
+		<!-- The title of the main window. Optional. -->
+		<!-- <title></title> -->
+
+		<!-- The type of system chrome to use (either "standard" or "none"). Optional. Default standard. -->
+		<!-- <systemChrome></systemChrome> -->
+
+		<!-- Whether the window is transparent. Only applicable when systemChrome is none. Optional. Default false. -->
+		<!-- <transparent></transparent> -->
+
+		<!-- Whether the window is initially visible. Optional. Default false. -->
+		<!-- <visible></visible> -->
+
+		<!-- Whether the user can minimize the window. Optional. Default true. -->
+		<!-- <minimizable></minimizable> -->
+
+		<!-- Whether the user can maximize the window. Optional. Default true. -->
+		<!-- <maximizable></maximizable> -->
+
+		<!-- Whether the user can resize the window. Optional. Default true. -->
+		<!-- <resizable></resizable> -->
+
+		<!-- The window's initial width in pixels. Optional. -->
+		<!-- <width></width> -->
+
+		<!-- The window's initial height in pixels. Optional. -->
+		<!-- <height></height> -->
+
+		<!-- The window's initial x position. Optional. -->
+		<!-- <x></x> -->
+
+		<!-- The window's initial y position. Optional. -->
+		<!-- <y></y> -->
+
+		<!-- The window's minimum size, specified as a width/height pair in pixels, such as "400 200". Optional. -->
+		<!-- <minSize></minSize> -->
+
+		<!-- The window's initial maximum size, specified as a width/height pair in pixels, such as "1600 1200". Optional. -->
+		<!-- <maxSize></maxSize> -->
+	</initialWindow>
+
+	<!-- The subpath of the standard default installation location to use. Optional. -->
+	<!-- <installFolder></installFolder> -->
+
+	<!-- The subpath of the Programs menu to use. (Ignored on operating systems without a Programs menu.) Optional. -->
+	<!-- <programMenuFolder></programMenuFolder> -->
+
+	<!-- The icon the system uses for the application. For at least one resolution,
+		 specify the path to a PNG file included in the AIR package. Optional. -->
+	<!-- <icon>
+		<image16x16></image16x16>
+		<image32x32></image32x32>
+		<image48x48></image48x48>
+		<image128x128></image128x128>
+	</icon> -->
+
+	<!-- Whether the application handles the update when a user double-clicks an update version
+	of the AIR file (true), or the default AIR application installer handles the update (false).
+	Optional. Default false. -->
+	<!-- <customUpdateUI></customUpdateUI> -->
+	
+	<!-- Whether the application can be launched when the user clicks a link in a web browser.
+	Optional. Default false. -->
+	<!-- <allowBrowserInvocation></allowBrowserInvocation> -->
+
+	<!-- Listing of file types for which the application can register. Optional. -->
+	<!-- <fileTypes> -->
+
+		<!-- Defines one file type. Optional. -->
+		<!-- <fileType> -->
+
+			<!-- The name that the system displays for the registered file type. Required. -->
+			<!-- <name></name> -->
+
+			<!-- The extension to register. Required. -->
+			<!-- <extension></extension> -->
+			
+			<!-- The description of the file type. Optional. -->
+			<!-- <description></description> -->
+			
+			<!-- The MIME content type. -->
+			<!-- <contentType></contentType> -->
+			
+			<!-- The icon to display for the file type. Optional. -->
+			<!-- <icon>
+				<image16x16></image16x16>
+				<image32x32></image32x32>
+				<image48x48></image48x48>
+				<image128x128></image128x128>
+			</icon> -->
+			
+		<!-- </fileType> -->
+	<!-- </fileTypes> -->
+
+</application>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR20/GlobalExceptionHandler/srcview/Sample-AIR2-GlobalExceptionHandler/src/sample2.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR20/GlobalExceptionHandler/srcview/Sample-AIR2-GlobalExceptionHandler/src/sample2.mxml b/TourDeFlex/TourDeFlex/src/objects/AIR20/GlobalExceptionHandler/srcview/Sample-AIR2-GlobalExceptionHandler/src/sample2.mxml
new file mode 100644
index 0000000..fca4256
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR20/GlobalExceptionHandler/srcview/Sample-AIR2-GlobalExceptionHandler/src/sample2.mxml
@@ -0,0 +1,80 @@
+<?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.
+
+-->
+<mx:Module xmlns:fx="http://ns.adobe.com/mxml/2009" 
+					   xmlns:s="library://ns.adobe.com/flex/spark" 
+					   xmlns:mx="library://ns.adobe.com/flex/mx" 
+					   creationComplete="init()"
+					   styleName="plain" width="100%" height="100%">
+	
+	<fx:Script>
+		<![CDATA[
+			import flash.events.UncaughtErrorEvent;
+			
+			import mx.controls.Alert;
+			import mx.events.FlexEvent;
+			
+			private function init():void
+			{
+				loaderInfo.uncaughtErrorEvents.addEventListener(UncaughtErrorEvent.UNCAUGHT_ERROR, errorHandler);
+			}
+			
+			private function errorHandler(e:UncaughtErrorEvent):void {
+				e.preventDefault();
+				Alert.show("An error has occurred and been caught by the global error handler: " + e.error.toString(), "My Global Error Handler");
+			}
+			
+			private function loadFileWithHandling():void
+			{
+				var f:File = File.documentsDirectory.resolvePath("http://tourdeflex.adobe.com/file-that-doesnt-exist.txt");
+				// The above file did not load, so when we try to access a property on it an error will be thrown
+				try {
+					Alert.show("File " + f.creationDate);
+				}
+				catch (ex:Error)
+				{
+					Alert.show("Error occurred loading files: " + ex.message, "My Specific File Loading Handler");
+				}
+			}
+			
+			private function loadFileWithoutHandling():void
+			{
+				var f:File = File.documentsDirectory.resolvePath("http://tourdeflex.adobe.com/file-that-doesnt-exist.txt");
+				// The above file did not load, so when a property is accessed an error will be thrown
+				Alert.show("File creation date " + f.creationDate);
+			}
+		]]>
+	</fx:Script>
+	
+	<s:Panel width="100%" height="100%" skinClass="skins.TDFPanelSkin" title="Global Error Handler Sample">
+		<s:VGroup top="10" left="10" gap="12">
+			<s:Label width="400" verticalAlign="justify" color="#323232" 
+					 text="This sample for showing the Global Error Handling feature tries to load various files from remote locations that it assumes
+are there. In the case where one might have been deleted or corrupt, the error is now caught. Note: any error that is not surrounded by try/catch that occurs
+can be handled in this manner where you have one global error handler for all uncaught errors."/>
+			<s:Label bottom="200" left="40" text="Click on the buttons below to create an error to be handled:"/>
+			<s:HGroup bottom="170" left="40">
+				<s:Button label="Load File with error handling" click="loadFileWithHandling()"/>
+				<s:Button label="Load File without error handling" click="loadFileWithoutHandling()"/>
+			</s:HGroup>	
+		</s:VGroup>
+			
+	</s:Panel>
+	
+</mx:Module>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR20/GlobalExceptionHandler/srcview/Sample-AIR2-GlobalExceptionHandler/src/skins/TDFPanelSkin.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR20/GlobalExceptionHandler/srcview/Sample-AIR2-GlobalExceptionHandler/src/skins/TDFPanelSkin.mxml b/TourDeFlex/TourDeFlex/src/objects/AIR20/GlobalExceptionHandler/srcview/Sample-AIR2-GlobalExceptionHandler/src/skins/TDFPanelSkin.mxml
new file mode 100644
index 0000000..ff46524
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR20/GlobalExceptionHandler/srcview/Sample-AIR2-GlobalExceptionHandler/src/skins/TDFPanelSkin.mxml
@@ -0,0 +1,130 @@
+<?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.
+
+-->
+
+
+<s:Skin xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark" 
+		alpha.disabled="0.5" minWidth="131" minHeight="127">
+	
+	<fx:Metadata>
+		[HostComponent("spark.components.Panel")]
+	</fx:Metadata> 
+	
+	<s:states>
+		<s:State name="normal" />
+		<s:State name="disabled" />
+		<s:State name="normalWithControlBar" />
+		<s:State name="disabledWithControlBar" />
+	</s:states>
+	
+	<!-- drop shadow -->
+	<s:Rect left="0" top="0" right="0" bottom="0">
+		<s:filters>
+			<s:DropShadowFilter blurX="15" blurY="15" alpha="0.18" distance="11" angle="90" knockout="true" />
+		</s:filters>
+		<s:fill>
+			<s:SolidColor color="0" />
+		</s:fill>
+	</s:Rect>
+	
+	<!-- layer 1: border -->
+	<s:Rect left="0" right="0" top="0" bottom="0">
+		<s:stroke>
+			<s:SolidColorStroke color="0" alpha="0.50" weight="1" />
+		</s:stroke>
+	</s:Rect>
+	
+	<!-- layer 2: background fill -->
+	<s:Rect left="0" right="0" bottom="0" height="15">
+		<s:fill>
+			<s:LinearGradient rotation="90">
+				<s:GradientEntry color="0xE2E2E2" />
+				<s:GradientEntry color="0x000000" />
+			</s:LinearGradient>
+		</s:fill>
+	</s:Rect>
+	
+	<!-- layer 3: contents -->
+	<s:Group left="1" right="1" top="1" bottom="1" >
+		<s:layout>
+			<s:VerticalLayout gap="0" horizontalAlign="justify" />
+		</s:layout>
+		
+		<s:Group id="topGroup" >
+			<!-- layer 0: title bar fill -->
+			<!-- Note: We have custom skinned the title bar to be solid black for Tour de Flex -->
+			<s:Rect id="tbFill" left="0" right="0" top="0" bottom="1" >
+				<s:fill>
+					<s:SolidColor color="0x000000" />
+				</s:fill>
+			</s:Rect>
+			
+			<!-- layer 1: title bar highlight -->
+			<s:Rect id="tbHilite" left="0" right="0" top="0" bottom="0" >
+				<s:stroke>
+					<s:LinearGradientStroke rotation="90" weight="1">
+						<s:GradientEntry color="0xEAEAEA" />
+						<s:GradientEntry color="0xD9D9D9" />
+					</s:LinearGradientStroke>
+				</s:stroke>
+			</s:Rect>
+			
+			<!-- layer 2: title bar divider -->
+			<s:Rect id="tbDiv" left="0" right="0" height="1" bottom="0">
+				<s:fill>
+					<s:SolidColor color="0xC0C0C0" />
+				</s:fill>
+			</s:Rect>
+			
+			<!-- layer 3: text -->
+			<s:Label id="titleDisplay" maxDisplayedLines="1"
+					 left="9" right="3" top="1" minHeight="30"
+					 verticalAlign="middle" fontWeight="bold" color="#E2E2E2">
+			</s:Label>
+			
+		</s:Group>
+		
+		<s:Group id="contentGroup" width="100%" height="100%" minWidth="0" minHeight="0">
+		</s:Group>
+		
+		<s:Group id="bottomGroup" minWidth="0" minHeight="0"
+				 includeIn="normalWithControlBar, disabledWithControlBar" >
+			<!-- layer 0: control bar background -->
+			<s:Rect left="0" right="0" bottom="0" top="1" >
+				<s:fill>
+					<s:SolidColor color="0xE2EdF7" />
+				</s:fill>
+			</s:Rect>
+			
+			<!-- layer 1: control bar divider line -->
+			<s:Rect left="0" right="0" top="0" height="1" >
+				<s:fill>
+					<s:SolidColor color="0xD1E0F2" />
+				</s:fill>
+			</s:Rect>
+			
+			<!-- layer 2: control bar -->
+			<s:Group id="controlBarGroup" left="0" right="0" top="1" bottom="1" minWidth="0" minHeight="0">
+				<s:layout>
+					<s:HorizontalLayout paddingLeft="10" paddingRight="10" paddingTop="7" paddingBottom="7" gap="10" />
+				</s:layout>
+			</s:Group>
+		</s:Group>
+	</s:Group>
+</s:Skin>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR20/GlobalExceptionHandler/srcview/SourceIndex.xml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR20/GlobalExceptionHandler/srcview/SourceIndex.xml b/TourDeFlex/TourDeFlex/src/objects/AIR20/GlobalExceptionHandler/srcview/SourceIndex.xml
new file mode 100644
index 0000000..41f163e
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR20/GlobalExceptionHandler/srcview/SourceIndex.xml
@@ -0,0 +1,39 @@
+<?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.
+
+-->
+<index>
+	<title>Source of Sample-AIR2-GlobalExceptionHandler</title>
+	<nodes>
+		<node label="libs">
+		</node>
+		<node label="src">
+			<node icon="packageIcon" label="skins" expanded="true">
+				<node icon="mxmlIcon" label="TDFPanelSkin.mxml" url="source/skins/TDFPanelSkin.mxml.html"/>
+			</node>
+			<node label="sample1-app.xml" url="source/sample1-app.xml.txt"/>
+			<node icon="mxmlIcon" label="sample1.mxml" url="source/sample1.mxml.html"/>
+			<node label="sample2-app.xml" url="source/sample2-app.xml.txt"/>
+			<node icon="mxmlAppIcon" selected="true" label="sample2.mxml" url="source/sample2.mxml.html"/>
+		</node>
+	</nodes>
+	<zipfile label="Download source (ZIP, 9K)" url="Sample-AIR2-GlobalExceptionHandler.zip">
+	</zipfile>
+	<sdklink label="Download Flex SDK" url="http://www.adobe.com/go/flex4_sdk_download">
+	</sdklink>
+</index>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR20/GlobalExceptionHandler/srcview/SourceStyles.css
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR20/GlobalExceptionHandler/srcview/SourceStyles.css b/TourDeFlex/TourDeFlex/src/objects/AIR20/GlobalExceptionHandler/srcview/SourceStyles.css
new file mode 100644
index 0000000..9d5210f
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR20/GlobalExceptionHandler/srcview/SourceStyles.css
@@ -0,0 +1,155 @@
+/*
+ * 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.
+ */
+body {
+	font-family: Courier New, Courier, monospace;
+	font-size: medium;
+}
+
+.ActionScriptASDoc {
+	color: #3f5fbf;
+}
+
+.ActionScriptBracket/Brace {
+}
+
+.ActionScriptComment {
+	color: #009900;
+	font-style: italic;
+}
+
+.ActionScriptDefault_Text {
+}
+
+.ActionScriptMetadata {
+	color: #0033ff;
+	font-weight: bold;
+}
+
+.ActionScriptOperator {
+}
+
+.ActionScriptReserved {
+	color: #0033ff;
+	font-weight: bold;
+}
+
+.ActionScriptString {
+	color: #990000;
+	font-weight: bold;
+}
+
+.ActionScriptclass {
+	color: #9900cc;
+	font-weight: bold;
+}
+
+.ActionScriptfunction {
+	color: #339966;
+	font-weight: bold;
+}
+
+.ActionScriptinterface {
+	color: #9900cc;
+	font-weight: bold;
+}
+
+.ActionScriptpackage {
+	color: #9900cc;
+	font-weight: bold;
+}
+
+.ActionScripttrace {
+	color: #cc6666;
+	font-weight: bold;
+}
+
+.ActionScriptvar {
+	color: #6699cc;
+	font-weight: bold;
+}
+
+.MXMLASDoc {
+	color: #3f5fbf;
+}
+
+.MXMLComment {
+	color: #800000;
+}
+
+.MXMLComponent_Tag {
+	color: #0000ff;
+}
+
+.MXMLDefault_Text {
+}
+
+.MXMLProcessing_Instruction {
+}
+
+.MXMLSpecial_Tag {
+	color: #006633;
+}
+
+.MXMLString {
+	color: #990000;
+}
+
+.CSS@font-face {
+	color: #990000;
+	font-weight: bold;
+}
+
+.CSS@import {
+	color: #006666;
+	font-weight: bold;
+}
+
+.CSS@media {
+	color: #663333;
+	font-weight: bold;
+}
+
+.CSS@namespace {
+	color: #923196;
+}
+
+.CSSComment {
+	color: #999999;
+}
+
+.CSSDefault_Text {
+}
+
+.CSSDelimiters {
+}
+
+.CSSProperty_Name {
+	color: #330099;
+}
+
+.CSSProperty_Value {
+	color: #3333cc;
+}
+
+.CSSSelector {
+	color: #ff00ff;
+}
+
+.CSSString {
+	color: #990000;
+}
+


[08/51] [partial] Merged TourDeFlex release from develop

Posted by jm...@apache.org.
http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/spark/containers/GroupExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/containers/GroupExample.mxml b/TourDeFlex/TourDeFlex3/src/spark/containers/GroupExample.mxml
new file mode 100644
index 0000000..52a579d
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/spark/containers/GroupExample.mxml
@@ -0,0 +1,75 @@
+<?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.
+
+-->
+<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
+			   xmlns:s="library://ns.adobe.com/flex/spark" 
+			   xmlns:mx="library://ns.adobe.com/flex/halo" viewSourceURL="srcview/index.html">
+	
+	<s:layout>
+		<s:BasicLayout id="bl"/>
+	</s:layout>
+	
+	<!-- Note: Panel has a BasicLayout by default. The BasicLayout means that components will be
+	arranged according to their individual constraint settings, independent of each-other -->
+	<s:Panel id="mainPanel" width="100%" height="100%" top="0" left="5"
+			 title="Panel Sample" 
+			 skinClass="skins.TDFPanelSkin">
+		
+	<!-- Note: main panel is BasicLayout by default. So each inner panel will be layed out
+		      according to it's constraints specified individually.                        -->
+			<s:Panel title="Basic Layout Panel"  top="0" left="5">
+				<!-- Default layout is basic, therefore constraints are used for placement -->
+				<s:Label text="Apples" top="0"/>
+				<s:Label text="Oranges" top="13"/>
+				<s:Label text="Bananas" top="26"/>		
+			</s:Panel>
+			
+			<s:Panel id="horizontalPanel" title="Horizontal Layout Panel" 
+					  top="0" left="250">
+				<s:layout>
+					<s:HorizontalLayout/>
+				</s:layout>
+				<!-- Note: constraints to top left on items here, but will not matter because we
+				     specified a HorizontalLayout -->
+				<s:Label text="Apples" top="0"/>
+				<s:Label text="Oranges" top="13"/>
+				<s:Label text="Bananas" top="26"/>	
+			</s:Panel>
+			<s:Panel id="vericalPanel" title="Vertical Layout Panel" 
+					  top="0" right="5">
+				<s:layout>
+					<s:VerticalLayout/>
+				</s:layout>
+				<!-- Note: constraints to top left on items here, but will not matter because we
+				specified a VerticalLayout -->
+				<s:Label text="Apples" top="0"/>
+				<s:Label text="Oranges" top="13"/>
+				<s:Label text="Bananas" top="26"/>	
+			</s:Panel>
+			<s:Label color="0x323232" verticalAlign="justify" 
+						  left="3" bottom="30" width="100%" 
+				text="The Panel class defines a container that includes a title bar, a caption, a border, and a content area for its children.
+The Panel has a basic layout by default, which means it lays out elements within the panel by 
+their individual constraints. You can specify a different layout to use within the panel such 
+as shown in the inner panels (basic, horizontal and vertical layout panels. In that case the 
+individual constraints on the Text items are ignored, as shown here."/>
+			
+	</s:Panel>
+	
+</s:Application>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/spark/containers/PanelExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/containers/PanelExample.mxml b/TourDeFlex/TourDeFlex3/src/spark/containers/PanelExample.mxml
new file mode 100644
index 0000000..76369f5
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/spark/containers/PanelExample.mxml
@@ -0,0 +1,79 @@
+<?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.
+
+-->
+<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
+			   xmlns:s="library://ns.adobe.com/flex/spark" 
+			   xmlns:mx="library://ns.adobe.com/flex/mx" viewSourceURL="srcview/index.html">
+	
+	<!-- Note: Panel has a BasicLayout by default. The BasicLayout means that components will be
+	arranged according to their individual constraint settings, independent of each-other -->
+	<s:Panel id="mainPanel" width="100%" height="100%"
+			 title="Panel Sample" 
+			 skinClass="skins.TDFPanelSkin">
+		
+		
+			<s:HGroup horizontalCenter="0">
+				
+				<!-- Note: main panel is BasicLayout by default, so each inner panel will be layed out
+				according to it's constraints specified individually. -->
+				<s:Panel title="Basic Layout Panel" top="0" left="5">
+					<!-- Default layout is basic, therefore constraints are used for placement -->
+					<mx:Text text="Apples" top="0"/>
+					<mx:Text text="Oranges" top="15"/>
+					<mx:Text text="Bananas" top="30"/>		
+				</s:Panel>
+				
+				<s:Panel title="Horizontal Layout Panel" 
+						 top="0" left="250">
+					<s:layout>
+						<s:HorizontalLayout/>
+					</s:layout>
+					<!-- Note: constraints to top left on items here, but will not matter because we
+					specified a HorizontalLayout -->
+					<mx:Text text="Apples" top="0"/>
+					<mx:Text text="Oranges" top="15"/>
+					<mx:Text text="Bananas" top="30"/>	
+				</s:Panel>
+				
+				<s:Panel title="Vertical Layout Panel" 
+						 top="0" right="5">
+					<s:layout>
+						<s:VerticalLayout/>
+					</s:layout>
+					
+					<!-- Note: constraints to top left on items here, but will not matter because we
+					specified a VeritcalLayout -->
+					<mx:Text text="Apples" top="0"/>
+					<mx:Text text="Oranges" top="15"/>
+					<mx:Text text="Bananas" top="30"/>	
+				</s:Panel>
+			</s:HGroup>	
+		<s:Group bottom="5" width="100%">
+			
+		<s:Label color="0x323232" verticalAlign="justify" 
+				 left="5" bottom="15" width="95%" 
+				 text="The Panel class defines a container that includes a title bar, a caption, a border, and a content area for its children.
+The Panel has a basic layout by default, which means it lays out elements within the panel by their individual constraints. You can specify a different layout to use within the panel such 
+as shown in the inner panels (basic, horizontal and vertical layout) panels. In that case the individual constraints on the Text items are ignored, as shown here."/>
+		</s:Group>		
+		
+		
+	</s:Panel>
+	
+</s:Application>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/spark/containers/SampleHGroup.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/containers/SampleHGroup.mxml b/TourDeFlex/TourDeFlex3/src/spark/containers/SampleHGroup.mxml
new file mode 100644
index 0000000..1e76815
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/spark/containers/SampleHGroup.mxml
@@ -0,0 +1,98 @@
+<?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.
+
+-->
+<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
+			   xmlns:s="library://ns.adobe.com/flex/spark" 
+			   xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600">
+	
+	<fx:Declarations>
+		<!-- Place non-visual elements (e.g., services, value objects) here -->
+	</fx:Declarations>
+	
+	<fx:Script>
+		<![CDATA[
+			import skins.TDFPanelSkin;
+			
+			private function applyProperties():void
+			{
+				this.mainHGroup.paddingTop = this.padTop.value;
+				this.mainHGroup.paddingLeft = this.padLeft.value;
+				this.mainHGroup.paddingRight = this.padRight.value;
+				this.mainHGroup.paddingBottom = this.padBottom.value;
+				this.mainHGroup.gap = this.gap.value;
+			}
+		]]>
+	</fx:Script>
+	
+	<s:Panel skinClass="skins.TDFPanelSkin" title="HGroup" width="100%" height="100%">
+		
+		<s:HGroup left="300" top="25" id="mainHGroup">
+			<s:Rect width="100" height="75">
+				<s:fill>
+					<s:SolidColor color="0xd54f4f"/>
+				</s:fill>
+			</s:Rect>
+			<s:Rect width="100" height="75">
+				<s:fill>
+					<s:SolidColor color="0x2f977d"/>
+				</s:fill>
+			</s:Rect>
+			<s:Rect width="100" height="75">
+				<s:fill>
+					<s:SolidColor color="0xfffca2"/>
+				</s:fill>
+			</s:Rect>
+		</s:HGroup>    
+		
+		<s:VGroup top="10" left="15">
+			<s:HGroup verticalAlign="middle">
+				<s:Label text="Gap:"/>
+				<s:NumericStepper id="gap" maximum="400"/>
+			</s:HGroup>    
+			
+			<s:HGroup verticalAlign="middle">
+				<s:Label text="Padding Top:"/>
+				<s:NumericStepper id="padTop" maximum="400"/>
+			</s:HGroup>
+			
+			<s:HGroup verticalAlign="middle">
+				<s:Label text="Padding Left:"/>
+				<s:NumericStepper id="padLeft" maximum="400"/>
+			</s:HGroup>
+			
+			<s:HGroup verticalAlign="middle">
+				<s:Label text="Padding Right:"/>
+				<s:NumericStepper id="padRight" maximum="400"/>
+			</s:HGroup>
+			
+			<s:HGroup verticalAlign="middle">
+				<s:Label text="Padding Bottom:"/>
+				<s:NumericStepper id="padBottom" maximum="400"/>
+			</s:HGroup>    
+			
+			<s:Button label="Apply Properties" click="this.applyProperties()"/>
+			<s:Label width="75%" horizontalCenter="0" color="#323232"
+					 text="The HGroup container is an instance of the Group container that uses the HorizontalLayout class. You can use
+					 the properties of the HGroup class to modify the characteristics of the HorizontalLayout class."/>
+		</s:VGroup>
+		
+		
+	</s:Panel>
+	
+</s:Application>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/spark/containers/SampleVGroup.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/containers/SampleVGroup.mxml b/TourDeFlex/TourDeFlex3/src/spark/containers/SampleVGroup.mxml
new file mode 100644
index 0000000..4ebd23d
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/spark/containers/SampleVGroup.mxml
@@ -0,0 +1,97 @@
+<?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.
+
+-->
+<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
+			   xmlns:s="library://ns.adobe.com/flex/spark" 
+			   xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600">
+	
+	<fx:Declarations>
+		<!-- Place non-visual elements (e.g., services, value objects) here -->
+	</fx:Declarations>
+	
+	<fx:Script>
+		<![CDATA[
+			import skins.TDFPanelSkin;
+			
+			private function applyProperties():void
+			{
+				this.mainVGroup.paddingTop = this.padTop.value;
+				this.mainVGroup.paddingLeft = this.padLeft.value;
+				this.mainVGroup.paddingRight = this.padRight.value;
+				this.mainVGroup.paddingBottom = this.padBottom.value;
+				this.mainVGroup.gap = this.gap.value;
+			}
+		]]>
+	</fx:Script>
+	
+	<s:Panel skinClass="skins.TDFPanelSkin" title="VGroup Sample" width="100%" height="100%">
+		<s:HGroup width="100%" height="100%" top="10" left="10">
+			<s:VGroup top="10" left="10" width="172">
+				<s:HGroup verticalAlign="middle">
+					<s:Label text="Gap:"/>
+					<s:NumericStepper id="gap" maximum="400"/>
+				</s:HGroup>	
+				
+				<s:HGroup verticalAlign="middle">
+					<s:Label text="Padding Top:"/>
+					<s:NumericStepper id="padTop" maximum="400"/>
+				</s:HGroup>
+				
+				<s:HGroup verticalAlign="middle">
+					<s:Label text="Padding Left:"/>
+					<s:NumericStepper id="padLeft" maximum="400"/>
+				</s:HGroup>
+				
+				<s:HGroup verticalAlign="middle">
+					<s:Label text="Padding Right:"/>
+					<s:NumericStepper id="padRight" maximum="400"/>
+				</s:HGroup>
+				
+				<s:HGroup verticalAlign="middle">
+					<s:Label text="Padding Bottom:"/>
+					<s:NumericStepper id="padBottom" maximum="400"/>
+				</s:HGroup>	
+				
+				<s:Button label="Apply Properties" click="this.applyProperties()"/>
+			</s:VGroup>
+			<s:VGroup left="300" top="10" id="mainVGroup">
+				<s:Rect width="100" height="75">
+					<s:fill>
+						<s:SolidColor color="0xd54f4f"/>
+					</s:fill>
+				</s:Rect>
+				<s:Rect width="100" height="75">
+					<s:fill>
+						<s:SolidColor color="0x2f977d"/>
+					</s:fill>
+				</s:Rect>
+				<s:Rect width="100" height="75">
+					<s:fill>
+						<s:SolidColor color="0xfffca2"/>
+					</s:fill>
+				</s:Rect>
+			</s:VGroup>	
+			<mx:Spacer width="10"/>
+			<s:Label width="40%" horizontalCenter="0" color="#323232" 
+					 text="The VGroup container is an instance of the Group container that uses the VerticalLayout class. You can use the properties of the VGroup class to modify the characteristics of the VerticalLayout class." height="100%"/>
+				
+		</s:HGroup>
+	</s:Panel>
+	
+</s:Application>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/spark/containers/SampleVerticalHorizontalAlign.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/containers/SampleVerticalHorizontalAlign.mxml b/TourDeFlex/TourDeFlex3/src/spark/containers/SampleVerticalHorizontalAlign.mxml
new file mode 100644
index 0000000..abfb346
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/spark/containers/SampleVerticalHorizontalAlign.mxml
@@ -0,0 +1,83 @@
+<?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.
+
+-->
+<!-- http://evtimmy.com/2010/01/verticalalign-for-vgroup-and-horizontalalign-for-hgroup/ -->
+<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
+			   xmlns:s="library://ns.adobe.com/flex/spark" 
+			   xmlns:mx="library://ns.adobe.com/flex/mx" backgroundColor="0x323232" color="0xFFFFFF">
+	
+	<s:VGroup verticalAlign="middle" width="526" height="230" top="57" left="10">
+		<s:HGroup verticalAlign="middle" height="100%"  color="0x000000">
+			<s:Label text="VGroup" rotation="-90" color="0xFF0000"/>
+			<s:BorderContainer minWidth="0" minHeight="0">
+				<s:VGroup height="{heightSlider.value}"
+						  verticalAlign="{verticalAlignChoice.selectedItem}"
+						  gap="0">
+					<s:Label text="Lorem ipsum dolor sit amet, " height="22" verticalAlign="middle"/>
+					<s:Label text="consectetur adipiscing elit." height="22" verticalAlign="middle"/>
+					
+				</s:VGroup>
+			</s:BorderContainer>
+			
+			<s:Label text="VGroup in Scroller" rotation="-90" color="0xFF0000"/>
+			<s:BorderContainer minWidth="0" minHeight="0">
+				<s:Scroller height="{heightSlider.value}">
+					<s:VGroup verticalAlign="{verticalAlignChoice.selectedItem}"
+							  gap="0">
+						<s:Label text="Lorem ipsum dolor sit amet, " height="22" verticalAlign="middle"/>
+						<s:Label text="consectetur adipiscing elit." height="22" verticalAlign="middle"/>
+						
+					</s:VGroup>
+				</s:Scroller>
+			</s:BorderContainer>
+			
+			<s:Label text="List" rotation="-90" color="0xFF0000"/>
+			
+			<s:List minWidth="0" minHeight="0" height="{heightSlider.value+2}">
+				<s:layout>
+					<s:VerticalLayout requestedMinRowCount="0"
+									  verticalAlign="{verticalAlignChoice.selectedItem}"
+									  gap="0"/>
+				</s:layout>
+				<s:ArrayCollection>
+					<fx:String>Lorem ipsum dolor sit amet, </fx:String>
+					<fx:String>consectetur adipiscing elit.</fx:String>					
+				</s:ArrayCollection>
+			</s:List>
+		</s:HGroup>
+	</s:VGroup>
+	
+	<s:HGroup horizontalAlign="center" paddingTop="10" paddingLeft="10">
+		<s:HGroup>
+			<s:Label text="VerticalAlign:"/>
+			<s:DropDownList id="verticalAlignChoice" requireSelection="true" color="0x000000">
+				<s:dataProvider>
+					<s:ArrayCollection source="{'top bottom middle'.split(' ')}"/>
+				</s:dataProvider>
+			</s:DropDownList>
+		</s:HGroup>
+		<s:HGroup>
+			<s:Label text="Height:"/>
+			<s:HSlider id="heightSlider" minimum="0" maximum="425" value="100" width="300"/>
+		</s:HGroup>
+	</s:HGroup>		
+	<s:Label right="7" top="26" width="200"
+			 text="This sample show the use of the verticalAlign and horizontalAlign properties for use with a VGroup and
+HGroup accordingly."/>
+</s:Application>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/spark/containers/SkinableDataContainerExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/containers/SkinableDataContainerExample.mxml b/TourDeFlex/TourDeFlex3/src/spark/containers/SkinableDataContainerExample.mxml
new file mode 100644
index 0000000..09fb38c
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/spark/containers/SkinableDataContainerExample.mxml
@@ -0,0 +1,62 @@
+<?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.
+
+-->
+<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
+			   xmlns:s="library://ns.adobe.com/flex/spark" 
+			   xmlns:mx="library://ns.adobe.com/flex/mx">
+	
+	<s:Panel width="100%" height="100%" title="SkinnableDataContainer" skinClass="skins.TDFPanelSkin">
+		<s:layout><s:HorizontalLayout paddingLeft="8" paddingTop="8" paddingRight="12"/></s:layout>
+		
+		<s:VGroup>
+			<s:Label text="Famous Astronauts" fontWeight="bold" fontSize="14"/>
+			<s:SkinnableDataContainer horizontalCenter="-66" verticalCenter="0" width="301">
+				<s:layout>
+					<s:VerticalLayout/>
+				</s:layout>
+				<s:itemRenderer>
+					<fx:Component>
+						<s:ItemRenderer>
+							<s:VGroup horizontalCenter="0" verticalCenter="0">
+								<s:HGroup verticalAlign="middle">
+									<s:Label text="{data.firstName}"/>
+									<s:Label text="{data.lastName}"/>
+									<s:Label text="{data.phoneNumber}"/>
+									<mx:LinkButton label="{data.college}" color="0x3380DD" click="navigateToURL(new URLRequest(data.url), '_blank')"
+												   textDecoration="underline" fontWeight="normal" icon="@Embed('assets/arrow_icon_sm.png')" />
+								</s:HGroup>
+							</s:VGroup>
+						</s:ItemRenderer>
+					</fx:Component>
+				</s:itemRenderer>
+				
+				<s:ArrayCollection>
+					<fx:Object firstName="John" lastName="Glenn" phoneNumber="888-555-1111" college="West Point" url="http://www.usma.edu/"/>
+					<fx:Object firstName="Neil" lastName="Armstrong" phoneNumber="888-555-2222" college="Purdue" url="http://www.purdue.edu/"/>
+					<fx:Object firstName="Buzz" lastName="Aldrin" phoneNumber="888-555-3333" college="Muskingum" url="http://www.muskingum.edu/"/>
+					<fx:Object firstName="James" lastName="Lovell" phoneNumber="888-555-4444" college="US Naval Academy" url="http://www.usna.edu/"/>
+				</s:ArrayCollection>
+			</s:SkinnableDataContainer>
+		</s:VGroup>
+		<s:Label color="0x323232" width="200" text="The SkinnableDataContainer is the skinnable version of the DataGroup and
+while it can hold visual elements, they are often used only to hold data items as children. Data items can be simple data items 
+such String and Number objects, and more complicated data items such as Object and XMLNode objects."/>
+	</s:Panel>
+	
+</s:Application>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/spark/containers/TabNavigator1Example.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/containers/TabNavigator1Example.mxml b/TourDeFlex/TourDeFlex3/src/spark/containers/TabNavigator1Example.mxml
new file mode 100644
index 0000000..e23b033
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/spark/containers/TabNavigator1Example.mxml
@@ -0,0 +1,116 @@
+<?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.
+
+-->
+<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
+			   xmlns:s="library://ns.adobe.com/flex/spark" 
+			   xmlns:mx="library://ns.adobe.com/flex/mx" xmlns:local="*" viewSourceURL="srcview/index.html">
+	
+	<fx:Script>
+		<![CDATA[
+			import mx.events.ListEvent;
+			
+			[Bindable]
+			private var contact:Contact = new Contact();
+			
+			protected function submitBtn_clickHandler(event:MouseEvent):void
+			{
+				contact.name = nameTxt.text;
+				contact.address = address.text;
+				contact.city = city.text;
+				contact.state = state.text;
+				contact.zip = zip.text;
+				trace(contacts.contains(contact));
+				
+				if (!contacts.contains(contact))
+					contacts.addItem(contact);
+				contact = new Contact();
+			}
+			
+			protected function dg_itemClickHandler(event:ListEvent):void
+			{
+				contact = dg.selectedItem as Contact;
+			}
+			
+		]]>
+	</fx:Script>
+	
+	<fx:Declarations>
+		<s:ArrayCollection id="contacts"/>
+	</fx:Declarations>
+	
+	<s:Panel width="100%" height="100%" skinClass="skins.TDFPanelSkin" title="TabBar Sample" >
+		<s:TabBar id="tabs" left="8" y="2" dataProvider="{vs}"/>
+		<mx:ViewStack id="vs" width="95%" height="85%" left="8" y="23">
+			<s:NavigatorContent label="Contact Info"  width="100%" height="100%">
+				<s:BorderContainer width="100%" height="100%" borderWeight="2" cornerRadius="3" dropShadowVisible="true">
+					<s:backgroundFill>
+						<s:LinearGradient rotation="90">
+							<s:GradientEntry color="0xE2E2E2" />
+							<s:GradientEntry color="0x323232" />
+						</s:LinearGradient>
+					</s:backgroundFill>
+					<mx:Form id="contactForm" defaultButton="{submitBtn}" width="100%" height="100%">
+						<mx:FormItem label="Name:">
+							<s:TextInput id="nameTxt" text="{contact.name}"/>
+						</mx:FormItem>
+						<mx:FormItem label="Address:">
+							<s:TextInput id="address" text="{contact.address}"/>
+						</mx:FormItem>
+						<mx:FormItem label="City:">
+							<s:TextInput id="city" text="{contact.city}"/>
+						</mx:FormItem>
+						<mx:FormItem label="State:">
+							<s:TextInput id="state" text="{contact.state}"/>
+						</mx:FormItem>
+						<mx:FormItem label="Zip:">
+							<s:TextInput id="zip" text="{contact.zip}" maxChars="5"/>
+						</mx:FormItem>
+						<mx:FormItem>
+							<s:Button id="submitBtn" label="Submit" click="submitBtn_clickHandler(event)"/>
+						</mx:FormItem>
+					</mx:Form>
+				</s:BorderContainer>
+			</s:NavigatorContent>
+			<s:NavigatorContent label="Contact List" width="100%" height="100%" >
+				<s:BorderContainer width="100%" height="100%" borderWeight="2" 
+						  cornerRadius="3" dropShadowVisible="true">
+					<s:backgroundFill>
+						<s:LinearGradient rotation="90">
+							<s:GradientEntry color="0xE2E2E2" />
+							<s:GradientEntry color="0x323232" />
+						</s:LinearGradient>
+					</s:backgroundFill>
+					<mx:DataGrid id="dg" dataProvider="{contacts}" x="5" y="5"  doubleClickEnabled="true" 
+								 doubleClick="{tabs.selectedIndex=0}" itemClick="dg_itemClickHandler(event)">
+						<mx:columns>
+							<mx:DataGridColumn headerText="Name" dataField="name"/>
+							<mx:DataGridColumn headerText="Address" dataField="address"/>
+							<mx:DataGridColumn headerText="City" dataField="city"/>
+							<mx:DataGridColumn headerText="State" dataField="state"/>
+							<mx:DataGridColumn headerText="Zip" dataField="zip"/>
+						</mx:columns>
+					</mx:DataGrid>
+				</s:BorderContainer>
+				
+			</s:NavigatorContent>
+			
+		</mx:ViewStack>
+		
+	</s:Panel>
+</s:Application>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/spark/containers/TabNavigator2Example.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/containers/TabNavigator2Example.mxml b/TourDeFlex/TourDeFlex3/src/spark/containers/TabNavigator2Example.mxml
new file mode 100644
index 0000000..7bc0b35
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/spark/containers/TabNavigator2Example.mxml
@@ -0,0 +1,110 @@
+<?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.
+
+-->
+<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
+			   xmlns:s="library://ns.adobe.com/flex/spark" 
+			   xmlns:mx="library://ns.adobe.com/flex/mx" xmlns:local="*">
+	
+	<fx:Script>
+		<![CDATA[
+			import mx.events.ListEvent;
+			
+			[Bindable]
+			private var contact:Contact = new Contact();
+			
+			protected function submitBtn_clickHandler(event:MouseEvent):void
+			{
+				// Note: this sample uses bidirectional data binding, so we do not have to 
+				// explicitly set the contact fields to save them! 
+				if (!contacts.contains(contact))
+					contacts.addItem(contact);
+				contact = new Contact();
+			}
+
+			protected function dg_itemClickHandler(event:ListEvent):void
+			{
+				contact = dg.selectedItem as Contact;
+			}
+
+		]]>
+	</fx:Script>
+
+	<fx:Declarations>
+		<s:ArrayCollection id="contacts"/>
+	</fx:Declarations>
+	
+	<s:Panel width="100%" height="100%" skinClass="skins.TDFPanelSkin" title="TabBar Sample with Custom Skin and Bidirectional Binding" >
+		<s:TabBar id="tabs" left="8" y="2" dataProvider="{vs}" skinClass="skins.CustomTabBarSkin" cornerRadius="4"/>
+		<mx:ViewStack id="vs" width="95%" height="85%" left="8" y="23">
+			<s:NavigatorContent label="Contact Info"  width="100%" height="100%">
+				<s:BorderContainer borderColor="0xCC0000" width="100%" height="100%" borderWeight="2" cornerRadius="3" 
+						  dropShadowVisible="true">
+					<!-- This background fill could also be specified in a custom skin to apply to other containers as well -->
+					<s:backgroundFill>
+						<s:LinearGradient rotation="90">
+							<s:GradientEntry color="0xE2E2E2"/>
+							<s:GradientEntry color="0xCC0000" alpha=".5" />
+						</s:LinearGradient>
+					</s:backgroundFill>
+					<mx:Form id="contactForm" defaultButton="{submitBtn}" width="100%" height="100%">
+						<mx:FormItem label="Name:">
+							<s:TextInput id="nameTxt" text="@{contact.name}"/>
+						</mx:FormItem>
+						<mx:FormItem label="Address:">
+							<s:TextInput id="address" text="@{contact.address}"/>
+						</mx:FormItem>
+						<mx:FormItem label="City:">
+							<s:TextInput id="city" text="@{contact.city}"/>
+						</mx:FormItem>
+						<mx:FormItem label="State:">
+							<s:TextInput id="state" text="@{contact.state}"/>
+						</mx:FormItem>
+						<mx:FormItem label="Zip:">
+							<s:TextInput id="zip" text="@{contact.zip}" maxChars="5"/>
+						</mx:FormItem>
+						<mx:FormItem>
+							<s:Button id="submitBtn" label="Submit" click="submitBtn_clickHandler(event)"/>
+						</mx:FormItem>
+					</mx:Form>
+				</s:BorderContainer>
+			</s:NavigatorContent>
+			<s:NavigatorContent label="Contact List" width="100%" height="100%" >
+				<s:BorderContainer borderColor="0xCC0000" width="100%" height="100%" borderWeight="2" cornerRadius="3" 
+						  dropShadowVisible="true">
+					<s:backgroundFill>
+						<s:LinearGradient rotation="90">
+							<s:GradientEntry color="0xCC0000" />
+							<s:GradientEntry color="0xE2E2E2" />
+						</s:LinearGradient>
+					</s:backgroundFill>
+					<mx:DataGrid id="dg" dataProvider="{contacts}" x="5" y="5"  doubleClickEnabled="true" 
+								 doubleClick="{tabs.selectedIndex=0}" itemClick="dg_itemClickHandler(event)">
+						<mx:columns>
+							<mx:DataGridColumn headerText="Name" dataField="name"/>
+							<mx:DataGridColumn headerText="Address" dataField="address"/>
+							<mx:DataGridColumn headerText="City" dataField="city"/>
+							<mx:DataGridColumn headerText="State" dataField="state"/>
+							<mx:DataGridColumn headerText="Zip" dataField="zip"/>
+						</mx:columns>
+					</mx:DataGrid>
+				</s:BorderContainer>
+			</s:NavigatorContent>
+		</mx:ViewStack>
+	</s:Panel>
+</s:Application>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/spark/containers/TileGroupExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/containers/TileGroupExample.mxml b/TourDeFlex/TourDeFlex3/src/spark/containers/TileGroupExample.mxml
new file mode 100644
index 0000000..c68120f
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/spark/containers/TileGroupExample.mxml
@@ -0,0 +1,101 @@
+<?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.
+
+-->
+<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
+			   xmlns:s="library://ns.adobe.com/flex/spark" 
+			   xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600">
+	
+	<fx:Declarations>
+		<fx:Array id="orientArray">
+			<fx:String>Rows</fx:String>
+			<fx:String>Columns</fx:String>
+		</fx:Array>
+	</fx:Declarations>
+	
+	<fx:Script>
+		<![CDATA[
+			import mx.collections.ArrayList;
+			import skins.TDFPanelSkin;
+			
+			private function applyProperties():void
+			{
+				this.mainGroup.orientation = this.orientation.selectedItem;
+				this.mainGroup.horizontalGap = this.hgap.value;
+				this.mainGroup.verticalGap = this.vgap.value;
+				this.mainGroup.requestedColumnCount = this.colCount.value;
+				this.mainGroup.requestedRowCount = this.rowCount.value;
+			}
+		]]>
+	</fx:Script>
+	
+	<s:Panel skinClass="skins.TDFPanelSkin" title="TileGroup Sample" width="100%" height="100%">
+		<s:TileGroup left="300" top="10" id="mainGroup">
+			<s:Rect width="100" height="75">
+				<s:fill>
+					<s:SolidColor color="0xd54f4f"/>
+				</s:fill>
+			</s:Rect>
+			<s:Rect width="100" height="75">
+				<s:fill>
+					<s:SolidColor color="0x2f977d"/>
+				</s:fill>
+			</s:Rect>
+			<s:Rect width="100" height="75">
+				<s:fill>
+					<s:SolidColor color="0xfffca2"/>
+				</s:fill>
+			</s:Rect>
+		</s:TileGroup>	
+		
+		<s:VGroup top="10" left="10">
+			<s:HGroup verticalAlign="middle">
+				<s:Label text="Orientation:"/>
+				<s:DropDownList id="orientation" dataProvider="{new ArrayList(orientArray)}" prompt="columns"/>
+			</s:HGroup>
+			
+			<s:HGroup verticalAlign="middle">
+				<s:Label text="Horizontal Gap:"/>
+				<s:NumericStepper id="hgap" maximum="400"/>
+			</s:HGroup>	
+			
+			<s:HGroup verticalAlign="middle">
+				<s:Label text="Vertical Gap:"/>
+				<s:NumericStepper id="vgap" maximum="400"/>
+			</s:HGroup>	
+			
+			<s:HGroup verticalAlign="middle">
+				<s:Label text="Requested Column Count:"/>
+				<s:NumericStepper id="colCount"/>
+			</s:HGroup>
+			
+			<s:HGroup verticalAlign="middle">
+				<s:Label text="Requested Row Count:"/>
+				<s:NumericStepper id="rowCount"/>
+			</s:HGroup>
+			<s:Button label="Apply Properties" click="this.applyProperties()"/>
+			<mx:Spacer height="10"/>
+			<s:Label width="85%" horizontalCenter="0" color="#323232" 
+					 text="The TileGroup container is an instance of the Group container that uses the TileLayout class. You can use the properties of the 
+					 TileGroup class to modify the characteristics of the TileLayout class."/>
+
+		</s:VGroup>
+		
+	</s:Panel>
+	
+</s:Application>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/spark/containers/assets/arrow_icon_sm.png
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/containers/assets/arrow_icon_sm.png b/TourDeFlex/TourDeFlex3/src/spark/containers/assets/arrow_icon_sm.png
new file mode 100644
index 0000000..33debc8
Binary files /dev/null and b/TourDeFlex/TourDeFlex3/src/spark/containers/assets/arrow_icon_sm.png differ

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/spark/containers/personIcon.png
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/containers/personIcon.png b/TourDeFlex/TourDeFlex3/src/spark/containers/personIcon.png
new file mode 100644
index 0000000..f9d76c6
Binary files /dev/null and b/TourDeFlex/TourDeFlex3/src/spark/containers/personIcon.png differ

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/spark/containers/skins/CustomTabBarButtonSkin.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/containers/skins/CustomTabBarButtonSkin.mxml b/TourDeFlex/TourDeFlex3/src/spark/containers/skins/CustomTabBarButtonSkin.mxml
new file mode 100644
index 0000000..3bbff44
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/spark/containers/skins/CustomTabBarButtonSkin.mxml
@@ -0,0 +1,264 @@
+<?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.
+
+-->
+
+
+<!--- 
+The default skin class for Spark TabBar buttons.  
+
+@langversion 3.0
+@playerversion Flash 10
+@playerversion AIR 1.5
+@productversion Flex 4
+-->
+
+<s:SparkSkin 
+	xmlns:fx="http://ns.adobe.com/mxml/2009" 
+	xmlns:s="library://ns.adobe.com/flex/spark" 
+	xmlns:fb="http://ns.adobe.com/flashbuilder/2009" 
+	minWidth="21" minHeight="21" alpha.disabledStates="0.5">
+	
+	<!-- host component -->
+	<fx:Metadata>
+		<![CDATA[ 
+		/** 
+		* @copy spark.skins.spark.ApplicationSkin#hostComponent
+		*/
+		[HostComponent("spark.components.ButtonBarButton")]
+		]]>
+	</fx:Metadata>
+	
+	<fx:Script fb:purpose="styling" >
+        
+		import spark.components.TabBar;
+		
+		static private const exclusions:Array = ["labelDisplay"];
+		
+		/** 
+		 * @private
+		 */     
+		override public function get colorizeExclusions():Array {return exclusions;}
+		
+		/**
+		 * @private
+		 */
+		override protected function initializationComplete():void
+		{
+			//useBaseColor = true;
+			super.initializationComplete();
+		}
+		
+		private var cornerRadius:Number = 4
+		
+		/**
+		 *  @private
+		 *  The borderTop s:Path is just a s:Rect with the bottom edge left out.
+		 *  Given the rounded corners per the cornerRadius style, the result is 
+		 *  roughly an inverted U with the specified width, height, and cornerRadius.
+		 * 
+		 *  Circular arcs are drawn with two curves per flash.display.Graphics.GraphicsUtil.
+		 */        
+		private function updateBorderTop(width:Number, height:Number):void
+		{
+			var left:Number = -0.5;
+			var right:Number = width - 0.5;
+			var top:Number = 0.5;
+			var bottom:Number = height;
+			
+			var a:Number = cornerRadius * 0.292893218813453;
+			var s:Number = cornerRadius * 0.585786437626905;
+			
+			var path:String = "";
+			path +=  "M " + left + " " + bottom;
+			path += " L " + left + " " + (top + cornerRadius);
+			path += " Q " + left + " " + (top + s) + " " + (left + a) + " " + (top + a);
+			path += " Q " + (left + s) + " " + top + " " + (left + cornerRadius) + " " + top;
+			path += " L " + (right - cornerRadius) + " " + top;
+			path += " Q " + (right - s) + " " + top + " " + (right - a) + " " + (top + a);
+			path += " Q " + right + " " + (top + s) + " " + right + " " + (top + cornerRadius);
+			path += " L " + right + " " + bottom;
+			borderTop.data = path;
+		}
+		
+		/**
+		 *  @private
+		 *  The cornerRadius style is specified by the TabBar, not the button itself.   
+		 * 
+		 *  Rather than bind the corner radius properties of the s:Rect's in the markup 
+		 *  below to hostComponent.owner.getStyle("cornerRadius"), we reset them here, 
+		 *  each time a change in the value of the style is detected.  Note that each 
+		 *  corner radius property is explicitly initialized to the default value of 
+		 *  the style; the initial value of the private cornerRadius property.
+		 */
+		private function updateCornerRadius():void
+		{
+			var cr:Number = getStyle("cornerRadius");
+			if (cornerRadius != cr)
+			{
+				cornerRadius = cr;
+				fill.topLeftRadiusX = cornerRadius;
+				fill.topRightRadiusX = cornerRadius;
+				lowlight.radiusX = cornerRadius;
+				highlight.radiusX = cornerRadius;
+				highlightStroke.topLeftRadiusX = cornerRadius;
+				highlightStroke.topRightRadiusX = cornerRadius;
+			}
+		}
+		
+		/**
+		 *  @private
+		 */
+		override protected function updateDisplayList(unscaledWidth:Number, unscaleHeight:Number):void
+		{
+			updateCornerRadius();
+			updateBorderTop(unscaledWidth, unscaledHeight);
+			super.updateDisplayList(unscaledWidth, unscaledHeight);
+		}
+	</fx:Script>
+	
+	<!-- states -->
+	<s:states>
+		<s:State name="up" />
+		<s:State name="over" stateGroups="overStates" />
+		<s:State name="down" stateGroups="downStates" />
+		<s:State name="disabled" stateGroups="disabledStates" />
+		<s:State name="upAndSelected" stateGroups="selectedStates, selectedUpStates" />
+		<s:State name="overAndSelected" stateGroups="overStates, selectedStates" />
+		<s:State name="downAndSelected" stateGroups="downStates, selectedStates" />
+		<s:State name="disabledAndSelected" stateGroups="selectedUpStates, disabledStates, selectedStates" />
+	</s:states>
+	
+	<s:Group left="-1" right="0" top="-1" bottom="-1">
+		
+		<!-- layer 2: fill -->
+		<s:Rect id="fill" left="2" right="1" top="2" bottom="2" topLeftRadiusX="4" topRightRadiusX="4" width="69" height="21">
+			<s:fill>
+				<s:LinearGradient rotation="90">
+					<s:GradientEntry color="0xFFFFFF" 
+									 color.selectedUpStates="0xFFFFFF"
+									 color.overStates="0xCC0000"
+									 color.downStates="0xCC0000" 
+									 alpha="0.85" 
+									 alpha.overAndSelected="1" />
+					<s:GradientEntry color="0xCCCCCC" 
+									 color.selectedUpStates="0x9FA0A1"
+									 color.over="0xCC0000" 
+									 color.overAndSelected="0xFFFFFF"
+									 color.downStates="0xCC0000" 
+									 alpha="0.85"
+									 alpha.overAndSelected="1" />
+				</s:LinearGradient>
+			</s:fill>
+		</s:Rect>
+		
+		<!-- layer 3: fill lowlight -->
+		<s:Rect id="lowlight" left="2" right="1" bottom="2" height="9" radiusX="4">
+			<s:fill>
+				<s:LinearGradient rotation="90">
+					<s:GradientEntry color="0xCC0000" alpha="0.0099" />
+					<s:GradientEntry color="0xCC0000" alpha="0.0627" />
+				</s:LinearGradient>
+			</s:fill>
+		</s:Rect>
+		
+		<!-- layer 4: fill highlight -->
+		<s:Rect id="highlight" left="2" right="1" top="2" height="9" radiusX="4">
+			<s:fill>
+				<s:SolidColor color="0xCC0000" 
+							  alpha="0.33" 
+							  alpha.selectedUpStates="0.22"
+							  alpha.overStates="0.22" 
+							  alpha.downStates="0.12" />
+			</s:fill>
+		</s:Rect>
+		
+		<!-- layer 5: highlight stroke (all states except down) -->
+		<s:Rect id="highlightStroke" left="2" right="1" top="2" bottom="2" topLeftRadiusX="4" topRightRadiusX="4">
+			<s:stroke>
+				<s:LinearGradientStroke rotation="90" weight="1">
+					<s:GradientEntry color="0xCC0000" alpha.overStates="0.22" alpha.selectedUpStates="0.33" />
+				</s:LinearGradientStroke>
+			</s:stroke>
+		</s:Rect>
+		
+		<!-- layer 6: highlight stroke (down state only) -->
+		<s:Rect left="2" top="2" bottom="2" width="1" includeIn="downStates, selectedUpStates, overAndSelected">
+			<s:fill>
+				<s:SolidColor color="0xCC0000" alpha="0.07" />
+			</s:fill>
+		</s:Rect>
+		<s:Rect right="1" top="2" bottom="2" width="1" includeIn="downStates, selectedUpStates, overAndSelected">
+			<s:fill>
+				<s:SolidColor color="0xCC0000" alpha="0.07" />
+			</s:fill>
+		</s:Rect>
+		<s:Rect left="3" top="2" right="1" height="1" includeIn="downStates, selectedUpStates, overAndSelected">
+			<s:fill>
+				<s:SolidColor color="0xCC0000" alpha="0.25" />
+			</s:fill>
+		</s:Rect>
+		<s:Rect left="2" top="3" right="1" height="1" includeIn="downStates, selectedUpStates, overAndSelected">
+			<s:fill>
+				<s:SolidColor color="0xCC0000" alpha="0.09" />
+			</s:fill>
+		</s:Rect>
+		
+		<!-- layer 7: border - put on top of the fill so it doesn't disappear when scale is less than 1 -->
+		<s:Line id="borderBottom" left="1" right="0" bottom="1">
+			<s:stroke>
+				<s:SolidColorStroke weight="1" 
+									color="0xCC0000" 
+									color.selectedStates="0x434343"
+									alpha="0.75" 
+									alpha.down="0.85"
+									alpha.selectedStates="0.5" />
+			</s:stroke>
+		</s:Line>
+		<s:Path id="borderTop" left="1" right="0" top="1" bottom="1" width="69" height="21">
+			<s:stroke>
+				<s:LinearGradientStroke rotation="90" weight="1">
+					<s:GradientEntry color="0xCC0000" 
+									 alpha="0.5625"
+									 />
+					<s:GradientEntry color="0xFFFFFF" 
+									 color.selectedUpStates="0xFFFFFF"
+									 color.overStates="0xFFFFFF" 
+									 color.downStates="0xCC0000" 
+									 alpha="0.85" 
+									 alpha.overAndSelected="1" />					
+				</s:LinearGradientStroke>
+			</s:stroke>
+		</s:Path>
+	</s:Group>
+	
+	<!-- layer 8: text -->
+	<!--- The defines the appearance of the label for the first button in the ButtonBar component. -->
+	<s:Group left="2" top="2">
+		<s:BitmapImage source="@Embed('../personIcon.png')" width="16" height="16"/>		 
+				 
+		<s:Label id="labelDisplay"
+				 textAlign="right"
+				 verticalAlign="middle"
+				 maxDisplayedLines="1"
+				 horizontalCenter="7" verticalCenter="1" 
+				 left="10" right="10" top="2" bottom="2" color.down="#FFFFFF">
+		</s:Label>
+	</s:Group>
+	
+</s:SparkSkin>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/spark/containers/skins/CustomTabBarSkin.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/containers/skins/CustomTabBarSkin.mxml b/TourDeFlex/TourDeFlex3/src/spark/containers/skins/CustomTabBarSkin.mxml
new file mode 100644
index 0000000..3621cac
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/spark/containers/skins/CustomTabBarSkin.mxml
@@ -0,0 +1,97 @@
+<?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.
+
+-->
+
+
+<!--- 
+
+The default skin class for the Spark TabBar component. The ButtonBarButtons 
+created by the TabBar component use the TabBarButtonSkin class.  
+
+@see spark.components.TabBar
+@see spark.components.ButtonBarButton
+
+@langversion 3.0
+@playerversion Flash 10
+@playerversion AIR 1.5
+@productversion Flex 4
+
+-->
+
+<s:Skin 
+	xmlns:fx="http://ns.adobe.com/mxml/2009" 
+	xmlns:s="library://ns.adobe.com/flex/spark"
+	xmlns:fb="http://ns.adobe.com/flashbuilder/2009"     
+	alpha.disabled="0.5">
+	
+	<fx:Metadata>
+		<![CDATA[ 
+		/** 
+		* @copy spark.skins.spark.ApplicationSkin#hostComponent
+		*/
+		[HostComponent("spark.components.TabBar")]
+		]]>
+	</fx:Metadata> 
+	
+	<fx:Script  fb:purpose="styling" >
+		<![CDATA[ 
+			
+			import mx.core.UIComponent;
+			
+			/**
+			 *  @private
+			 *  Push the cornerRadius style to the item renderers.
+			 */
+			override protected function updateDisplayList(unscaledWidth:Number, unscaleHeight:Number):void
+			{
+				const numElements:int = dataGroup.numElements;
+				const cornerRadius:int = hostComponent.getStyle("cornerRadius");
+				for (var i:int = 0; i < numElements; i++)
+				{
+					var elt:UIComponent = dataGroup.getElementAt(i) as UIComponent;
+					if (elt)
+						elt.setStyle("cornerRadius", cornerRadius);
+				}
+				
+				super.updateDisplayList(unscaledWidth, unscaledHeight);
+			}
+			
+		]]>            
+	</fx:Script>
+	
+	<s:states>
+		<s:State name="normal" />
+		<s:State name="disabled" />
+	</s:states>
+	
+	<!--- 
+	@copy spark.components.SkinnableDataContainer#dataGroup
+	-->
+	<s:DataGroup id="dataGroup" width="100%" height="100%">
+		<s:layout>
+			<s:ButtonBarHorizontalLayout gap="-1"/>
+		</s:layout>
+		<s:itemRenderer>
+			<fx:Component>
+				<s:ButtonBarButton skinClass="skins.CustomTabBarButtonSkin" />
+			</fx:Component>
+		</s:itemRenderer>
+	</s:DataGroup>
+	
+</s:Skin>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/spark/containers/skins/TDFPanelSkin.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/containers/skins/TDFPanelSkin.mxml b/TourDeFlex/TourDeFlex3/src/spark/containers/skins/TDFPanelSkin.mxml
new file mode 100644
index 0000000..f9151dc
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/spark/containers/skins/TDFPanelSkin.mxml
@@ -0,0 +1,171 @@
+<?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.
+
+-->
+
+
+<!--- Custom Spark Panel Skin created for Tour de Flex.  
+
+@langversion 3.0
+@playerversion Flash 10
+@playerversion AIR 1.5
+@productversion Flex 4
+-->
+<s:SparkSkin xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark" alpha.disabled="0.5"
+			 blendMode.disabled="layer">
+	
+	<fx:Metadata>
+		<![CDATA[ 
+		/** 
+		* @copy spark.skins.spark.ApplicationSkin#hostComponent
+		*/
+		[HostComponent("spark.components.Panel")]
+		]]>
+	</fx:Metadata> 
+	
+	<fx:Script>
+		/* Define the skin elements that should not be colorized. 
+		For panel, border and title backround are skinned, but the content area and title text are not. */
+		static private const exclusions:Array = ["background", "titleDisplay", "contentGroup", "bgFill"];
+		
+		/** 
+		 * @copy spark.skins.SparkSkin#colorizeExclusions
+		 */     
+		override public function get colorizeExclusions():Array {return exclusions;}
+		
+		/* Define the content fill items that should be colored by the "contentBackgroundColor" style. */
+		static private const contentFill:Array = [];
+		
+		/**
+		 * @inheritDoc
+		 */
+		override public function get contentItems():Array {return contentFill};
+	</fx:Script>
+	
+	<s:states>
+		<s:State name="normal" />
+		<s:State name="disabled" />
+		<s:State name="normalWithControlBar" />
+		<s:State name="disabledWithControlBar" />
+	</s:states>
+	
+	<!-- drop shadow -->
+	<s:RectangularDropShadow id="shadow" blurX="20" blurY="20" alpha="0.32" distance="11" 
+							 angle="90" color="#000000" left="0" top="0" right="0" bottom="0"/>
+	
+	<!-- layer 1: border -->
+	<s:Rect left="0" right="0" top="0" bottom="0">
+		<s:stroke>
+			<s:SolidColorStroke color="0" alpha="0.50" weight="1" />
+		</s:stroke>
+	</s:Rect>
+	
+	
+	<!-- layer 2: background fill -->
+	<!-- This layer was modified for Tour de Flex samples to have a gradient border at the bottom. -->
+	<s:Rect left="0" right="0" bottom="0" height="15">
+		<s:fill>
+			<s:LinearGradient rotation="90">
+				<s:GradientEntry color="0xE2E2E2" />
+				<s:GradientEntry color="0x000000" />
+			</s:LinearGradient>
+		</s:fill>
+	</s:Rect>
+	
+	<!-- layer 3: contents -->
+	<!--- contains the vertical stack of titlebar content and controlbar -->
+	<s:Group left="1" right="1" top="1" bottom="1" >
+		<s:layout>
+			<s:VerticalLayout gap="0" horizontalAlign="justify" />
+		</s:layout>
+		
+		<s:Group id="topGroup" >
+			<!-- layer 0: title bar fill -->
+			<!-- Note: We have custom skinned the title bar to be solid black for Tour de Flex -->
+			<s:Rect id="tbFill" left="0" right="0" top="0" bottom="1" >
+				<s:fill>
+					<s:SolidColor color="0x000000" />
+				</s:fill>
+			</s:Rect>
+			
+			<!-- layer 1: title bar highlight -->
+			<s:Rect id="tbHilite" left="0" right="0" top="0" bottom="0" >
+				<s:stroke>
+					<s:LinearGradientStroke rotation="90" weight="1">
+						<s:GradientEntry color="0xEAEAEA" />
+						<s:GradientEntry color="0xD9D9D9" />
+					</s:LinearGradientStroke>
+				</s:stroke>
+			</s:Rect>
+			
+			<!-- layer 2: title bar divider -->
+			<s:Rect id="tbDiv" left="0" right="0" height="1" bottom="0">
+				<s:fill>
+					<s:SolidColor color="0xC0C0C0" />
+				</s:fill>
+			</s:Rect>
+			
+			<!-- layer 3: text -->
+			<!--- Defines the appearance of the PanelSkin class's title bar. -->
+			<!-- Note: The title text display has been slightly modified for Tour de Flex. -->
+			<s:Label id="titleDisplay" lineBreak="explicit"
+						  left="9" top="1" bottom="0" minHeight="30"
+						  verticalAlign="middle" fontWeight="bold" color="#E2E2E2">
+			</s:Label>
+		</s:Group>
+		
+		<!--
+		Note: setting the minimum size to 0 here so that changes to the host component's
+		size will not be thwarted by this skin part's minimum size.   This is a compromise,
+		more about it here: http://bugs.adobe.com/jira/browse/SDK-21143
+		-->
+		<s:Group id="contentGroup" width="100%" height="100%" minWidth="0" minHeight="0">
+		</s:Group>
+		
+		<s:Group id="bottomGroup" minWidth="0" minHeight="0"
+				 includeIn="normalWithControlBar, disabledWithControlBar" >
+			
+			<!-- layer 0: control bar background -->
+			<!-- Note: We are skinning this to be the gradient in case we do specify control
+			bar content, but it will only display if there's a controlBarContent
+			property specified.-->
+			<s:Rect left="0" right="0" bottom="0" top="0" height="15">
+				<s:fill>
+					<s:LinearGradient rotation="90">
+						<s:GradientEntry color="0xE2E2E2" />
+						<s:GradientEntry color="0x000000" />
+					</s:LinearGradient>
+				</s:fill>
+			</s:Rect>
+			
+			<!-- layer 1: control bar divider line -->
+			<s:Rect left="0" right="0" top="0" height="1" >
+				<s:fill>
+					<s:SolidColor color="0xCDCDCD" />
+				</s:fill>
+			</s:Rect>
+			
+			<!-- layer 2: control bar -->
+			<s:Group id="controlBarGroup" left="0" right="0" top="1" bottom="0" minWidth="0" minHeight="0">
+				<s:layout>
+					<s:HorizontalLayout paddingLeft="10" paddingRight="10" paddingTop="10" paddingBottom="10" />
+				</s:layout>
+			</s:Group>
+		</s:Group>
+	</s:Group>
+</s:SparkSkin>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/spark/controls/AccordionExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/controls/AccordionExample.mxml b/TourDeFlex/TourDeFlex3/src/spark/controls/AccordionExample.mxml
new file mode 100644
index 0000000..128ee33
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/spark/controls/AccordionExample.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.
+
+-->
+<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"  
+			   xmlns:s="library://ns.adobe.com/flex/spark" 
+			   xmlns:mx="library://ns.adobe.com/flex/mx" 
+			   skinClass="TDFGradientBackgroundSkin">
+	
+	<s:layout>
+		<s:HorizontalLayout verticalAlign="middle" horizontalAlign="center" />
+	</s:layout>
+	
+	<s:Panel title="Accordion Container" width="600" height="100%"
+			 color="0x000000" 
+			 borderAlpha="0.15">
+		
+		<s:layout>
+			<s:VerticalLayout paddingLeft="10" paddingRight="10" paddingTop="10" paddingBottom="10"/>
+		</s:layout>
+		
+		<s:Label width="100%" color="0x323232"
+				 text="Select an Accordion navigator button to change the panel."/>
+		
+		<mx:Accordion id="accordion" color="0x323232" width="100%" height="100%">
+			<!-- Define each panel using a VBox container. -->
+			<s:NavigatorContent label="Accordion Button for Panel 1">
+				<mx:Label text="Accordion container panel 1"/>
+			</s:NavigatorContent>
+			
+			<s:NavigatorContent label="Accordion Button for Panel 2">
+				<mx:Label text="Accordion container panel 2"/>
+			</s:NavigatorContent>
+			
+			<s:NavigatorContent label="Accordion Button for Panel 3">
+				<mx:Label text="Accordion container panel 3"/>
+			</s:NavigatorContent>
+		</mx:Accordion>
+		
+		<s:Label width="100%" color="0x323232"
+				 text="Programmatically select the panel using a Button control."/>
+		
+		<s:HGroup color="0x323232">
+			<s:Button label="Select Panel 1" click="accordion.selectedIndex=0;"/>
+			<s:Button label="Select Panel 2" click="accordion.selectedIndex=1;"/>
+			<s:Button label="Select Panel 3" click="accordion.selectedIndex=2;"/>
+		</s:HGroup>
+		
+	</s:Panel>
+	
+</s:Application>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/spark/controls/AdvancedDatagridExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/controls/AdvancedDatagridExample.mxml b/TourDeFlex/TourDeFlex3/src/spark/controls/AdvancedDatagridExample.mxml
new file mode 100644
index 0000000..fe662fa
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/spark/controls/AdvancedDatagridExample.mxml
@@ -0,0 +1,92 @@
+<?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.
+
+-->
+<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"  
+			   xmlns:s="library://ns.adobe.com/flex/spark" 
+			   xmlns:mx="library://ns.adobe.com/flex/mx" 
+			   skinClass="TDFGradientBackgroundSkin">
+	
+	<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},
+				{Region:"NorthEast", Territory:"New York", 
+					Territory_Rep:"Jose Rodriguez", Actual:26992, Estimate:30000}, 
+				{Region:"NorthEast", Territory:"New York", 
+					Territory_Rep:"lisa Sims", Actual:47885, Estimate:50000},  
+				{Region:"NorthEast", Territory:"Massachusetts", 
+					Territory_Rep:"kelly o'connell", Actual:172911, Estimate:20000}, 
+				{Region:"NorthEast", Territory:"Pennsylvania", 
+					Territory_Rep:"John Barnes", Actual:32105, Estimate:30000},
+				{Region:"MidWest", Territory:"Illinois", 
+					Territory_Rep:"Seth Brown", Actual:42511, Estimate:40000}
+			]);
+		]]>
+	</fx:Script>
+	
+	<s:layout>
+		<s:HorizontalLayout verticalAlign="middle" horizontalAlign="center" />
+	</s:layout>
+	
+	<s:Panel title="AdvancedDataGrid Control" 
+			 color="0x000000" 
+			 borderAlpha="0.15" 
+			 width="600">
+		
+		<mx:AdvancedDataGrid id="myADG" 
+							 width="100%" height="100%" 
+							 color="0x323232"
+							 dataProvider="{dpFlat}">
+			
+			<mx:groupedColumns>
+				
+				<mx:AdvancedDataGridColumn dataField="Region" />
+				<mx:AdvancedDataGridColumn dataField="Territory" />
+				<mx:AdvancedDataGridColumn dataField="Territory_Rep"
+										   headerText="Territory Rep"/>
+				<mx:AdvancedDataGridColumnGroup headerText="Revenues">    
+					<mx:AdvancedDataGridColumn dataField="Actual"/>
+					<mx:AdvancedDataGridColumn dataField="Estimate"/>
+				</mx:AdvancedDataGridColumnGroup>    
+
+			</mx:groupedColumns>
+			
+		</mx:AdvancedDataGrid>
+		
+	</s:Panel>
+	
+</s:Application>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/spark/controls/ButtonBarExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/controls/ButtonBarExample.mxml b/TourDeFlex/TourDeFlex3/src/spark/controls/ButtonBarExample.mxml
new file mode 100644
index 0000000..928fe77
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/spark/controls/ButtonBarExample.mxml
@@ -0,0 +1,106 @@
+<?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.
+
+-->
+<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
+	xmlns:s="library://ns.adobe.com/flex/spark" 
+	xmlns:mx="library://ns.adobe.com/flex/mx" viewSourceURL="srcview/index.html">
+
+	<fx:Style>
+		@namespace "library://ns.adobe.com/flex/spark";
+		
+		ButtonBar ToggleButton:upAndSelected,
+		ButtonBar ToggleButton:overAndSelected,
+		ButtonBar ToggleButton:downAndSelected,
+		ButtonBar ToggleButton:disabledAndSelected {
+			baseColor: #FFFFFF;
+			color: #323232;
+		}
+		ButtonBar {
+			baseColor: #000000;
+			color: #FFFFFF;
+		}
+	</fx:Style>
+	
+	<fx:Script>
+		<![CDATA[
+			import spark.events.IndexChangeEvent;
+			
+			/**
+			 * Index change handler will be called each time a button is clicked
+			 * and the event will provide information needed such as the previous
+			 * index clicked.
+			 **/
+			protected function indexChangeHandler(event:IndexChangeEvent):void
+			{
+				myTextArea.text = "Button Bar index clicked = " + event.newIndex
+				myTextArea.text = myTextArea.text + "\nButton Bar previous index = " + event.oldIndex;
+				myTextArea.text = myTextArea.text + "\nButton Bar label clicked = " + myButtonBar.selectedItem;
+				if (myButtonBar.selectedItem=="Red") {
+					txtColor.setStyle("color","red");
+					txtColor.text="Red selected!";
+				}
+				else if (myButtonBar.selectedItem=="Green") {
+					txtColor.setStyle("color","green");
+					txtColor.text="Green selected!";
+				}
+				else if (myButtonBar.selectedItem=="Blue") {
+					txtColor.setStyle("color","blue");
+					txtColor.text="Blue selected!";
+				}
+				else {
+					txtColor.setStyle("color","yellow");
+					txtColor.text="Yellow selected!";
+				}
+			}
+			protected function resetButtonBar(event:MouseEvent):void
+			{
+				myButtonBar.selectedIndex = -1;
+				myTextArea.text = "";
+			}
+		]]>
+	</fx:Script>
+	
+	<!-- Note: A custom panel skin is used for the Tour de Flex samples and is included in the
+	           source tabs for each sample.	-->
+	<s:Panel title="ButtonBar Sample" 
+			 width="100%" height="100%"
+			 horizontalCenter="0" 
+			 skinClass="skins.TDFPanelSkin">
+			
+			<s:HGroup left="5" top="5" width="100%" height="100%">
+					<s:Label width="50%" fontSize="13" color="0x323232"  verticalAlign="justify"
+								  text="The ButtonBar component behaves like a series of toggle buttons, where one button remains selected
+and only one button in the ButtonBar control can be in the selected state. That means when you select a button in a ButtonBar
+control, the button stays in the selected state until you select a different button."/>	
+				<s:VGroup left="10" top="5" color="0x000000" horizontalAlign="center">
+					<s:ButtonBar id="myButtonBar" change="indexChangeHandler(event)"> 
+						<mx:ArrayCollection> 
+							<fx:String>Red</fx:String> 
+							<fx:String>Green</fx:String> 
+							<fx:String>Blue</fx:String> 
+							<fx:String>Yellow</fx:String> 
+						</mx:ArrayCollection> 
+					</s:ButtonBar> 
+					<s:TextArea id="myTextArea" width="{myButtonBar.width}" height="150"/>
+					<s:Button id="myButton" label="Reset Selection" click="resetButtonBar(event)"/>	
+					<s:Label id="txtColor" fontSize="16"/>	
+				</s:VGroup>
+			</s:HGroup>
+	</s:Panel>
+</s:Application>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/spark/controls/ButtonExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/controls/ButtonExample.mxml b/TourDeFlex/TourDeFlex3/src/spark/controls/ButtonExample.mxml
new file mode 100644
index 0000000..838c419
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/spark/controls/ButtonExample.mxml
@@ -0,0 +1,65 @@
+<?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.
+
+-->
+<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
+	xmlns:s="library://ns.adobe.com/flex/spark" 
+	xmlns:mx="library://ns.adobe.com/flex/mx" 
+	viewSourceURL="srcview/index.html">
+	
+	<fx:Script>
+		<![CDATA[
+			import flash.events.Event;
+			
+			protected function buttonClickHandler(event:Event):void
+			{
+				repeatText.text += event.target.label + " pressed!" + "\n";
+			}
+		]]>
+	</fx:Script>
+	
+	<!-- Note: A custom panel skin is used for the Tour de Flex samples and is included in the
+			   source tabs for each sample.	-->
+	<s:Panel width="100%" height="100%" 
+			 horizontalCenter="0" 
+			 title="Button Sample" 
+			 skinClass="skins.TDFPanelSkin">
+		
+		<s:HGroup left="5" top="5" width="100%" height="100%">
+		<s:Label width="50%" fontSize="13" color="0x323232"  verticalAlign="justify"
+					  text="The Button component is a commonly used rectangular button. The Button
+component looks like it can be pressed. The default skin has a text label."/>
+					  	
+			<s:VGroup right="10" bottom="5" color="0x000000" horizontalAlign="center">
+					<s:Label text="Output"/>
+					<s:TextArea id="repeatText" top="5" right="50" width="180" height="100"/>
+					<s:Button id="standardBtn" label="Standard Button" 
+							  click="buttonClickHandler(event)" 
+							  fontWeight="normal"/>
+					<s:Button id="disabledBtn" label="Disabled Button" enabled="false"/>
+					<s:Button id="repeatBtn" label="Repeat Button" 
+							  buttonDown="buttonClickHandler(event)"  
+							  autoRepeat="true"/>
+					<s:Label verticalAlign="justify" 
+								  text="Hold down on repeat button to see autoRepeat behavior."/>
+				
+			</s:VGroup>
+		</s:HGroup>
+	</s:Panel>
+	
+</s:Application>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/spark/controls/CheckboxExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/controls/CheckboxExample.mxml b/TourDeFlex/TourDeFlex3/src/spark/controls/CheckboxExample.mxml
new file mode 100644
index 0000000..77de6bb
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/spark/controls/CheckboxExample.mxml
@@ -0,0 +1,78 @@
+<?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.
+
+-->
+<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
+			   xmlns:s="library://ns.adobe.com/flex/spark" 
+			   xmlns:mx="library://ns.adobe.com/flex/mx"
+			   viewSourceURL="srcview/index.html">
+	
+	<fx:Script>
+		<![CDATA[
+			[Bindable]
+			public var totalCost:Number = 4.50;
+			
+			// This event handler adds/removes the cost of condiments to/from the total cost.
+			private function modifyBurger(evt:MouseEvent):void {
+				// Add 0.25 to the total cost for every condiment. Delete 0.25 for
+				// every condiment removed.
+				if(CheckBox(evt.target).selected) {
+					totalCost += 0.25;
+				} else {
+					totalCost -= 0.25;
+				}
+				// Format the totalCost and then display it in a label.
+				totalString.text = usdFormatter.format(totalCost);
+			}
+		]]>
+	</fx:Script>
+	<fx:Declarations>
+		<mx:CurrencyFormatter id="usdFormatter" precision="2" currencySymbol="$"
+							  decimalSeparatorFrom="." decimalSeparatorTo="." 
+							  useNegativeSign="true"
+							  useThousandsSeparator="true" alignSymbol="left"/>
+	</fx:Declarations>
+
+	<!-- Note: A custom panel skin is used for the Tour de Flex samples and is included in the
+	source tabs for each sample.	-->
+	<s:Panel title="CheckBox Sample"
+			 width="100%" height="100%" 
+			 skinClass="skins.TDFPanelSkin">
+		<s:VGroup left="10" right="10" top="10" bottom="10">
+			<s:Label text="Hamburger Base Price: $4.50" />
+			<s:Label text="Select condiments for your hamburger (0.25 each):" />
+			
+			<s:CheckBox id="lettuceCB" label="Pickles" click="modifyBurger(event);"/>
+			<s:CheckBox id="tomatoCB" label="Tomato" click="modifyBurger(event);"/>
+			<s:CheckBox id="pickleCB" label="Lettuce" click="modifyBurger(event);"/>
+			<s:CheckBox id="mayoCB" label="Mayonnaise" click="modifyBurger(event);"/>
+			
+			<mx:Spacer height="10" />
+			<s:HGroup>
+				<s:Label text="Total Price: " color="0x336699" fontWeight="bold"/>
+				<s:Label id="totalString" text="$4.50" color="0x336699" fontWeight="bold"/>
+			</s:HGroup>
+		</s:VGroup>
+		<s:Label top="10" right="10" width="250" verticalAlign="justify" color="#323232" 
+					  text="The CheckBox control is a commonly used graphical control that can
+contain a check mark or not. You can use CheckBox controls to gather a 
+set of true or false values that aren’t mutually exclusive."/>
+	</s:Panel>
+	
+	
+</s:Application>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/spark/controls/ColorPickerExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/controls/ColorPickerExample.mxml b/TourDeFlex/TourDeFlex3/src/spark/controls/ColorPickerExample.mxml
new file mode 100644
index 0000000..57a268c
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/spark/controls/ColorPickerExample.mxml
@@ -0,0 +1,49 @@
+<?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. -->
+<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"  
+			   xmlns:s="library://ns.adobe.com/flex/spark" 
+			   xmlns:mx="library://ns.adobe.com/flex/mx" 
+			   skinClass="TDFGradientBackgroundSkin">
+	
+	<s:layout>
+		<s:HorizontalLayout horizontalAlign="center" />
+	</s:layout>
+
+    <s:Panel title="ColorPicker Control Example" 
+			 width="600" height="100%"
+			 color="0x000000" 
+			 borderAlpha="0.15">
+		
+		<s:layout>
+			<s:VerticalLayout paddingLeft="10" paddingRight="10" paddingTop="10" paddingBottom="10"/>
+		</s:layout>
+        
+        <s:Label width="100%" color="0x000000"
+           text="Select the background color of the Skinnable container."/>
+		
+        <mx:ColorPicker id="cp" showTextField="true" selectedColor="0xFFFFFF"/>
+		
+		<s:SkinnableContainer width="100%" height="100%" backgroundColor="{cp.selectedColor}" />
+		
+        <s:Label color="0x000000" text="selectedColor: 0x{cp.selectedColor.toString(16)}"/> 
+    </s:Panel>
+	
+</s:Application>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/spark/controls/ComboBoxExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/controls/ComboBoxExample.mxml b/TourDeFlex/TourDeFlex3/src/spark/controls/ComboBoxExample.mxml
new file mode 100644
index 0000000..7276b06
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/spark/controls/ComboBoxExample.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.
+
+-->
+<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
+			   xmlns:s="library://ns.adobe.com/flex/spark" 
+			   xmlns:mx="library://ns.adobe.com/flex/mx">
+	
+	<fx:Script>
+		<![CDATA[
+			import mx.collections.ArrayCollection;
+			
+			import skins.TDFPanelSkin;
+		
+		[Bindable]
+		public var cards:ArrayCollection = new ArrayCollection(
+			[ {label:"Visa", data:1}, 
+			{label:"MasterCard", data:2}, 
+			{label:"American Express", data:3} ]);
+		
+		private function changeHandler(event:Event):void {
+		
+			myLabel.text = "You selected: " +  ComboBox(event.target).selectedItem.label;
+			myData.text = "Data: " +  ComboBox(event.target).selectedItem.data;
+		}     
+		]]>
+	</fx:Script>
+	
+	<s:Panel title="ComboBox Sample" skinClass="skins.TDFPanelSkin" 
+			  height="100%" width="100%">
+		
+		<s:HGroup top="20" horizontalCenter="0" >
+			<s:VGroup>
+				<s:Label  width="200" color="0x336699" text="Select credit card type:"/>
+				<s:ComboBox dataProvider="{cards}" width="150" color="0x000000"
+							change="changeHandler(event);" selectedIndex="0"/>
+					
+			</s:VGroup>
+			<mx:Spacer width="20"/>
+			<s:VGroup>
+				<s:Label id="myLabel" text="You selected:" fontWeight="bold"/>
+				<s:Label id="myData" text="Data:" fontWeight="bold"/>	
+			</s:VGroup>
+			
+		</s:HGroup> 
+		<s:Label color="#323232" width="75%" bottom="20" horizontalCenter="0"
+				 text="The ComboBox component is similar to a DropDownList but includes a TextInput instead of a Label. A user can type into the TextInput and the drop-down will scroll to and highlight the closest match.
+Users are allowed to type in an item not found in the dataProvider. With this behavior, a ComboBox acts as a list of suggested values, while a DropDownList acts as a list of possible values.  "/>
+			
+	</s:Panel>    
+</s:Application>


[17/51] [partial] Merged TourDeFlex release from develop

Posted by jm...@apache.org.
http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR20/SocketServer/SocketClient.as.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR20/SocketServer/SocketClient.as.html b/TourDeFlex/TourDeFlex/src/objects/AIR20/SocketServer/SocketClient.as.html
new file mode 100644
index 0000000..fa93516
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR20/SocketServer/SocketClient.as.html
@@ -0,0 +1,140 @@
+<!--
+  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.
+-->
+<!-- saved from url=(0014)about:internet -->
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+<title>SocketClient.as</title>
+<link rel="stylesheet" type="text/css" href="../SourceStyles.css"/>
+</head>
+
+<body><pre><span class="ActionScriptpackage">package</span> <span class="ActionScriptBracket/Brace">{</span>
+    <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">flash</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">events</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">ErrorEvent</span>;
+    <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">flash</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">events</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">Event</span>;
+    <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">flash</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">events</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">IOErrorEvent</span>;
+    <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">flash</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">events</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">ProgressEvent</span>;
+    <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">flash</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">net</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">Socket</span>;
+    <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">flash</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">utils</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">ByteArray</span>;
+    
+    <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">mx</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">controls</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">Alert</span>;
+    
+    <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">spark</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">components</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">TextArea</span>;
+    
+    <span class="ActionScriptReserved">public</span> <span class="ActionScriptclass">class</span> <span class="ActionScriptDefault_Text">SocketClient</span>
+    <span class="ActionScriptBracket/Brace">{</span>
+        <span class="ActionScriptReserved">private</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">serverURL</span>:<span class="ActionScriptDefault_Text">String</span>;
+        <span class="ActionScriptReserved">private</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">portNumber</span>:<span class="ActionScriptDefault_Text">int</span>;
+        <span class="ActionScriptReserved">private</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">socket</span>:<span class="ActionScriptDefault_Text">Socket</span>;
+        <span class="ActionScriptReserved">private</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">ta</span>:<span class="ActionScriptDefault_Text">TextArea</span>;
+        <span class="ActionScriptReserved">private</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">state</span>:<span class="ActionScriptDefault_Text">int</span> <span class="ActionScriptOperator">=</span> 0;
+        
+
+        <span class="ActionScriptReserved">public</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">SocketClient</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">server</span>:<span class="ActionScriptDefault_Text">String</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">port</span>:<span class="ActionScriptDefault_Text">int</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">output</span>:<span class="ActionScriptDefault_Text">TextArea</span><span class="ActionScriptBracket/Brace">)</span>
+        <span class="ActionScriptBracket/Brace">{</span>
+            <span class="ActionScriptDefault_Text">serverURL</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">server</span>;
+            <span class="ActionScriptDefault_Text">portNumber</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">port</span>;
+            <span class="ActionScriptDefault_Text">ta</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">output</span>;
+            
+            <span class="ActionScriptDefault_Text">socket</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">Socket</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
+            
+            <span class="ActionScriptReserved">try</span>
+            <span class="ActionScriptBracket/Brace">{</span>
+                <span class="ActionScriptDefault_Text">msg</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">"Connecting to "</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptDefault_Text">serverURL</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptString">":"</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptDefault_Text">portNumber</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptString">"\n"</span><span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptDefault_Text">socket</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">connect</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">serverURL</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">portNumber</span><span class="ActionScriptBracket/Brace">)</span>;
+            <span class="ActionScriptBracket/Brace">}</span>
+            <span class="ActionScriptReserved">catch</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">error</span>:<span class="ActionScriptDefault_Text">Error</span><span class="ActionScriptBracket/Brace">)</span>
+            <span class="ActionScriptBracket/Brace">{</span>
+                <span class="ActionScriptDefault_Text">msg</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">error</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">message</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptString">"\n"</span><span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptDefault_Text">socket</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">close</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
+            <span class="ActionScriptBracket/Brace">}</span>
+            <span class="ActionScriptDefault_Text">socket</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">addEventListener</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">Event</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">CONNECT</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">connectHandler</span><span class="ActionScriptBracket/Brace">)</span>;
+            <span class="ActionScriptDefault_Text">socket</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">addEventListener</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">Event</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">CLOSE</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">closeHandler</span><span class="ActionScriptBracket/Brace">)</span>;
+            <span class="ActionScriptDefault_Text">socket</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">addEventListener</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">ErrorEvent</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">ERROR</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">errorHandler</span><span class="ActionScriptBracket/Brace">)</span>;
+            <span class="ActionScriptDefault_Text">socket</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">addEventListener</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">IOErrorEvent</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">IO_ERROR</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">ioErrorHandler</span><span class="ActionScriptBracket/Brace">)</span>;
+            <span class="ActionScriptDefault_Text">socket</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">addEventListener</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">ProgressEvent</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">SOCKET_DATA</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">dataHandler</span><span class="ActionScriptBracket/Brace">)</span>;
+            
+        <span class="ActionScriptBracket/Brace">}</span>
+        
+        <span class="ActionScriptReserved">public</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">closeSocket</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
+        <span class="ActionScriptBracket/Brace">{</span>
+            <span class="ActionScriptReserved">try</span> <span class="ActionScriptBracket/Brace">{</span>
+                <span class="ActionScriptDefault_Text">socket</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">flush</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptDefault_Text">socket</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">close</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
+            <span class="ActionScriptBracket/Brace">}</span>
+            <span class="ActionScriptReserved">catch</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">error</span>:<span class="ActionScriptDefault_Text">Error</span><span class="ActionScriptBracket/Brace">)</span>
+            <span class="ActionScriptBracket/Brace">{</span>
+                <span class="ActionScriptDefault_Text">msg</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">error</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">message</span><span class="ActionScriptBracket/Brace">)</span>;
+            <span class="ActionScriptBracket/Brace">}</span>
+        <span class="ActionScriptBracket/Brace">}</span>
+        
+        <span class="ActionScriptReserved">public</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">writeToSocket</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">ba</span>:<span class="ActionScriptDefault_Text">ByteArray</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
+        <span class="ActionScriptBracket/Brace">{</span>
+            <span class="ActionScriptReserved">try</span> <span class="ActionScriptBracket/Brace">{</span>
+                <span class="ActionScriptDefault_Text">socket</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">writeBytes</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">ba</span><span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptDefault_Text">socket</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">flush</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
+            <span class="ActionScriptBracket/Brace">}</span>
+            <span class="ActionScriptReserved">catch</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">error</span>:<span class="ActionScriptDefault_Text">Error</span><span class="ActionScriptBracket/Brace">)</span>
+            <span class="ActionScriptBracket/Brace">{</span>
+                <span class="ActionScriptDefault_Text">msg</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">error</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">message</span><span class="ActionScriptBracket/Brace">)</span>;
+                
+            <span class="ActionScriptBracket/Brace">}</span>
+        <span class="ActionScriptBracket/Brace">}</span>
+    
+        <span class="ActionScriptReserved">private</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">msg</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">value</span>:<span class="ActionScriptDefault_Text">String</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
+        <span class="ActionScriptBracket/Brace">{</span>
+            <span class="ActionScriptDefault_Text">ta</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span> <span class="ActionScriptOperator">+=</span> <span class="ActionScriptDefault_Text">value</span><span class="ActionScriptOperator">+</span> <span class="ActionScriptString">"\n"</span>;
+            <span class="ActionScriptDefault_Text">setScroll</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
+        <span class="ActionScriptBracket/Brace">}</span>
+        
+        <span class="ActionScriptReserved">public</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">setScroll</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
+        <span class="ActionScriptBracket/Brace">{</span>
+            <span class="ActionScriptDefault_Text">ta</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">scrollToRange</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">ta</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">y</span><span class="ActionScriptOperator">+</span>20<span class="ActionScriptBracket/Brace">)</span>;
+        <span class="ActionScriptBracket/Brace">}</span>
+        
+        <span class="ActionScriptReserved">public</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">connectHandler</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">e</span>:<span class="ActionScriptDefault_Text">Event</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
+        <span class="ActionScriptBracket/Brace">{</span>
+            <span class="ActionScriptDefault_Text">msg</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">"Socket Connected"</span><span class="ActionScriptBracket/Brace">)</span>;
+        <span class="ActionScriptBracket/Brace">}</span>
+        
+        <span class="ActionScriptReserved">public</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">closeHandler</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">e</span>:<span class="ActionScriptDefault_Text">Event</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
+        <span class="ActionScriptBracket/Brace">{</span>
+            <span class="ActionScriptDefault_Text">msg</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">"Socket Closed"</span><span class="ActionScriptBracket/Brace">)</span>;
+        <span class="ActionScriptBracket/Brace">}</span>
+        
+        <span class="ActionScriptReserved">public</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">errorHandler</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">e</span>:<span class="ActionScriptDefault_Text">ErrorEvent</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
+        <span class="ActionScriptBracket/Brace">{</span>
+            <span class="ActionScriptDefault_Text">msg</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">"Error "</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptDefault_Text">e</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span><span class="ActionScriptBracket/Brace">)</span>;
+        <span class="ActionScriptBracket/Brace">}</span>
+        
+        <span class="ActionScriptReserved">public</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">ioErrorHandler</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">e</span>:<span class="ActionScriptDefault_Text">IOErrorEvent</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
+        <span class="ActionScriptBracket/Brace">{</span>
+            <span class="ActionScriptDefault_Text">msg</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">"IO Error "</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptDefault_Text">e</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptString">" check to make sure the socket server is running."</span><span class="ActionScriptBracket/Brace">)</span>;
+        <span class="ActionScriptBracket/Brace">}</span>
+        
+        <span class="ActionScriptReserved">public</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">dataHandler</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">e</span>:<span class="ActionScriptDefault_Text">ProgressEvent</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
+        <span class="ActionScriptBracket/Brace">{</span>
+            <span class="ActionScriptDefault_Text">msg</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">"Data Received - total bytes "</span> <span class="ActionScriptOperator">+</span><span class="ActionScriptDefault_Text">e</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">bytesTotal</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptString">" "</span><span class="ActionScriptBracket/Brace">)</span>;
+            <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">bytes</span>:<span class="ActionScriptDefault_Text">ByteArray</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">ByteArray</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
+            <span class="ActionScriptDefault_Text">socket</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">readBytes</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">bytes</span><span class="ActionScriptBracket/Brace">)</span>;
+            <span class="ActionScriptDefault_Text">msg</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">"Bytes received "</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptDefault_Text">bytes</span><span class="ActionScriptBracket/Brace">)</span>;
+            <span class="ActionScripttrace">trace</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">bytes</span><span class="ActionScriptBracket/Brace">)</span>;
+        <span class="ActionScriptBracket/Brace">}</span>
+    <span class="ActionScriptBracket/Brace">}</span>
+<span class="ActionScriptBracket/Brace">}</span>
+</pre></body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR20/SocketServer/SocketClientSample.mxml.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR20/SocketServer/SocketClientSample.mxml.html b/TourDeFlex/TourDeFlex/src/objects/AIR20/SocketServer/SocketClientSample.mxml.html
new file mode 100644
index 0000000..b1c6efd
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR20/SocketServer/SocketClientSample.mxml.html
@@ -0,0 +1,95 @@
+<!--
+  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.
+-->
+<!-- saved from url=(0014)about:internet -->
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+<title>SocketClientSample.mxml</title>
+<link rel="stylesheet" type="text/css" href="../SourceStyles.css"/>
+</head>
+
+<body><pre><span class="MXMLProcessing_Instruction">&lt;?xml version="1.0" encoding="utf-8"?&gt;</span>
+<span class="MXMLComponent_Tag">&lt;s:WindowedApplication</span><span class="MXMLDefault_Text"> xmlns:fx="</span><span class="MXMLString">http://ns.adobe.com/mxml/2009</span><span class="MXMLDefault_Text">" 
+                       xmlns:s="</span><span class="MXMLString">library://ns.adobe.com/flex/spark</span><span class="MXMLDefault_Text">" 
+                       xmlns:mx="</span><span class="MXMLString">library://ns.adobe.com/flex/mx</span><span class="MXMLDefault_Text">" 
+                       styleName="</span><span class="MXMLString">plain</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" height="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+    
+    <span class="MXMLSpecial_Tag">&lt;fx:Script&gt;</span>
+        &lt;![CDATA[
+            <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">flash</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">utils</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">ByteArray</span>;
+            <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">mx</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">controls</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">Alert</span>;
+            
+            <span class="ActionScriptReserved">private</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">client</span>:<span class="ActionScriptDefault_Text">SocketClient</span>; <span class="ActionScriptComment">// source code included in SocketClient.as
+</span>            
+            <span class="ActionScriptReserved">private</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">connect</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
+            <span class="ActionScriptBracket/Brace">{</span>
+                <span class="ActionScriptDefault_Text">client</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">SocketClient</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">server</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">int</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">port</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span><span class="ActionScriptBracket/Brace">)</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">log</span><span class="ActionScriptBracket/Brace">)</span>;
+            <span class="ActionScriptBracket/Brace">}</span>
+            
+            <span class="ActionScriptReserved">private</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">sendBytes</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
+            <span class="ActionScriptBracket/Brace">{</span>
+                <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">bytes</span>:<span class="ActionScriptDefault_Text">ByteArray</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">ByteArray</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptDefault_Text">bytes</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">writeUTFBytes</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">command</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptString">"\n"</span><span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptReserved">if</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">client</span> <span class="ActionScriptOperator">!=</span> <span class="ActionScriptReserved">null</span><span class="ActionScriptBracket/Brace">)</span>
+                <span class="ActionScriptBracket/Brace">{</span>
+                    <span class="ActionScripttrace">trace</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">"Writing to socket"</span><span class="ActionScriptBracket/Brace">)</span>;
+                    <span class="ActionScriptDefault_Text">client</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">writeToSocket</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">bytes</span><span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptBracket/Brace">}</span>
+                <span class="ActionScriptReserved">else</span>
+                <span class="ActionScriptBracket/Brace">{</span>    
+                    <span class="ActionScriptDefault_Text">connect</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
+                    <span class="ActionScriptDefault_Text">sendBytes</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptBracket/Brace">}</span>
+                <span class="ActionScriptDefault_Text">command</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptString">""</span>;
+                
+            <span class="ActionScriptBracket/Brace">}</span>
+        <span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptOperator">&gt;</span>
+    <span class="MXMLSpecial_Tag">&lt;/fx:Script&gt;</span>
+    
+    <span class="MXMLComponent_Tag">&lt;s:VGroup</span><span class="MXMLDefault_Text"> paddingLeft="</span><span class="MXMLString">6</span><span class="MXMLDefault_Text">" paddingTop="</span><span class="MXMLString">6</span><span class="MXMLDefault_Text">" paddingBottom="</span><span class="MXMLString">6</span><span class="MXMLDefault_Text">" paddingRight="</span><span class="MXMLString">6</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;s:HGroup</span><span class="MXMLDefault_Text"> left="</span><span class="MXMLString">8</span><span class="MXMLDefault_Text">" top="</span><span class="MXMLString">5</span><span class="MXMLDefault_Text">" verticalAlign="</span><span class="MXMLString">middle</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;s:Label</span><span class="MXMLDefault_Text"> text="</span><span class="MXMLString">Server:</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;s:TextInput</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">server</span><span class="MXMLDefault_Text">" text="</span><span class="MXMLString">localhost</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;s:Label</span><span class="MXMLDefault_Text"> text="</span><span class="MXMLString">Port #:</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;s:TextInput</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">port</span><span class="MXMLDefault_Text">" text="</span><span class="MXMLString">1235</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;s:Button</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">go</span><span class="MXMLDefault_Text">" label="</span><span class="MXMLString">Connect</span><span class="MXMLDefault_Text">" click="</span><span class="ActionScriptDefault_Text">connect</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>    
+            <span class="MXMLComponent_Tag">&lt;s:Button</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">closeSocket</span><span class="MXMLDefault_Text">" label="</span><span class="MXMLString">Disconnect</span><span class="MXMLDefault_Text">" click="</span><span class="ActionScriptDefault_Text">client</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">closeSocket</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;/s:HGroup&gt;</span>
+        
+        <span class="MXMLComponent_Tag">&lt;s:VGroup</span><span class="MXMLDefault_Text"> left="</span><span class="MXMLString">8</span><span class="MXMLDefault_Text">" top="</span><span class="MXMLString">40</span><span class="MXMLDefault_Text">"  horizontalAlign="</span><span class="MXMLString">left</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;s:Label</span><span class="MXMLDefault_Text"> text="</span><span class="MXMLString">Enter text to send to the socket server and press send:</span><span class="MXMLDefault_Text">" fontSize="</span><span class="MXMLString">12</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;s:HGroup&gt;</span>
+                <span class="MXMLComponent_Tag">&lt;s:TextInput</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">command</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">300</span><span class="MXMLDefault_Text">" enter="</span><span class="ActionScriptDefault_Text">sendBytes</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+                <span class="MXMLComponent_Tag">&lt;s:Button</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">send</span><span class="MXMLDefault_Text">" label="</span><span class="MXMLString">Send</span><span class="MXMLDefault_Text">" click="</span><span class="ActionScriptDefault_Text">sendBytes</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>    
+            <span class="MXMLComponent_Tag">&lt;/s:HGroup&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;/s:VGroup&gt;</span>
+        
+        <span class="MXMLComponent_Tag">&lt;s:Label</span><span class="MXMLDefault_Text"> width="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" verticalAlign="</span><span class="MXMLString">justify</span><span class="MXMLDefault_Text">" color="</span><span class="MXMLString">#323232</span><span class="MXMLDefault_Text">" bottom="</span><span class="MXMLString">9</span><span class="MXMLDefault_Text">" horizontalCenter="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">"
+                 text="</span><span class="MXMLString">The ServerSocket class allows code to act as a server for Transport Control Protocol (TCP) connections. A TCP server
+listens for incoming connections from remote clients. When a client attempts to connect, the ServerSocket dispatches a connect event. Run
+the SocketServerSample application first and click 'Listen' to start listening on the server and port information above. When data is sent 
+from the client it will show up in the log running the socket server app.</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+        
+        <span class="MXMLComponent_Tag">&lt;s:VGroup</span><span class="MXMLDefault_Text"> top="</span><span class="MXMLString">88</span><span class="MXMLDefault_Text">" left="</span><span class="MXMLString">8</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;s:Label</span><span class="MXMLDefault_Text"> text="</span><span class="MXMLString">Console:</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;s:TextArea</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">log</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">600</span><span class="MXMLDefault_Text">" height="</span><span class="MXMLString">70</span><span class="MXMLDefault_Text">" editable="</span><span class="MXMLString">false</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;/s:VGroup&gt;</span>
+    <span class="MXMLComponent_Tag">&lt;/s:VGroup&gt;</span>
+
+<span class="MXMLComponent_Tag">&lt;/s:WindowedApplication&gt;</span></pre></body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR20/SocketServer/SocketServerSample.mxml.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR20/SocketServer/SocketServerSample.mxml.html b/TourDeFlex/TourDeFlex/src/objects/AIR20/SocketServer/SocketServerSample.mxml.html
new file mode 100644
index 0000000..c7eed0f
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR20/SocketServer/SocketServerSample.mxml.html
@@ -0,0 +1,116 @@
+<!--
+  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.
+-->
+<!-- saved from url=(0014)about:internet -->
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+<title>SocketServerSample.mxml</title>
+<link rel="stylesheet" type="text/css" href="../SourceStyles.css"/>
+</head>
+
+<body><pre><span class="MXMLProcessing_Instruction">&lt;?xml version="1.0" encoding="utf-8"?&gt;</span>
+<span class="MXMLComponent_Tag">&lt;s:WindowedApplication</span><span class="MXMLDefault_Text"> xmlns:fx="</span><span class="MXMLString">http://ns.adobe.com/mxml/2009</span><span class="MXMLDefault_Text">"
+                       xmlns:s="</span><span class="MXMLString">library://ns.adobe.com/flex/spark</span><span class="MXMLDefault_Text">"
+                       xmlns:mx="</span><span class="MXMLString">library://ns.adobe.com/flex/mx</span><span class="MXMLDefault_Text">"
+                       styleName="</span><span class="MXMLString">plain</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" height="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+    
+    <span class="MXMLSpecial_Tag">&lt;fx:Script&gt;</span>
+        &lt;![CDATA[
+            <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">flash</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">events</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">Event</span>;
+            <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">flash</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">events</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">MouseEvent</span>;
+            <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">flash</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">events</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">ProgressEvent</span>;
+            <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">flash</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">events</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">ServerSocketConnectEvent</span>;
+            <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">flash</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">net</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">ServerSocket</span>;
+            <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">flash</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">net</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">Socket</span>;
+            <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">flash</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">utils</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">ByteArray</span>;
+            
+            <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">mx</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">controls</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">Alert</span>;
+            
+            <span class="ActionScriptReserved">private</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">serverSocket</span>:<span class="ActionScriptDefault_Text">ServerSocket</span>;
+            
+            <span class="ActionScriptReserved">private</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">listen</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
+            <span class="ActionScriptBracket/Brace">{</span>
+                <span class="ActionScriptReserved">try</span>
+                <span class="ActionScriptBracket/Brace">{</span>
+                    <span class="ActionScriptDefault_Text">serverSocket</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">ServerSocket</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
+                    <span class="ActionScriptDefault_Text">serverSocket</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">addEventListener</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">Event</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">CONNECT</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">socketConnectHandler</span><span class="ActionScriptBracket/Brace">)</span>;
+                    <span class="ActionScriptDefault_Text">serverSocket</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">addEventListener</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">Event</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">CLOSE</span><span class="ActionScriptOperator">,</span><span class="ActionScriptDefault_Text">socketCloseHandler</span><span class="ActionScriptBracket/Brace">)</span>;
+                    <span class="ActionScriptDefault_Text">serverSocket</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">bind</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">Number</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">port</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span><span class="ActionScriptBracket/Brace">)</span><span class="ActionScriptBracket/Brace">)</span>;
+                    <span class="ActionScriptDefault_Text">serverSocket</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">listen</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
+                    <span class="ActionScriptDefault_Text">log</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span> <span class="ActionScriptOperator">+=</span> <span class="ActionScriptString">"Listening on port "</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptDefault_Text">port</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptString">"...\n"</span>;
+                <span class="ActionScriptBracket/Brace">}</span>
+                <span class="ActionScriptReserved">catch</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">error</span>:<span class="ActionScriptDefault_Text">Error</span><span class="ActionScriptBracket/Brace">)</span>
+                <span class="ActionScriptBracket/Brace">{</span>
+                    <span class="ActionScriptDefault_Text">Alert</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">show</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptString">"Port "</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptDefault_Text">port</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptString">" may be in use. Enter another port number and try again.\n("</span> <span class="ActionScriptOperator">+</span>
+                        <span class="ActionScriptDefault_Text">error</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">message</span> <span class="ActionScriptOperator">+</span><span class="ActionScriptString">")"</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptString">"Error"</span><span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptBracket/Brace">}</span>
+            <span class="ActionScriptBracket/Brace">}</span>
+            
+            <span class="ActionScriptReserved">private</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">socketConnectHandler</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">event</span>:<span class="ActionScriptDefault_Text">ServerSocketConnectEvent</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
+            <span class="ActionScriptBracket/Brace">{</span>
+                <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">socket</span>:<span class="ActionScriptDefault_Text">Socket</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">event</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">socket</span>;
+                <span class="ActionScriptDefault_Text">socket</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">addEventListener</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">ProgressEvent</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">SOCKET_DATA</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptDefault_Text">socketDataHandler</span><span class="ActionScriptBracket/Brace">)</span>;
+            <span class="ActionScriptBracket/Brace">}</span>
+            
+            <span class="ActionScriptReserved">private</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">socketDataHandler</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">event</span>:<span class="ActionScriptDefault_Text">ProgressEvent</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
+            <span class="ActionScriptBracket/Brace">{</span>
+                <span class="ActionScriptReserved">try</span>
+                <span class="ActionScriptBracket/Brace">{</span>
+                    <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">socket</span>:<span class="ActionScriptDefault_Text">Socket</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">event</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">target</span> <span class="ActionScriptReserved">as</span> <span class="ActionScriptDefault_Text">Socket</span>;
+                    <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">bytes</span>:<span class="ActionScriptDefault_Text">ByteArray</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptReserved">new</span> <span class="ActionScriptDefault_Text">ByteArray</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
+                    <span class="ActionScriptDefault_Text">socket</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">readBytes</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">bytes</span><span class="ActionScriptBracket/Brace">)</span>;
+                    <span class="ActionScriptDefault_Text">log</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span> <span class="ActionScriptOperator">+=</span> <span class="ActionScriptString">""</span><span class="ActionScriptOperator">+</span><span class="ActionScriptDefault_Text">bytes</span>;
+                    <span class="ActionScriptDefault_Text">socket</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">flush</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptBracket/Brace">}</span>
+                <span class="ActionScriptReserved">catch</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">error</span>:<span class="ActionScriptDefault_Text">Error</span><span class="ActionScriptBracket/Brace">)</span>
+                <span class="ActionScriptBracket/Brace">{</span>
+                    <span class="ActionScriptDefault_Text">Alert</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">show</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">error</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">message</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptString">"Error"</span><span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptBracket/Brace">}</span>
+            <span class="ActionScriptBracket/Brace">}</span>
+            
+            <span class="ActionScriptReserved">protected</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">buttonClose_clickHandler</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">event</span>:<span class="ActionScriptDefault_Text">MouseEvent</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
+            <span class="ActionScriptBracket/Brace">{</span>
+                <span class="ActionScriptReserved">try</span> <span class="ActionScriptBracket/Brace">{</span>
+                    <span class="ActionScriptDefault_Text">serverSocket</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">close</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptBracket/Brace">}</span>
+                <span class="ActionScriptReserved">catch</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">error</span>:<span class="ActionScriptDefault_Text">Error</span><span class="ActionScriptBracket/Brace">)</span>
+                <span class="ActionScriptBracket/Brace">{</span>
+                    <span class="ActionScriptDefault_Text">Alert</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">show</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">error</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">message</span><span class="ActionScriptOperator">,</span> <span class="ActionScriptString">"Error on close"</span><span class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptBracket/Brace">}</span>
+            <span class="ActionScriptBracket/Brace">}</span>
+            <span class="ActionScriptReserved">protected</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">socketCloseHandler</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">e</span>:<span class="ActionScriptDefault_Text">Event</span><span class="ActionScriptBracket/Brace">)</span>:<span class="ActionScriptReserved">void</span>
+            <span class="ActionScriptBracket/Brace">{</span>
+                <span class="ActionScriptDefault_Text">log</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span> <span class="ActionScriptOperator">+=</span> <span class="ActionScriptString">"Socket Closed"</span>;
+            <span class="ActionScriptBracket/Brace">}</span>
+
+        <span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptBracket/Brace">]</span><span class="ActionScriptOperator">&gt;</span>
+    <span class="MXMLSpecial_Tag">&lt;/fx:Script&gt;</span>
+    
+    <span class="MXMLComponent_Tag">&lt;s:VGroup</span><span class="MXMLDefault_Text"> paddingTop="</span><span class="MXMLString">8</span><span class="MXMLDefault_Text">" paddingLeft="</span><span class="MXMLString">8</span><span class="MXMLDefault_Text">" paddingRight="</span><span class="MXMLString">8</span><span class="MXMLDefault_Text">" paddingBottom="</span><span class="MXMLString">8</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;s:HGroup</span><span class="MXMLDefault_Text"> verticalAlign="</span><span class="MXMLString">middle</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;s:Label</span><span class="MXMLDefault_Text"> text="</span><span class="MXMLString">Port:</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;s:TextInput</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">port</span><span class="MXMLDefault_Text">" text="</span><span class="MXMLString">8888</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">50</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;s:Button</span><span class="MXMLDefault_Text"> label="</span><span class="MXMLString">Listen</span><span class="MXMLDefault_Text">" click="</span><span class="ActionScriptDefault_Text">listen</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptBracket/Brace">)</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;s:Button</span><span class="MXMLDefault_Text"> label="</span><span class="MXMLString">Close Socket</span><span class="MXMLDefault_Text">" click="</span><span class="ActionScriptDefault_Text">buttonClose_clickHandler</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">event</span><span class="ActionScriptBracket/Brace">)</span><span class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;/s:HGroup&gt;</span>
+        
+        <span class="MXMLComponent_Tag">&lt;s:TextArea</span><span class="MXMLDefault_Text"> id="</span><span class="MXMLString">log</span><span class="MXMLDefault_Text">" width="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" height="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">" </span><span class="MXMLComponent_Tag">/&gt;</span>
+    <span class="MXMLComponent_Tag">&lt;/s:VGroup&gt;</span>
+    
+<span class="MXMLComponent_Tag">&lt;/s:WindowedApplication&gt;</span></pre></body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR20/SocketServer/srcview/Sample-AIR2-SocketServer/src/SocketClient.as
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR20/SocketServer/srcview/Sample-AIR2-SocketServer/src/SocketClient.as b/TourDeFlex/TourDeFlex/src/objects/AIR20/SocketServer/srcview/Sample-AIR2-SocketServer/src/SocketClient.as
new file mode 100644
index 0000000..4c343b6
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR20/SocketServer/srcview/Sample-AIR2-SocketServer/src/SocketClient.as
@@ -0,0 +1,131 @@
+////////////////////////////////////////////////////////////////////////////////
+//
+//  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.
+//
+////////////////////////////////////////////////////////////////////////////////
+package {
+	import flash.events.ErrorEvent;
+	import flash.events.Event;
+	import flash.events.IOErrorEvent;
+	import flash.events.ProgressEvent;
+	import flash.net.Socket;
+	import flash.utils.ByteArray;
+	
+	import mx.controls.Alert;
+	
+	import spark.components.TextArea;
+	
+	public class SocketClient
+	{
+		private var serverURL:String;
+		private var portNumber:int;
+		private var socket:Socket;
+		private var ta:TextArea;
+		private var state:int = 0;
+		
+
+		public function SocketClient(server:String, port:int, output:TextArea)
+		{
+			serverURL = server;
+			portNumber = port;
+			ta = output;
+			
+			socket = new Socket();
+			
+			try
+			{
+				msg("Connecting to " + serverURL + ":" + portNumber + "\n");
+				socket.connect(serverURL, portNumber);
+			}
+			catch (error:Error)
+			{
+				msg(error.message + "\n");
+				socket.close();
+			}
+			socket.addEventListener(Event.CONNECT, connectHandler);
+			socket.addEventListener(Event.CLOSE, closeHandler);
+			socket.addEventListener(ErrorEvent.ERROR, errorHandler);
+			socket.addEventListener(IOErrorEvent.IO_ERROR, ioErrorHandler);
+			socket.addEventListener(ProgressEvent.SOCKET_DATA, dataHandler);
+			
+		}
+		
+		public function closeSocket():void
+		{
+			try {
+				socket.flush();
+				socket.close();
+			}
+			catch (error:Error)
+			{
+				msg(error.message);
+			}
+		}
+		
+		public function writeToSocket(ba:ByteArray):void
+		{
+			try {
+				socket.writeBytes(ba);
+				socket.flush();
+			}
+			catch (error:Error)
+			{
+				msg(error.message);
+				
+			}
+		}
+	
+		private function msg(value:String):void
+		{
+			ta.text += value+ "\n";
+			setScroll();
+		}
+		
+		public function setScroll():void
+		{
+			ta.scrollToRange(ta.y+20);
+		}
+		
+		public function connectHandler(e:Event):void
+		{
+			msg("Socket Connected");
+		}
+		
+		public function closeHandler(e:Event):void
+		{
+			msg("Socket Closed");
+		}
+		
+		public function errorHandler(e:ErrorEvent):void
+		{
+			msg("Error " + e.text);
+		}
+		
+		public function ioErrorHandler(e:IOErrorEvent):void
+		{
+			msg("IO Error " + e.text + " check to make sure the socket server is running.");
+		}
+		
+		public function dataHandler(e:ProgressEvent):void
+		{
+			msg("Data Received - total bytes " +e.bytesTotal + " ");
+			var bytes:ByteArray = new ByteArray();
+			socket.readBytes(bytes);
+			msg("Bytes received " + bytes);
+			trace(bytes);
+		}
+	}
+}

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR20/SocketServer/srcview/Sample-AIR2-SocketServer/src/SocketClientSample-app.xml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR20/SocketServer/srcview/Sample-AIR2-SocketServer/src/SocketClientSample-app.xml b/TourDeFlex/TourDeFlex/src/objects/AIR20/SocketServer/srcview/Sample-AIR2-SocketServer/src/SocketClientSample-app.xml
new file mode 100755
index 0000000..8f46d6f
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR20/SocketServer/srcview/Sample-AIR2-SocketServer/src/SocketClientSample-app.xml
@@ -0,0 +1,156 @@
+<?xml version="1.0" encoding="utf-8" standalone="no"?>
+<!--
+
+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.
+
+-->
+<application xmlns="http://ns.adobe.com/air/application/2.0">
+
+<!-- Adobe AIR Application Descriptor File Template.
+
+	Specifies parameters for identifying, installing, and launching AIR applications.
+
+	xmlns - The Adobe AIR namespace: http://ns.adobe.com/air/application/2.0beta2
+			The last segment of the namespace specifies the version 
+			of the AIR runtime required for this application to run.
+			
+	minimumPatchLevel - The minimum patch level of the AIR runtime required to run 
+			the application. Optional.
+-->
+
+	<!-- The application identifier string, unique to this application. Required. -->
+	<id>SocketClientSample</id>
+
+	<!-- Used as the filename for the application. Required. -->
+	<filename>SocketClientSample</filename>
+
+	<!-- The name that is displayed in the AIR application installer. 
+	     May have multiple values for each language. See samples or xsd schema file. Optional. -->
+	<name>SocketClientSample</name>
+
+	<!-- An application version designator (such as "v1", "2.5", or "Alpha 1"). Required. -->
+	<version>v1</version>
+
+	<!-- Description, displayed in the AIR application installer.
+	     May have multiple values for each language. See samples or xsd schema file. Optional. -->
+	<!-- <description></description> -->
+
+	<!-- Copyright information. Optional -->
+	<!-- <copyright></copyright> -->
+
+	<!-- Publisher ID. Used if you're updating an application created prior to 1.5.3 -->
+	<!-- <publisherID></publisherID> -->
+
+	<!-- Settings for the application's initial window. Required. -->
+	<initialWindow>
+		<!-- The main SWF or HTML file of the application. Required. -->
+		<!-- Note: In Flash Builder, the SWF reference is set automatically. -->
+		<content>[This value will be overwritten by Flash Builder in the output app.xml]</content>
+		
+		<!-- The title of the main window. Optional. -->
+		<!-- <title></title> -->
+
+		<!-- The type of system chrome to use (either "standard" or "none"). Optional. Default standard. -->
+		<!-- <systemChrome></systemChrome> -->
+
+		<!-- Whether the window is transparent. Only applicable when systemChrome is none. Optional. Default false. -->
+		<!-- <transparent></transparent> -->
+
+		<!-- Whether the window is initially visible. Optional. Default false. -->
+		<!-- <visible></visible> -->
+
+		<!-- Whether the user can minimize the window. Optional. Default true. -->
+		<!-- <minimizable></minimizable> -->
+
+		<!-- Whether the user can maximize the window. Optional. Default true. -->
+		<!-- <maximizable></maximizable> -->
+
+		<!-- Whether the user can resize the window. Optional. Default true. -->
+		<!-- <resizable></resizable> -->
+
+		<!-- The window's initial width in pixels. Optional. -->
+		<!-- <width></width> -->
+
+		<!-- The window's initial height in pixels. Optional. -->
+		<!-- <height></height> -->
+
+		<!-- The window's initial x position. Optional. -->
+		<!-- <x></x> -->
+
+		<!-- The window's initial y position. Optional. -->
+		<!-- <y></y> -->
+
+		<!-- The window's minimum size, specified as a width/height pair in pixels, such as "400 200". Optional. -->
+		<!-- <minSize></minSize> -->
+
+		<!-- The window's initial maximum size, specified as a width/height pair in pixels, such as "1600 1200". Optional. -->
+		<!-- <maxSize></maxSize> -->
+	</initialWindow>
+
+	<!-- The subpath of the standard default installation location to use. Optional. -->
+	<!-- <installFolder></installFolder> -->
+
+	<!-- The subpath of the Programs menu to use. (Ignored on operating systems without a Programs menu.) Optional. -->
+	<!-- <programMenuFolder></programMenuFolder> -->
+
+	<!-- The icon the system uses for the application. For at least one resolution,
+		 specify the path to a PNG file included in the AIR package. Optional. -->
+	<!-- <icon>
+		<image16x16></image16x16>
+		<image32x32></image32x32>
+		<image48x48></image48x48>
+		<image128x128></image128x128>
+	</icon> -->
+
+	<!-- Whether the application handles the update when a user double-clicks an update version
+	of the AIR file (true), or the default AIR application installer handles the update (false).
+	Optional. Default false. -->
+	<!-- <customUpdateUI></customUpdateUI> -->
+	
+	<!-- Whether the application can be launched when the user clicks a link in a web browser.
+	Optional. Default false. -->
+	<!-- <allowBrowserInvocation></allowBrowserInvocation> -->
+
+	<!-- Listing of file types for which the application can register. Optional. -->
+	<!-- <fileTypes> -->
+
+		<!-- Defines one file type. Optional. -->
+		<!-- <fileType> -->
+
+			<!-- The name that the system displays for the registered file type. Required. -->
+			<!-- <name></name> -->
+
+			<!-- The extension to register. Required. -->
+			<!-- <extension></extension> -->
+			
+			<!-- The description of the file type. Optional. -->
+			<!-- <description></description> -->
+			
+			<!-- The MIME content type. -->
+			<!-- <contentType></contentType> -->
+			
+			<!-- The icon to display for the file type. Optional. -->
+			<!-- <icon>
+				<image16x16></image16x16>
+				<image32x32></image32x32>
+				<image48x48></image48x48>
+				<image128x128></image128x128>
+			</icon> -->
+			
+		<!-- </fileType> -->
+	<!-- </fileTypes> -->
+
+</application>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR20/SocketServer/srcview/Sample-AIR2-SocketServer/src/SocketClientSample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR20/SocketServer/srcview/Sample-AIR2-SocketServer/src/SocketClientSample.mxml b/TourDeFlex/TourDeFlex/src/objects/AIR20/SocketServer/srcview/Sample-AIR2-SocketServer/src/SocketClientSample.mxml
new file mode 100644
index 0000000..7f35bc5
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR20/SocketServer/srcview/Sample-AIR2-SocketServer/src/SocketClientSample.mxml
@@ -0,0 +1,90 @@
+<?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.
+
+-->
+<mx:Module xmlns:fx="http://ns.adobe.com/mxml/2009" 
+					   xmlns:s="library://ns.adobe.com/flex/spark" 
+					   xmlns:mx="library://ns.adobe.com/flex/mx" 
+					   styleName="plain" width="100%" height="100%">
+	
+	<fx:Script>
+		<![CDATA[
+			import flash.utils.ByteArray;
+			import mx.controls.Alert;
+			
+			private var client:SocketClient; // source code included in SocketClient.as
+			
+			private function connect():void
+			{
+				client = new SocketClient(server.text, int(port.text), log);
+			}
+			
+			private function sendBytes():void
+			{
+				var bytes:ByteArray = new ByteArray();
+				bytes.writeUTFBytes(command.text + "\n");
+				if (client != null)
+				{
+					trace("Writing to socket");
+					client.writeToSocket(bytes);
+				}
+				else
+				{	
+					
+					connect();
+					sendBytes();
+				}
+				command.text = "";
+				
+			}
+		]]>
+	</fx:Script>
+	
+	<s:VGroup paddingLeft="6" paddingTop="6" paddingBottom="6" paddingRight="6">
+		<s:HGroup left="8" top="5" verticalAlign="middle">
+			<s:Label text="Server:"/>
+			<s:TextInput id="server" text="localhost"/>
+			<s:Label text="Port #:"/>
+			<s:TextInput id="port" text="1235"/>
+			<s:Button id="go" label="Connect" click="connect()"/>	
+			<s:Button id="closeSocket" label="Disconnect" click="client.closeSocket()"/>
+		</s:HGroup>
+		
+		<s:VGroup left="8" top="40" >
+			<s:Label text="Enter text to send to the socket server and press send:" fontSize="12"/>
+			<s:HGroup>
+				<s:TextInput id="command" width="300" enter="sendBytes()"/>
+				<s:Button id="send" label="Send" click="sendBytes()"/>	
+			</s:HGroup>
+		</s:VGroup>
+		
+		<s:Label width="500" verticalAlign="justify" color="#323232" bottom="9" horizontalCenter="0"
+				 text="The ServerSocket class allows code to act as a server for Transport Control Protocol (TCP) connections. A TCP server
+listens for incoming connections from remote clients. When a client attempts to connect, the ServerSocket dispatches a connect event. Run
+the SocketServerSample application first and click 'Listen' to start listening on the server and port information above. When data is sent 
+from the client it will show up in the log running the socket server app."/>
+		
+		<s:VGroup top="88" left="8">
+			<s:Label text="Console:"/>
+			<s:TextArea id="log" width="500" height="100" editable="false"/>
+		</s:VGroup>
+	</s:VGroup>
+	
+	
+
+</mx:Module>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR20/SocketServer/srcview/Sample-AIR2-SocketServer/src/SocketServerSample-app.xml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR20/SocketServer/srcview/Sample-AIR2-SocketServer/src/SocketServerSample-app.xml b/TourDeFlex/TourDeFlex/src/objects/AIR20/SocketServer/srcview/Sample-AIR2-SocketServer/src/SocketServerSample-app.xml
new file mode 100755
index 0000000..1767950
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR20/SocketServer/srcview/Sample-AIR2-SocketServer/src/SocketServerSample-app.xml
@@ -0,0 +1,153 @@
+<?xml version="1.0" encoding="utf-8" standalone="no"?>
+<!--
+
+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.
+
+-->
+<application xmlns="http://ns.adobe.com/air/application/2.0">
+
+<!-- Adobe AIR Application Descriptor File Template.
+
+	Specifies parameters for identifying, installing, and launching AIR applications.
+
+	xmlns - The Adobe AIR namespace: http://ns.adobe.com/air/application/2.0beta
+			The last segment of the namespace specifies the version 
+			of the AIR runtime required for this application to run.
+			
+	minimumPatchLevel - The minimum patch level of the AIR runtime required to run 
+			the application. Optional.
+-->
+
+	<!-- The application identifier string, unique to this application. Required. -->
+	<id>SocketServerSample</id>
+
+	<!-- Used as the filename for the application. Required. -->
+	<filename>SocketServerSample</filename>
+
+	<!-- The name that is displayed in the AIR application installer. 
+	     May have multiple values for each language. See samples or xsd schema file. Optional. -->
+	<name>SocketServerSample</name>
+
+	<!-- An application version designator (such as "v1", "2.5", or "Alpha 1"). Required. -->
+	<version>v1</version>
+
+	<!-- Description, displayed in the AIR application installer.
+	     May have multiple values for each language. See samples or xsd schema file. Optional. -->
+	<!-- <description></description> -->
+
+	<!-- Copyright information. Optional -->
+	<!-- <copyright></copyright> -->
+
+	<!-- Settings for the application's initial window. Required. -->
+	<initialWindow>
+		<!-- The main SWF or HTML file of the application. Required. -->
+		<!-- Note: In Flash Builder, the SWF reference is set automatically. -->
+		<content>[This value will be overwritten by Flash Builder in the output app.xml]</content>
+		
+		<!-- The title of the main window. Optional. -->
+		<!-- <title></title> -->
+
+		<!-- The type of system chrome to use (either "standard" or "none"). Optional. Default standard. -->
+		<!-- <systemChrome></systemChrome> -->
+
+		<!-- Whether the window is transparent. Only applicable when systemChrome is none. Optional. Default false. -->
+		<!-- <transparent></transparent> -->
+
+		<!-- Whether the window is initially visible. Optional. Default false. -->
+		<!-- <visible></visible> -->
+
+		<!-- Whether the user can minimize the window. Optional. Default true. -->
+		<!-- <minimizable></minimizable> -->
+
+		<!-- Whether the user can maximize the window. Optional. Default true. -->
+		<!-- <maximizable></maximizable> -->
+
+		<!-- Whether the user can resize the window. Optional. Default true. -->
+		<!-- <resizable></resizable> -->
+
+		<!-- The window's initial width in pixels. Optional. -->
+		<!-- <width></width> -->
+
+		<!-- The window's initial height in pixels. Optional. -->
+		<!-- <height></height> -->
+
+		<!-- The window's initial x position. Optional. -->
+		<!-- <x></x> -->
+
+		<!-- The window's initial y position. Optional. -->
+		<!-- <y></y> -->
+
+		<!-- The window's minimum size, specified as a width/height pair in pixels, such as "400 200". Optional. -->
+		<!-- <minSize></minSize> -->
+
+		<!-- The window's initial maximum size, specified as a width/height pair in pixels, such as "1600 1200". Optional. -->
+		<!-- <maxSize></maxSize> -->
+	</initialWindow>
+
+	<!-- The subpath of the standard default installation location to use. Optional. -->
+	<!-- <installFolder></installFolder> -->
+
+	<!-- The subpath of the Programs menu to use. (Ignored on operating systems without a Programs menu.) Optional. -->
+	<!-- <programMenuFolder></programMenuFolder> -->
+
+	<!-- The icon the system uses for the application. For at least one resolution,
+		 specify the path to a PNG file included in the AIR package. Optional. -->
+	<!-- <icon>
+		<image16x16></image16x16>
+		<image32x32></image32x32>
+		<image48x48></image48x48>
+		<image128x128></image128x128>
+	</icon> -->
+
+	<!-- Whether the application handles the update when a user double-clicks an update version
+	of the AIR file (true), or the default AIR application installer handles the update (false).
+	Optional. Default false. -->
+	<!-- <customUpdateUI></customUpdateUI> -->
+	
+	<!-- Whether the application can be launched when the user clicks a link in a web browser.
+	Optional. Default false. -->
+	<!-- <allowBrowserInvocation></allowBrowserInvocation> -->
+
+	<!-- Listing of file types for which the application can register. Optional. -->
+	<!-- <fileTypes> -->
+
+		<!-- Defines one file type. Optional. -->
+		<!-- <fileType> -->
+
+			<!-- The name that the system displays for the registered file type. Required. -->
+			<!-- <name></name> -->
+
+			<!-- The extension to register. Required. -->
+			<!-- <extension></extension> -->
+			
+			<!-- The description of the file type. Optional. -->
+			<!-- <description></description> -->
+			
+			<!-- The MIME content type. -->
+			<!-- <contentType></contentType> -->
+			
+			<!-- The icon to display for the file type. Optional. -->
+			<!-- <icon>
+				<image16x16></image16x16>
+				<image32x32></image32x32>
+				<image48x48></image48x48>
+				<image128x128></image128x128>
+			</icon> -->
+			
+		<!-- </fileType> -->
+	<!-- </fileTypes> -->
+
+</application>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR20/SocketServer/srcview/Sample-AIR2-SocketServer/src/SocketServerSample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR20/SocketServer/srcview/Sample-AIR2-SocketServer/src/SocketServerSample.mxml b/TourDeFlex/TourDeFlex/src/objects/AIR20/SocketServer/srcview/Sample-AIR2-SocketServer/src/SocketServerSample.mxml
new file mode 100644
index 0000000..d9f24da
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR20/SocketServer/srcview/Sample-AIR2-SocketServer/src/SocketServerSample.mxml
@@ -0,0 +1,111 @@
+<?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.
+
+-->
+<mx:Module xmlns:fx="http://ns.adobe.com/mxml/2009"
+					   xmlns:s="library://ns.adobe.com/flex/spark"
+					   xmlns:mx="library://ns.adobe.com/flex/mx"
+					   width="100%" height="100%" styleName="plain">
+	
+	<fx:Script>
+		<![CDATA[
+			import flash.events.Event;
+			import flash.events.MouseEvent;
+			import flash.events.ProgressEvent;
+			import flash.events.ServerSocketConnectEvent;
+			import flash.net.ServerSocket;
+			import flash.net.Socket;
+			import flash.utils.ByteArray;
+			
+			import mx.controls.Alert;
+			
+			private var serverSocket:ServerSocket;
+			
+			private function listen():void
+			{
+				try
+				{
+					serverSocket = new ServerSocket();
+					serverSocket.addEventListener(Event.CONNECT, socketConnectHandler);
+					serverSocket.addEventListener(Event.CLOSE,socketCloseHandler);
+					serverSocket.bind(Number(port.text));
+					serverSocket.listen();					
+					log.text += "Listening on port " + port.text + "...\n";
+					
+				}
+				catch (error:Error)
+				{
+					Alert.show("Port " + port.text + " may be in use. Enter another port number and try again.\n(" +
+						error.message +")", "Error");
+				}
+			}
+			
+			private function socketConnectHandler(event:ServerSocketConnectEvent):void
+			{
+				var socket:Socket = event.socket;
+				log.text += "Socket connection established on port " + port.text + "...\n";
+				socket.addEventListener(ProgressEvent.SOCKET_DATA, socketDataHandler);
+			}
+			
+			private function socketDataHandler(event:ProgressEvent):void
+			{
+				try
+				{
+					var socket:Socket = event.target as Socket;
+					var bytes:ByteArray = new ByteArray();
+					socket.readBytes(bytes);
+					log.text += ""+bytes;
+					socket.flush();
+				}
+				catch (error:Error)
+				{
+					Alert.show(error.message, "Error");
+				}
+			}
+			
+			protected function buttonClose_clickHandler(event:MouseEvent):void
+			{
+				try {
+					serverSocket.close();
+				}
+				catch (error:Error)
+				{
+					Alert.show(error.message, "Error on close");
+				}
+			}
+			protected function socketCloseHandler(e:Event):void
+			{
+				log.text += "Socket Closed";
+			}
+
+		]]>
+	</fx:Script>
+	
+	<s:VGroup paddingTop="8" paddingLeft="8" paddingRight="8" paddingBottom="8">
+		<s:Label text="Start listening over a socket connection by clicking the listen button."/>
+		<s:HGroup verticalAlign="middle">
+			<s:Label text="Port:"/>
+			<s:TextInput id="port" text="1235" width="50"/>
+			<s:Button label="Listen" click="listen()"/>
+			<s:Button label="Close Socket" click="buttonClose_clickHandler(event)"/>
+		</s:HGroup>
+		
+		<s:TextArea id="log" width="100%" height="100%" />
+	</s:VGroup>
+	
+</mx:Module>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR20/SocketServer/srcview/SourceIndex.xml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex/src/objects/AIR20/SocketServer/srcview/SourceIndex.xml b/TourDeFlex/TourDeFlex/src/objects/AIR20/SocketServer/srcview/SourceIndex.xml
new file mode 100644
index 0000000..d132844
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR20/SocketServer/srcview/SourceIndex.xml
@@ -0,0 +1,37 @@
+<?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.
+
+-->
+<index>
+	<title>Source of Sample-AIR2-SocketServer</title>
+	<nodes>
+		<node label="libs">
+		</node>
+		<node label="src">
+			<node icon="actionScriptIcon" label="SocketClient.as" url="source/SocketClient.as.html"/>
+			<node label="SocketClientSample-app.xml" url="source/SocketClientSample-app.xml.txt"/>
+			<node icon="mxmlIcon" label="SocketClientSample.mxml" url="source/SocketClientSample.mxml.html"/>
+			<node label="SocketServerSample-app.xml" url="source/SocketServerSample-app.xml.txt"/>
+			<node icon="mxmlAppIcon" selected="true" label="SocketServerSample.mxml" url="source/SocketServerSample.mxml.html"/>
+		</node>
+	</nodes>
+	<zipfile label="Download source (ZIP, 9K)" url="Sample-AIR2-SocketServer.zip">
+	</zipfile>
+	<sdklink label="Download Flex SDK" url="http://www.adobe.com/go/flex4_sdk_download">
+	</sdklink>
+</index>


[04/51] [partial] Merged TourDeFlex release from develop

Posted by jm...@apache.org.
http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/spark/css/CSSIDSelectorExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/css/CSSIDSelectorExample.mxml b/TourDeFlex/TourDeFlex3/src/spark/css/CSSIDSelectorExample.mxml
new file mode 100644
index 0000000..c130849
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/spark/css/CSSIDSelectorExample.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.
+
+-->
+<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
+			   xmlns:s="library://ns.adobe.com/flex/spark"
+			   xmlns:mx="library://ns.adobe.com/flex/mx" viewSourceURL="srcview/index.html">
+	<fx:Style>
+		#submitButton {
+			baseColor: #1E407E;
+			color: #FFFFFF;
+		}
+		
+	</fx:Style>
+	<fx:Script>
+		<![CDATA[
+			private function clickHandler():void
+			{
+				text1.text = "Thank you " + firstName.text + " " + lastName.text;
+			}
+			private function resetClickHandler():void
+			{
+				firstName.text = "";
+				lastName.text = "";
+			}
+		]]>
+	</fx:Script>
+	
+	<s:Panel height="100%" width="100%"
+			 horizontalCenter="0" verticalCenter="0"
+			 title="Advanced CSS: ID Selector Example" 
+			 skinClass="skins.TDFPanelSkin">
+		<s:Label top="20" left="30" width="140" color="0x323232" verticalAlign="justify" 
+					  text="Only the Button with the id 'submitButton' will have custom colors."/>
+		
+		<s:VGroup horizontalCenter="0" horizontalAlign="center" verticalCenter="0">
+				<s:HGroup verticalAlign="middle">
+					<s:Label text="First Name:"/>
+					<s:TextInput id="firstName" width="100"/>
+				</s:HGroup>
+				<s:HGroup verticalAlign="middle">
+					<s:Label text="Last Name:"/>
+					<s:TextInput id="lastName" width="100"/>
+				</s:HGroup>
+			<s:HGroup>
+				<s:Button id="submitButton" label="Submit Form" click="clickHandler()"/>
+				<s:Button id="resetButton" label="Reset" click="resetClickHandler()"/>
+			</s:HGroup>
+			<s:Label id="text1"/>
+		</s:VGroup>
+		
+	</s:Panel>
+</s:Application>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/spark/css/CSSTypeClassSelectorExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/css/CSSTypeClassSelectorExample.mxml b/TourDeFlex/TourDeFlex3/src/spark/css/CSSTypeClassSelectorExample.mxml
new file mode 100644
index 0000000..b6dc266
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/spark/css/CSSTypeClassSelectorExample.mxml
@@ -0,0 +1,72 @@
+<?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.
+
+-->
+<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
+			   xmlns:s="library://ns.adobe.com/flex/spark" 
+			   xmlns:mx="library://ns.adobe.com/flex/mx">
+	<fx:Style>
+		@namespace "library://ns.adobe.com/flex/spark";
+		
+		List.blueTheme {
+			selectionColor: #7FACF6;
+		}
+		
+		List.greenTheme {
+			selectionColor: #00CF3F;
+		}
+		
+		Panel.blueTheme {
+			contentBackgroundColor: #9abbdc;
+			
+		}
+		
+		.blueTheme {
+			focusColor: #3D73EF;
+			symbolColor: #2A3982;
+			
+		}
+	</fx:Style>
+	
+	<s:Panel title="Advanced CSS: Type+Class Selector Sample" height="100%" width="100%"
+			 styleName="blueTheme" skinClass="skins.TDFPanelSkin">
+		<s:HGroup horizontalCenter="0" top="15">
+			<s:Label width="270" color="0x323232" text="This Panel has a styleName, but the Lists and Panel have some different styles defined in a Type+Class selector. See the style section for the styles applied."/>
+			<s:ComboBox selectedIndex="0">
+				<s:ArrayCollection source="[Monday,Tuesday,Wednesday,Thursday,Friday]"/>
+			</s:ComboBox>		
+			<s:VGroup horizontalCenter="0" top="8">
+				<s:Label text="Text:"/>
+				<s:TextInput text="some text" styleName="blueTheme"/>
+				<s:Label text="Units:"/>
+				<s:NumericStepper styleName="blueTheme"/>
+				<s:List id="carList" selectedIndex="2" styleName="blueTheme">
+					<s:dataProvider>
+						<mx:ArrayCollection source="[Civic, M3, Prius, Blazer, Tahoe]" />
+					</s:dataProvider>
+				</s:List>
+			</s:VGroup>
+			<s:List id="fruitList" selectedIndex="2" styleName="greenTheme">
+				<s:dataProvider>
+					<mx:ArrayCollection source="[Apples,Bananas,Grapes]" />
+				</s:dataProvider>
+			</s:List>
+		</s:HGroup>
+	</s:Panel>
+
+</s:Application>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/spark/css/skins/TDFPanelSkin.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/css/skins/TDFPanelSkin.mxml b/TourDeFlex/TourDeFlex3/src/spark/css/skins/TDFPanelSkin.mxml
new file mode 100644
index 0000000..539c4fb
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/spark/css/skins/TDFPanelSkin.mxml
@@ -0,0 +1,171 @@
+<?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.
+
+-->
+
+
+<!--- Custom Spark Panel Skin created for Tour de Flex.  
+
+@langversion 3.0
+@playerversion Flash 10
+@playerversion AIR 1.5
+@productversion Flex 4
+-->
+<s:SparkSkin xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark" alpha.disabled="0.5"
+			 blendMode.disabled="layer">
+	
+	<fx:Metadata>
+		<![CDATA[ 
+		/** 
+		* @copy spark.skins.spark.ApplicationSkin#hostComponent
+		*/
+		[HostComponent("spark.components.Panel")]
+		]]>
+	</fx:Metadata> 
+	
+	<fx:Script>
+		/* Define the skin elements that should not be colorized. 
+		For panel, border and title backround are skinned, but the content area and title text are not. */
+		static private const exclusions:Array = ["background", "titleDisplay", "contentGroup", "bgFill"];
+		
+		/** 
+		 * @copy spark.skins.SparkSkin#colorizeExclusions
+		 */     
+		override public function get colorizeExclusions():Array {return exclusions;}
+		
+		/* Define the content fill items that should be colored by the "contentBackgroundColor" style. */
+		static private const contentFill:Array = [];
+		
+		/**
+		 * @inheritDoc
+		 */
+		override public function get contentItems():Array {return contentFill};
+	</fx:Script>
+	
+	<s:states>
+		<s:State name="normal" />
+		<s:State name="disabled" />
+		<s:State name="normalWithControlBar" />
+		<s:State name="disabledWithControlBar" />
+	</s:states>
+	
+	<!-- drop shadow -->
+	<s:RectangularDropShadow id="shadow" blurX="20" blurY="20" alpha="0.32" distance="11" 
+							 angle="90" color="#000000" left="0" top="0" right="0" bottom="0"/>
+	
+	<!-- layer 1: border -->
+	<s:Rect left="0" right="0" top="0" bottom="0">
+		<s:stroke>
+			<s:SolidColorStroke color="0" alpha="0.50" weight="1" />
+		</s:stroke>
+	</s:Rect>
+	
+	
+	<!-- layer 2: background fill -->
+	<!-- This layer was modified for Tour de Flex samples to have a gradient border at the bottom. -->
+	<s:Rect left="0" right="0" bottom="0" height="15">
+		<s:fill>
+			<s:LinearGradient rotation="90">
+				<s:GradientEntry color="0xE2E2E2" />
+				<s:GradientEntry color="0x000000" />
+			</s:LinearGradient>
+		</s:fill>
+	</s:Rect>
+	
+	<!-- layer 3: contents -->
+	<!--- contains the vertical stack of titlebar content and controlbar -->
+	<s:Group left="1" right="1" top="1" bottom="1" >
+		<s:layout>
+			<s:VerticalLayout gap="0" horizontalAlign="justify" />
+		</s:layout>
+		
+		<s:Group id="topGroup" >
+			<!-- layer 0: title bar fill -->
+			<!-- Note: We have custom skinned the title bar to be solid black for Tour de Flex -->
+			<s:Rect id="tbFill" left="0" right="0" top="0" bottom="1" >
+				<s:fill>
+					<s:SolidColor color="0x000000" />
+				</s:fill>
+			</s:Rect>
+			
+			<!-- layer 1: title bar highlight -->
+			<s:Rect id="tbHilite" left="0" right="0" top="0" bottom="0" >
+				<s:stroke>
+					<s:LinearGradientStroke rotation="90" weight="1">
+						<s:GradientEntry color="0xEAEAEA" />
+						<s:GradientEntry color="0xD9D9D9" />
+					</s:LinearGradientStroke>
+				</s:stroke>
+			</s:Rect>
+			
+			<!-- layer 2: title bar divider -->
+			<s:Rect id="tbDiv" left="0" right="0" height="1" bottom="0">
+				<s:fill>
+					<s:SolidColor color="0xC0C0C0" />
+				</s:fill>
+			</s:Rect>
+			
+			<!-- layer 3: text -->
+			<!--- Defines the appearance of the PanelSkin class's title bar. -->
+			<!-- Note: The title text display has been slightly modified for Tour de Flex. -->
+			<s:Label id="titleDisplay" lineBreak="explicit"
+						  left="9" top="1" bottom="0" minHeight="30"
+						  verticalAlign="middle" fontWeight="bold" color="#E2E2E2"/>
+			
+		</s:Group>
+		
+		<!--
+		Note: setting the minimum size to 0 here so that changes to the host component's
+		size will not be thwarted by this skin part's minimum size.   This is a compromise,
+		more about it here: http://bugs.adobe.com/jira/browse/SDK-21143
+		-->
+		<s:Group id="contentGroup" width="100%" height="100%" minWidth="0" minHeight="0">
+		</s:Group>
+		
+		<s:Group id="bottomGroup" minWidth="0" minHeight="0"
+				 includeIn="normalWithControlBar, disabledWithControlBar" >
+			
+			<!-- layer 0: control bar background -->
+			<!-- Note: We are skinning this to be the gradient in case we do specify control
+			bar content, but it will only display if there's a controlBarContent
+			property specified.-->
+			<s:Rect left="0" right="0" bottom="0" top="0" height="15">
+				<s:fill>
+					<s:LinearGradient rotation="90">
+						<s:GradientEntry color="0xE2E2E2" />
+						<s:GradientEntry color="0x000000" />
+					</s:LinearGradient>
+				</s:fill>
+			</s:Rect>
+			
+			<!-- layer 1: control bar divider line -->
+			<s:Rect left="0" right="0" top="0" height="1" >
+				<s:fill>
+					<s:SolidColor color="0xCDCDCD" />
+				</s:fill>
+			</s:Rect>
+			
+			<!-- layer 2: control bar -->
+			<s:Group id="controlBarGroup" left="0" right="0" top="1" bottom="0" minWidth="0" minHeight="0">
+				<s:layout>
+					<s:HorizontalLayout paddingLeft="10" paddingRight="10" paddingTop="10" paddingBottom="10" />
+				</s:layout>
+			</s:Group>
+		</s:Group>
+	</s:Group>
+</s:SparkSkin>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/spark/effects/AnimatePropertiesExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/effects/AnimatePropertiesExample.mxml b/TourDeFlex/TourDeFlex3/src/spark/effects/AnimatePropertiesExample.mxml
new file mode 100644
index 0000000..6082791
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/spark/effects/AnimatePropertiesExample.mxml
@@ -0,0 +1,88 @@
+<?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.
+
+-->
+<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
+			   xmlns:s="library://ns.adobe.com/flex/spark" 
+			   xmlns:mx="library://ns.adobe.com/flex/mx"
+			   viewSourceURL="srcview/index.html">
+	
+	<!-- NOTE: This sample was compiled with Flex SDK version 4.0.0.13875 -->
+	
+	<fx:Declarations>
+		<s:Animate id="a" 
+				   duration="750" 
+				   target="{tileGroup}" 
+				   repeatBehavior="reverse" 
+				   repeatCount="2">
+			<s:SimpleMotionPath valueFrom="1"
+								valueTo="15"
+								property="horizontalGap" />
+			<s:SimpleMotionPath valueFrom="1"
+								valueTo="15"
+								property="verticalGap" />
+			<s:SimpleMotionPath valueFrom="0"
+								valueTo="-50"
+								property="z" />
+		</s:Animate>
+	</fx:Declarations>
+	
+	<s:layout>
+		<s:HorizontalLayout 
+			horizontalAlign="center" 
+			gap="100" 
+			paddingTop="8"/>
+	</s:layout>
+	
+	<s:TileGroup id="tileGroup" 
+				 horizontalGap="1" 
+				 verticalGap="1" 
+				 direction="ltr" 
+				 columnWidth="50"
+				 rowHeight="50" 
+				 useHandCursor="true" 
+				 buttonMode="true">
+		
+		<mx:Image source="@Embed('assets/images/2.jpg')" click="a.play()" />
+		<mx:Image source="@Embed('assets/images/3.jpg')" click="a.play()" />
+		<mx:Image source="@Embed('assets/images/4.jpg')" click="a.play()" />
+		<mx:Image source="@Embed('assets/images/5.jpg')" click="a.play()" />
+		<mx:Image source="@Embed('assets/images/6.jpg')" click="a.play()" />
+		<mx:Image source="@Embed('assets/images/7.jpg')" click="a.play()" />
+		<mx:Image source="@Embed('assets/images/8.jpg')" click="a.play()" />
+		<mx:Image source="@Embed('assets/images/9.jpg')" click="a.play()" />
+		
+	</s:TileGroup>
+	
+	<s:HGroup top="8" right="8">
+		<s:VGroup width="100%" >
+			<s:Label text="Animate Properties Sample" 
+					 fontSize="18" 
+					 color="#B7B6B6"/>
+			
+			<s:Label width="250" 
+					 verticalAlign="justify" 
+					 color="#323232" 
+					 text="With the Spark Animate class, you can animate any arbitrary property of an object by using MotionPaths or SimpleMotionPaths. In this sample, the horizontalGap, verticalGap, and z properties of the TileGroup are being incremented over the course of the animation."/>
+			
+			<s:Label text="{'horizontalGap = ' + tileGroup.horizontalGap}"/>
+			<s:Label text="{'verticalGap = ' + tileGroup.verticalGap}" />
+		</s:VGroup>
+	</s:HGroup>
+	
+</s:Application>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/spark/effects/AnimateTransformExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/effects/AnimateTransformExample.mxml b/TourDeFlex/TourDeFlex3/src/spark/effects/AnimateTransformExample.mxml
new file mode 100644
index 0000000..e6307a1
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/spark/effects/AnimateTransformExample.mxml
@@ -0,0 +1,116 @@
+<?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.
+
+-->
+<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
+			   xmlns:mx="library://ns.adobe.com/flex/mx" 
+			   xmlns:s="library://ns.adobe.com/flex/spark">
+	
+	<fx:Declarations>
+			<s:AnimateTransform id="bounceEffect"
+							target="{myImage}">
+				
+				<s:motionPaths>
+					<s:MotionPath property="translationX" >
+						<s:keyframes>
+							<s:Keyframe time="250" value="0"/>
+							<s:Keyframe time="550" value="60"/>
+							<s:Keyframe time="850" value="100"/>
+							<s:Keyframe time="1150" value="140"/>
+							<s:Keyframe time="1450" value="180"/>
+							<s:Keyframe time="1750" value="220"/>
+							<s:Keyframe time="2050" value="140"/>
+							<s:Keyframe time="2350" value="100"/>
+							<s:Keyframe time="2650" value="60"/>
+							<s:Keyframe time="2950" value="0"/>
+						</s:keyframes>
+					</s:MotionPath>
+				
+					<s:MotionPath property="translationY" >
+						<s:keyframes>
+							<s:Keyframe time="250" value="100"/>
+							<s:Keyframe time="550" value="0"/>
+							<s:Keyframe time="850" value="100"/>
+							<s:Keyframe time="1150" value="0"/>
+							<s:Keyframe time="1450" value="100"/>
+							<s:Keyframe time="1750" value="0"/>
+							<s:Keyframe time="2050" value="100"/>
+							<s:Keyframe time="2350" value="0"/>
+							<s:Keyframe time="2650" value="100"/>
+							<s:Keyframe time="2950" value="0"/>
+						</s:keyframes>
+					</s:MotionPath>
+				</s:motionPaths>
+		</s:AnimateTransform>
+	</fx:Declarations>
+	
+	<fx:Style>
+		@namespace "library://ns.adobe.com/flex/spark";
+		
+		Button:up{ 
+			baseColor: #000000; 
+			color: #FFFFFF; 
+			fontWeight: "bold";
+		}
+		Button:over{ 
+			baseColor: #878787; 
+			color: #FFFFFF; 
+			fontWeight: "bold";
+		}
+		Button:down{ 
+			baseColor: #878787; 
+			color: #000000; 
+			fontWeight: "bold";
+		}
+		Button:disabled { 
+			baseColor: #FFFFFF; 
+			color: #878787; 
+			fontWeight: "bold";
+		}
+		Label { 
+			fontFamily: "Arial";
+			fontWeight: "bold";
+		}
+	</fx:Style>
+	
+	<!-- Note: A custom panel skin is used for the Tour de Flex samples and is included in the
+	source tabs for each sample.	-->
+	<s:Panel title="AnimateTransform Effect Sample (Bounce)" 
+			 width="100%" height="100%" 
+			 skinClass="skins.TDFPanelSkin">
+		
+		<s:Group left="3">
+			<mx:Image y="0" id="myImage" 
+					  source="@Embed(source='assets/ApacheFlexIcon.png')"
+					  click="bounceEffect.end();bounceEffect.play();"/>	
+		</s:Group>
+		
+		<s:HGroup bottom="5" left="3">
+			<s:Label text="Click the Apache Flex logo to bounce it!" color="0x000000"/>
+		</s:HGroup>
+		<s:HGroup top="5" right="5">
+			<s:VGroup width="100%" >
+				<s:Label text="Cross Fade Sample" fontSize="18" color="#B7B6B6"/>
+				<s:Label width="250" verticalAlign="justify" color="#323232" 
+							  text="Unlike the Animate class, which you can use to animate any target property, the AnimateTransform effect only supports the animation of certain properties on the target. To use keyframes and motion paths with the AnimateTransform effect, use the MotionPath class to specify keyframes for one or more of the following properties of the AnimateTransform class:
+							  movement (translationX, translationY, and translationZ), rotation (rotationX, rotationY, and rotationZ), scale (scaleX, scaleY, and scaleZ)."/>
+			</s:VGroup>
+		</s:HGroup>
+	</s:Panel>
+	
+</s:Application>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/spark/effects/CrossFadeExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/effects/CrossFadeExample.mxml b/TourDeFlex/TourDeFlex3/src/spark/effects/CrossFadeExample.mxml
new file mode 100644
index 0000000..4ce258e
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/spark/effects/CrossFadeExample.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.
+
+-->
+
+<s:Application
+	xmlns:fx="http://ns.adobe.com/mxml/2009"
+	xmlns:mx="library://ns.adobe.com/flex/mx"
+	xmlns:s="library://ns.adobe.com/flex/spark">
+	
+	<s:states>
+		<s:State name="default"/>
+		<s:State name="flipped"/>
+	</s:states>
+	
+	<s:transitions>
+		<s:Transition id="t1" autoReverse="true">
+			<s:CrossFade
+				target="{holder}" 
+				duration="1000" />
+		</s:Transition>
+	</s:transitions>
+	
+	<s:Panel title="CrossFade Effect Sample with Transition"
+		width="100%" height="100%" 
+		skinClass="skins.TDFPanelSkin">
+		
+		<s:HGroup verticalCenter="0" horizontalCenter="0">
+			<s:VGroup>
+				<s:Group id="holder">
+					<s:BitmapImage
+						source="@Embed('assets/ApacheFlexLogo.png')"
+						visible="true" visible.flipped="false"/>
+					<s:BitmapImage
+						source="@Embed('assets/ApacheFlexLogo.png')"
+						visible="false" visible.flipped="true"/>
+	
+				</s:Group>
+				<s:Button id="playButton" left="264" bottom="174"
+						  label="Cross Fade"
+						  click="currentState = (currentState == 'flipped') ? 'default' : 'flipped';" y.default="-33"/>
+			</s:VGroup>
+			<mx:Spacer width="50"/>
+			<s:VGroup width="100%" >
+				<s:Label text="Cross Fade Sample" fontSize="18" color="#B7B6B6"/>
+				<s:Label width="250" verticalAlign="justify" color="#323232" 
+						 text="The CrossFade effect performs a bitmap transition effect by running a crossfade between the first and second bitmaps. 
+						 The crossfade blends the two bitmaps over the duration of the animation."/>
+			</s:VGroup>
+		</s:HGroup>
+		
+	</s:Panel>	
+</s:Application>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/spark/effects/FadeExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/effects/FadeExample.mxml b/TourDeFlex/TourDeFlex3/src/spark/effects/FadeExample.mxml
new file mode 100644
index 0000000..54d62c4
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/spark/effects/FadeExample.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.
+
+-->
+<s:Application
+	xmlns:fx="http://ns.adobe.com/mxml/2009"
+	xmlns:mx="library://ns.adobe.com/flex/mx"
+	xmlns:s="library://ns.adobe.com/flex/spark">	
+	
+	<fx:Declarations>
+		<s:Fade id="fadeEffect" target="{targetImg}" alphaFrom="{Number(fromVal.text)}" alphaTo="{Number(toVal.text)}"
+				repeatCount="2" repeatBehavior="reverse" effectStart="playButton.enabled=false"
+				effectEnd="playButton.enabled=true;"/>
+	</fx:Declarations>
+	
+	<s:Panel title="Fade Effect Sample"
+			 width="100%" height="100%" 
+			 skinClass="skins.TDFPanelSkin">
+		
+		<s:HGroup verticalCenter="0" horizontalCenter="0">
+			<s:VGroup>
+				<s:HGroup verticalAlign="middle">
+					<s:Label text="Fade alpha from:" verticalAlign="bottom"/>
+					<s:TextInput id="fromVal" text="1.0" widthInChars="3"/>
+				</s:HGroup>
+				<s:HGroup verticalAlign="middle">
+					<s:Label text="Fade alpha to:" verticalAlign="bottom"/>
+					<s:TextInput id="toVal" text="0.0" widthInChars="3"/>
+				</s:HGroup>
+				<s:Button id="playButton"
+						  left="5" bottom="5"
+						  label="Fade" click="fadeEffect.play();"/>
+			</s:VGroup>
+			
+			<s:BitmapImage id="targetImg" width="200" height="200" source="@Embed(source='assets/ApacheFlexLogo.png')"/>
+			
+			<s:VGroup width="100%" >
+				<s:Label text="Fade Sample" fontSize="18" color="#B7B6B6"/>
+				<s:Label width="180" verticalAlign="justify" color="#323232" 
+							 text="The Fade effect changes the alpha of a target using the following parameters: alphaFrom, alphaTo. Click 'Fade' to watch the effect."/>
+			</s:VGroup>	
+		</s:HGroup>
+		
+	</s:Panel>
+</s:Application>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/spark/effects/Move3DExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/effects/Move3DExample.mxml b/TourDeFlex/TourDeFlex3/src/spark/effects/Move3DExample.mxml
new file mode 100644
index 0000000..b40ada6
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/spark/effects/Move3DExample.mxml
@@ -0,0 +1,99 @@
+<?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.
+
+-->
+<s:Application
+	xmlns:fx="http://ns.adobe.com/mxml/2009"
+	xmlns:mx="library://ns.adobe.com/flex/mx"
+	xmlns:s="library://ns.adobe.com/flex/spark">
+	
+	<fx:Style>
+		@namespace "library://ns.adobe.com/flex/spark";
+		Label { 
+			baseColor: #000000; 
+			fontFamily: "Arial";
+			fontWeight: "bold";
+			fontSize: "11";
+			advancedAntiAliasing: true;
+		}
+		
+	</fx:Style>
+	
+	<fx:Declarations>
+		<s:Move3D id="moveEffect" target="{targetImg}" 
+				   xFrom="{targetImg.x}" xBy="{Number(xVal.text)}" 
+				   yFrom="{targetImg.y}" yBy="{Number(yVal.text)}" 
+				   zFrom="{targetImg.z}" zBy="{Number(zVal.text)}"
+				   duration="{duration.value}"
+				   repeatCount="{repeatCnt.value}" repeatBehavior="{chkReverse.selected?'reverse':'loop'}"
+				   effectStart="this.targetImg.alpha=.7" effectEnd="this.targetImg.alpha=1.0;"/>
+	</fx:Declarations>
+	
+	<!-- Note: A custom panel skin is used for the Tour de Flex samples and is included in the
+	source tabs for each sample.	-->
+	<s:Panel width="100%" height="100%" 
+			 horizontalCenter="0" 
+			 title="Move3D Effect Sample" 
+			 skinClass="skins.TDFPanelSkin">
+		
+		<s:HGroup left="10" top="5" width="100%" height="100%" horizontalCenter="0">
+			<s:VGroup width="40%">
+				
+			
+			<s:HGroup verticalAlign="middle">
+				<s:Label text="Move X By" verticalAlign="bottom"/>
+				<s:TextInput id="xVal" text="40" widthInChars="3"/>
+			</s:HGroup>
+				
+				<s:HGroup verticalAlign="middle">
+					<s:Label text="Move Y By" verticalAlign="bottom"/>
+					<s:TextInput id="yVal" text="40" widthInChars="3"/>
+				</s:HGroup>
+				<s:HGroup verticalAlign="middle">
+					<s:Label text="Move Z By" verticalAlign="bottom"/>
+					<s:TextInput id="zVal" text="-150" widthInChars="3"/>
+				</s:HGroup>
+				<s:HGroup verticalAlign="middle">
+					<s:Label text="Repeat Num" verticalAlign="bottom"/>
+					<s:NumericStepper id="repeatCnt" width="35" 
+									  value="2" minimum="1"/>
+				</s:HGroup>
+				<s:HGroup verticalAlign="middle">
+					<s:Label text="Duration" verticalAlign="bottom"/>
+					<s:NumericStepper id="duration" width="58" 
+									  minimum="100" maximum="9999"  
+									  value="1000"  
+									  snapInterval="100" />
+				</s:HGroup>
+				<s:CheckBox id="chkReverse" label="Repeat in Reverse?" selected="true"/>
+				<s:Button id="playButton"
+						  label="Move Image" click="moveEffect.play();"/>
+			</s:VGroup>
+			<s:HGroup horizontalCenter="0" height="30%" verticalAlign="middle" width="40%">
+				<s:BitmapImage id="targetImg" width="200" height="200" source="@Embed(source='assets/ApacheFlexLogo.png')"/>				
+			</s:HGroup>
+			<s:VGroup top="0" right="5" horizontalAlign="right" width="30%">
+				<s:Label text="Move3D Effect Sample" fontSize="18" color="#B7B6B6"/>
+				<s:Label color="#323232" width="200" verticalAlign="justify"
+						 text="The Move3D class moves a target object in three dimensions around the transform center. A scale of 
+2.0 means the object has been magnified by a factor of 2, and a scale of 0.5 means the object has been 
+reduced by a factor of 2. A scale value of 0.0 is invalid."/>
+			</s:VGroup>
+		</s:HGroup>
+	</s:Panel>
+</s:Application>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/spark/effects/Rotate3DExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/effects/Rotate3DExample.mxml b/TourDeFlex/TourDeFlex3/src/spark/effects/Rotate3DExample.mxml
new file mode 100644
index 0000000..5134671
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/spark/effects/Rotate3DExample.mxml
@@ -0,0 +1,114 @@
+<?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.
+
+-->
+<s:Application
+	xmlns:fx="http://ns.adobe.com/mxml/2009"
+	xmlns:mx="library://ns.adobe.com/flex/mx"
+	xmlns:s="library://ns.adobe.com/flex/spark">
+	
+	<fx:Style>
+		@namespace "library://ns.adobe.com/flex/spark";
+		Label { 
+			baseColor: #000000; 
+			fontFamily: "Arial";
+			fontWeight: "bold";
+			fontSize: "11";
+			advancedAntiAliasing: true;
+		}
+		Button:up{ 
+			baseColor: #000000; 
+			color: #FFFFFF; 
+			fontWeight: "bold";
+		}
+		Button:over{ 
+			baseColor: #878787; 
+			color: #FFFFFF; 
+			fontWeight: "bold";
+		}
+		Button:down{ 
+			baseColor: #878787; 
+			color: #000000; 
+			fontWeight: "bold";
+		}
+		Button:disabled { 
+			baseColor: #FFFFFF; 
+			color: #878787; 
+			fontWeight: "bold";
+		}
+	</fx:Style>
+	
+	<fx:Declarations>
+		<s:Rotate3D id="rotateEffect" target="{targetImg}"  
+				    angleXFrom="0.0" angleXTo="{Number(xVal.text)}" 
+					angleYFrom="0.0" angleYTo="{Number(yVal.text)}" 
+					angleZFrom="0.0" angleZTo="{Number(zVal.text)}"
+					duration="{duration.value}"
+					repeatCount="{repeatCnt.value}" repeatBehavior="{chkReverse.selected?'reverse':'loop'}"
+				   	effectStart="this.targetImg.alpha=.8" effectEnd="this.targetImg.alpha=1.0;"/>
+	</fx:Declarations>
+	
+	<!-- Note: A custom panel skin is used for the Tour de Flex samples and is included in the
+	source tabs for each sample.	-->
+	<s:Panel width="100%" height="100%" 
+			 horizontalCenter="0" 
+			 title="Rotate3D Effect Sample" 
+			 skinClass="skins.TDFPanelSkin">
+		
+		<s:HGroup horizontalCenter="0" top="10">
+			<s:VGroup >
+				<s:HGroup verticalAlign="middle">
+					<s:Label text="Rotate X To" verticalAlign="bottom"/>
+					<s:TextInput id="xVal" text="0.0" widthInChars="3"/>
+				</s:HGroup>
+				<s:HGroup verticalAlign="middle">
+					<s:Label text="Rotate Y By" verticalAlign="bottom"/>
+					<s:TextInput id="yVal" text="360.0" widthInChars="3"/>
+				</s:HGroup>
+				<s:HGroup verticalAlign="middle">
+					<s:Label text="Rotate Z To" verticalAlign="bottom"/>
+					<s:TextInput id="zVal" text="0.0" widthInChars="3"/>
+				</s:HGroup>
+				<s:HGroup verticalAlign="middle">
+					<s:Label text="Repeat Num" verticalAlign="bottom"/>
+					<s:NumericStepper id="repeatCnt" value="2" width="35" minimum="1"/>
+				</s:HGroup>
+				<s:HGroup verticalAlign="middle">
+					<s:Label text="Duration" verticalAlign="bottom"/>
+					<s:NumericStepper id="duration" width="58" 
+									  minimum="100" maximum="9999"  
+									  value="1000"  
+									  snapInterval="100" />
+				</s:HGroup>
+				<s:CheckBox id="chkReverse" label="Repeat in Reverse?" selected="true"/>
+				<s:Button id="playButton"
+						  label="Rotate Image" click="rotateEffect.play();"/>
+			</s:VGroup>
+			<s:HGroup horizontalCenter="0" height="60%" verticalAlign="middle" width="10%">
+				<s:BitmapImage id="targetImg" width="200" height="200" source="@Embed(source='assets/ApacheFlexLogo.png')"/>
+			</s:HGroup>
+			<s:VGroup top="0" right="5" horizontalAlign="right">
+				<s:Label text="Rotate3D Effect Sample" fontSize="18" color="#B7B6B6"/>
+				<s:Label color="#323232" width="200" verticalAlign="justify"
+							  text="The Rotate3D class rotates a target object in three dimensions around the x, y, or z
+axes. The rotation occurs around the transform center of the target." textAlign="left"/>
+			</s:VGroup>
+		</s:HGroup>
+		
+	</s:Panel>
+</s:Application>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/spark/effects/Scale3DExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/effects/Scale3DExample.mxml b/TourDeFlex/TourDeFlex3/src/spark/effects/Scale3DExample.mxml
new file mode 100644
index 0000000..c6fd840
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/spark/effects/Scale3DExample.mxml
@@ -0,0 +1,118 @@
+<?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.
+
+-->
+<s:Application
+	xmlns:fx="http://ns.adobe.com/mxml/2009"
+	xmlns:mx="library://ns.adobe.com/flex/mx"
+	xmlns:s="library://ns.adobe.com/flex/spark">
+	
+	<fx:Style>
+		@namespace "library://ns.adobe.com/flex/spark";
+		Label { 
+			baseColor: #000000; 
+			fontFamily: "Arial";
+			fontWeight: "bold";
+			fontSize: "11";
+			advancedAntiAliasing: true;
+		}
+		Button:up{ 
+			baseColor: #000000; 
+			color: #FFFFFF; 
+			fontWeight: "bold";
+		}
+		Button:over{ 
+			baseColor: #878787; 
+			color: #FFFFFF; 
+			fontWeight: "bold";
+		}
+		Button:down{ 
+			baseColor: #878787; 
+			color: #000000; 
+			fontWeight: "bold";
+		}
+		Button:disabled { 
+			baseColor: #FFFFFF; 
+			color: #878787; 
+			fontWeight: "bold";
+		}
+	</fx:Style>
+	
+	<fx:Declarations>
+		<s:Scale3D id="scaleEffect" target="{targetImg}" 
+				   scaleXFrom="1.0" scaleXTo="{Number(xVal.text)}" 
+				   scaleYFrom="1.0" scaleYTo="{Number(yVal.text)}" 
+				   scaleZFrom="1.0" scaleZTo="{Number(zVal.text)}"
+				   duration="{duration.value}"
+				   repeatCount="{repeatCnt.value}" repeatBehavior="{chkReverse.selected?'reverse':'loop'}"
+				   effectStart="this.targetImg.alpha=.7" effectEnd="this.targetImg.alpha=1.0;"/>
+	</fx:Declarations>
+	
+	<!-- Note: A custom panel skin is used for the Tour de Flex samples and is included in the
+	source tabs for each sample.	-->
+	<s:Panel width="100%" height="100%" 
+			 horizontalCenter="0" 
+			 title="Scale3D Effect Sample" 
+			 skinClass="skins.TDFPanelSkin">
+		
+		<s:HGroup left="5" top="5" width="100%" height="100%" horizontalCenter="0">
+			<s:VGroup width="40%">
+				<s:HGroup verticalAlign="middle">
+					<s:Label text="Scale X To" verticalAlign="bottom"/>
+					<s:TextInput id="xVal" text="1.0" widthInChars="3"/>
+				</s:HGroup>
+				<s:HGroup verticalAlign="middle">
+					<s:Label text="Scale Y To" verticalAlign="bottom"/>
+					<s:TextInput id="yVal" text="1.0" widthInChars="3"/>
+				</s:HGroup>
+				<s:HGroup verticalAlign="middle">
+					<s:Label text="Scale Z To" verticalAlign="bottom"/>
+					<s:TextInput id="zVal" text="1.0" widthInChars="3"/>
+				</s:HGroup>
+				<s:HGroup verticalAlign="middle">
+					<s:Label text="Repeat Num" verticalAlign="bottom"/>
+					<s:NumericStepper id="repeatCnt" width="35" 
+									  value="2" minimum="1"/>
+				</s:HGroup>
+				<s:HGroup verticalAlign="middle">
+					<s:Label text="Duration" verticalAlign="bottom"/>
+					<s:NumericStepper id="duration" width="58" 
+									  minimum="100" maximum="9999"  
+									  value="1000"  
+									  snapInterval="100" />
+				</s:HGroup>
+				<s:CheckBox id="chkReverse" label="Repeat in Reverse?" selected="true"/>
+				<s:Button id="playButton"
+						  label="Scale Image" click="scaleEffect.play();"/>
+			</s:VGroup>
+			<s:HGroup horizontalCenter="0" height="30%" verticalAlign="middle" width="40%">
+				<s:BitmapImage id="targetImg" width="200" height="200" source="@Embed(source='assets/ApacheFlexLogo.png')"/>				
+			</s:HGroup>
+			<s:VGroup top="0" right="5" horizontalAlign="right" width="30%">
+				<s:Label text="Scale3D Effect Sample" fontSize="18" color="#B7B6B6"/>
+				<s:Label color="#323232" width="200" verticalAlign="justify"
+							  text="The Scale3D class scales a target object in three dimensions around the transform center. A scale of 
+2.0 means the object has been magnified by a factor of 2, and a scale of 0.5 means the object has been 
+reduced by a factor of 2. A scale value of 0.0 is invalid."/>
+			</s:VGroup>
+		</s:HGroup>
+	
+			
+		
+	</s:Panel>
+</s:Application>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/spark/effects/WipeExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/effects/WipeExample.mxml b/TourDeFlex/TourDeFlex3/src/spark/effects/WipeExample.mxml
new file mode 100644
index 0000000..ac96897
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/spark/effects/WipeExample.mxml
@@ -0,0 +1,72 @@
+<?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.
+
+-->
+<s:Application
+	xmlns:fx="http://ns.adobe.com/mxml/2009"
+	xmlns:mx="library://ns.adobe.com/flex/mx"
+	xmlns:s="library://ns.adobe.com/flex/spark">
+	
+	<s:states>
+		<s:State name="default"/>
+		<s:State name="flipped"/>
+	</s:states>
+	
+	<s:transitions>
+		<s:Transition id="t1">
+			<s:Wipe id="wipe"
+					direction="right"
+					target="{holder}"
+					duration="1000" />
+		</s:Transition>
+	</s:transitions>
+	
+	<s:Panel title="Wipe Effect Example" skinClass="skins.TDFPanelSkin"
+			 width="100%" height="100%">
+		
+		<s:HGroup horizontalCenter="0" top="15" >
+			<s:VGroup width="100%" height="100%">
+				<s:Group id="holder">
+					<s:BitmapImage
+						source="@Embed('assets/back.png')"
+						visible="true" visible.flipped="false"/>
+					<s:BitmapImage width="200" height="200" 
+						source="@Embed('assets/ApacheFlexLogo.png')"
+						visible="false" visible.flipped="true"/>
+					
+				</s:Group>
+				<s:Button 
+					label="Wipe Right"
+					click="currentState = (currentState == 'flipped') ? 'default' : 'flipped';" />
+			</s:VGroup>
+			
+			
+			<!-- Directions -->
+			<s:VGroup id="detailsBox"
+					  width="400"
+					  left="0">
+				<s:Label
+					width="400"
+					color="#323232"
+					text="The Wipe effect wipes from bitmapFrom to the bitmapTo image in the given direction. Click the 'Wipe Right' button to see the effect."/>
+			</s:VGroup>
+		</s:HGroup>
+		
+	</s:Panel>
+	
+</s:Application>
\ No newline at end of file

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

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

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/spark/effects/assets/back.png
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/effects/assets/back.png b/TourDeFlex/TourDeFlex3/src/spark/effects/assets/back.png
new file mode 100644
index 0000000..19367fb
Binary files /dev/null and b/TourDeFlex/TourDeFlex3/src/spark/effects/assets/back.png differ

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/spark/effects/assets/images/2.jpg
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/effects/assets/images/2.jpg b/TourDeFlex/TourDeFlex3/src/spark/effects/assets/images/2.jpg
new file mode 100644
index 0000000..2533129
Binary files /dev/null and b/TourDeFlex/TourDeFlex3/src/spark/effects/assets/images/2.jpg differ

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/spark/effects/assets/images/3.jpg
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/effects/assets/images/3.jpg b/TourDeFlex/TourDeFlex3/src/spark/effects/assets/images/3.jpg
new file mode 100644
index 0000000..b98cd8a
Binary files /dev/null and b/TourDeFlex/TourDeFlex3/src/spark/effects/assets/images/3.jpg differ

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/spark/effects/assets/images/4.jpg
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/effects/assets/images/4.jpg b/TourDeFlex/TourDeFlex3/src/spark/effects/assets/images/4.jpg
new file mode 100644
index 0000000..657c12b
Binary files /dev/null and b/TourDeFlex/TourDeFlex3/src/spark/effects/assets/images/4.jpg differ

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/spark/effects/assets/images/5.jpg
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/effects/assets/images/5.jpg b/TourDeFlex/TourDeFlex3/src/spark/effects/assets/images/5.jpg
new file mode 100644
index 0000000..e296f9c
Binary files /dev/null and b/TourDeFlex/TourDeFlex3/src/spark/effects/assets/images/5.jpg differ

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/spark/effects/assets/images/6.jpg
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/effects/assets/images/6.jpg b/TourDeFlex/TourDeFlex3/src/spark/effects/assets/images/6.jpg
new file mode 100644
index 0000000..5ebc534
Binary files /dev/null and b/TourDeFlex/TourDeFlex3/src/spark/effects/assets/images/6.jpg differ

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/spark/effects/assets/images/7.jpg
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/effects/assets/images/7.jpg b/TourDeFlex/TourDeFlex3/src/spark/effects/assets/images/7.jpg
new file mode 100644
index 0000000..3047de0
Binary files /dev/null and b/TourDeFlex/TourDeFlex3/src/spark/effects/assets/images/7.jpg differ

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/spark/effects/assets/images/8.jpg
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/effects/assets/images/8.jpg b/TourDeFlex/TourDeFlex3/src/spark/effects/assets/images/8.jpg
new file mode 100644
index 0000000..4e3f9ca
Binary files /dev/null and b/TourDeFlex/TourDeFlex3/src/spark/effects/assets/images/8.jpg differ

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/spark/effects/assets/images/9.jpg
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/effects/assets/images/9.jpg b/TourDeFlex/TourDeFlex3/src/spark/effects/assets/images/9.jpg
new file mode 100644
index 0000000..ed4e5fe
Binary files /dev/null and b/TourDeFlex/TourDeFlex3/src/spark/effects/assets/images/9.jpg differ

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/spark/effects/skins/TDFPanelSkin.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/effects/skins/TDFPanelSkin.mxml b/TourDeFlex/TourDeFlex3/src/spark/effects/skins/TDFPanelSkin.mxml
new file mode 100644
index 0000000..4b06e54
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/spark/effects/skins/TDFPanelSkin.mxml
@@ -0,0 +1,170 @@
+<?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.
+
+-->
+
+
+<!--- Custom Spark Panel Skin created for Tour de Flex.  
+
+@langversion 3.0
+@playerversion Flash 10
+@playerversion AIR 1.5
+@productversion Flex 4
+-->
+<s:SparkSkin xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark" alpha.disabled="0.5"
+			 blendMode.disabled="layer">
+	
+	<fx:Metadata>
+		<![CDATA[ 
+		/** 
+		* @copy spark.skins.spark.ApplicationSkin#hostComponent
+		*/
+		[HostComponent("spark.components.Panel")]
+		]]>
+	</fx:Metadata> 
+	
+	<fx:Script>
+		/* Define the skin elements that should not be colorized. 
+		For panel, border and title backround are skinned, but the content area and title text are not. */
+		static private const exclusions:Array = ["background", "titleDisplay", "contentGroup", "bgFill"];
+		
+		/** 
+		 * @copy spark.skins.SparkSkin#colorizeExclusions
+		 */     
+		override public function get colorizeExclusions():Array {return exclusions;}
+		
+		/* Define the content fill items that should be colored by the "contentBackgroundColor" style. */
+		static private const contentFill:Array = [];
+		
+		/**
+		 * @inheritDoc
+		 */
+		override public function get contentItems():Array {return contentFill};
+	</fx:Script>
+	
+	<s:states>
+		<s:State name="normal" />
+		<s:State name="disabled" />
+		<s:State name="normalWithControlBar" />
+		<s:State name="disabledWithControlBar" />
+	</s:states>
+	
+	<!-- drop shadow -->
+	<s:RectangularDropShadow id="shadow" blurX="20" blurY="20" alpha="0.32" distance="11" 
+							 angle="90" color="#000000" left="0" top="0" right="0" bottom="0"/>
+	
+	<!-- layer 1: border -->
+	<s:Rect left="0" right="0" top="0" bottom="0">
+		<s:stroke>
+			<s:SolidColorStroke color="0" alpha="0.50" weight="1" />
+		</s:stroke>
+	</s:Rect>
+	
+	
+	<!-- layer 2: background fill -->
+	<s:Rect left="0" right="0" bottom="0" height="15">
+		<s:fill>
+			<s:LinearGradient rotation="90">
+				<s:GradientEntry color="0xE2E2E2" />
+				<s:GradientEntry color="0x000000" />
+			</s:LinearGradient>
+		</s:fill>
+	</s:Rect>
+	
+	<!-- layer 3: contents -->
+	<!--- contains the vertical stack of titlebar content and controlbar -->
+	<s:Group left="1" right="1" top="1" bottom="1" >
+		<s:layout>
+			<s:VerticalLayout gap="0" horizontalAlign="justify" />
+		</s:layout>
+		
+		<s:Group id="topGroup" >
+			<!-- layer 0: title bar fill -->
+			<!-- Note: We have custom skinned the title bar to be solid black for Tour de Flex -->
+			<s:Rect id="tbFill" left="0" right="0" top="0" bottom="1" >
+				<s:fill>
+					<s:SolidColor color="0x000000" />
+				</s:fill>
+			</s:Rect>
+			
+			<!-- layer 1: title bar highlight -->
+			<s:Rect id="tbHilite" left="0" right="0" top="0" bottom="0" >
+				<s:stroke>
+					<s:LinearGradientStroke rotation="90" weight="1">
+						<s:GradientEntry color="0xEAEAEA" />
+						<s:GradientEntry color="0xD9D9D9" />
+					</s:LinearGradientStroke>
+				</s:stroke>
+			</s:Rect>
+			
+			<!-- layer 2: title bar divider -->
+			<s:Rect id="tbDiv" left="0" right="0" height="1" bottom="0">
+				<s:fill>
+					<s:SolidColor color="0xC0C0C0" />
+				</s:fill>
+			</s:Rect>
+			
+			<!-- layer 3: text -->
+			<!--- Defines the appearance of the PanelSkin class's title bar. -->
+			<!-- Note: The title text display has been slightly modified for Tour de Flex. -->
+			<s:Label id="titleDisplay" lineBreak="explicit"
+						  left="9" top="1" bottom="0" minHeight="30"
+						  verticalAlign="middle" fontWeight="bold" color="#E2E2E2">
+			</s:Label>
+		</s:Group>
+		
+		<!--
+		Note: setting the minimum size to 0 here so that changes to the host component's
+		size will not be thwarted by this skin part's minimum size.   This is a compromise,
+		more about it here: http://bugs.adobe.com/jira/browse/SDK-21143
+		-->
+		<s:Group id="contentGroup" width="100%" height="100%" minWidth="0" minHeight="0">
+		</s:Group>
+		
+		<s:Group id="bottomGroup" minWidth="0" minHeight="0"
+				 includeIn="normalWithControlBar, disabledWithControlBar" >
+			
+			<!-- layer 0: control bar background -->
+			<!-- Note: We are skinning this to be the gradient in case we do specify control
+			bar content, but it will only display if there's a controlBarContent
+			property specified.-->
+			<s:Rect left="0" right="0" bottom="0" top="0" height="15">
+				<s:fill>
+					<s:LinearGradient rotation="90">
+						<s:GradientEntry color="0xE2E2E2" />
+						<s:GradientEntry color="0x000000" />
+					</s:LinearGradient>
+				</s:fill>
+			</s:Rect>
+			
+			<!-- layer 1: control bar divider line -->
+			<s:Rect left="0" right="0" top="0" height="1" >
+				<s:fill>
+					<s:SolidColor color="0xCDCDCD" />
+				</s:fill>
+			</s:Rect>
+			
+			<!-- layer 2: control bar -->
+			<s:Group id="controlBarGroup" left="0" right="0" top="1" bottom="0" minWidth="0" minHeight="0">
+				<s:layout>
+					<s:HorizontalLayout paddingLeft="10" paddingRight="10" paddingTop="10" paddingBottom="10" />
+				</s:layout>
+			</s:Group>
+		</s:Group>
+	</s:Group>
+</s:SparkSkin>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/spark/events/EventExample1.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/events/EventExample1.mxml b/TourDeFlex/TourDeFlex3/src/spark/events/EventExample1.mxml
new file mode 100644
index 0000000..e7557f4
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/spark/events/EventExample1.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.
+
+-->
+<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"  
+			   xmlns:s="library://ns.adobe.com/flex/spark" 
+			   xmlns:mx="library://ns.adobe.com/flex/mx" 
+			   skinClass="TDFGradientBackgroundSkin">
+	
+	<fx:Script>
+		<![CDATA[
+			import mx.controls.Alert;
+		]]>
+	</fx:Script>
+	
+	<s:layout>
+		<s:HorizontalLayout verticalAlign="middle" horizontalAlign="center" />
+	</s:layout>
+	
+	<s:Panel title="Handling Events - Inline property Sample"
+			 width="600" height="100%"
+			 color="0x000000" 
+			 borderAlpha="0.15">
+		
+		<s:layout>
+			<s:VerticalLayout horizontalAlign="center" 
+							  paddingLeft="10" paddingRight="10" 
+							  paddingTop="10" paddingBottom="10"/>
+		</s:layout>
+		
+		<!-- Handling Events - Inline Property -->
+		
+		<s:Button label="click me" click="Alert.show('clicked!')"/>    
+		
+	</s:Panel>
+	
+</s:Application>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/spark/events/EventExample2.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/events/EventExample2.mxml b/TourDeFlex/TourDeFlex3/src/spark/events/EventExample2.mxml
new file mode 100644
index 0000000..075743b
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/spark/events/EventExample2.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.
+
+-->
+<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"  
+			   xmlns:s="library://ns.adobe.com/flex/spark" 
+			   xmlns:mx="library://ns.adobe.com/flex/mx" 
+			   skinClass="TDFGradientBackgroundSkin">
+	
+	<fx:Script>
+		<![CDATA[
+			import mx.controls.Alert;
+		]]>
+	</fx:Script>
+	
+	<s:layout>
+		<s:HorizontalLayout verticalAlign="middle" horizontalAlign="center" />
+	</s:layout>
+	
+	<s:Panel title="Handling Events - Inline Block Sample"
+			 width="600" height="100%"
+			 color="0x000000" 
+			 borderAlpha="0.15">
+		
+		<s:layout>
+			<s:VerticalLayout horizontalAlign="center" 
+							  paddingLeft="10" paddingRight="10" 
+							  paddingTop="10" paddingBottom="10"/>
+		</s:layout>
+		
+		<!-- Handling Events - Inline Block -->
+		
+		<s:Button id="b" label="click me once">
+			<s:click>
+				b.enabled = false;
+				mx.controls.Alert.show('clicked!');
+			</s:click>
+		</s:Button>
+	</s:Panel>
+	
+</s:Application>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/spark/events/EventExample3.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/events/EventExample3.mxml b/TourDeFlex/TourDeFlex3/src/spark/events/EventExample3.mxml
new file mode 100644
index 0000000..780d0da
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/spark/events/EventExample3.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.
+
+-->
+<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"  
+			   xmlns:s="library://ns.adobe.com/flex/spark" 
+			   xmlns:mx="library://ns.adobe.com/flex/mx" 
+			   skinClass="TDFGradientBackgroundSkin">
+	
+	<fx:Script>
+		<![CDATA[
+			import mx.controls.Alert;
+			
+			private function handleClick(event:MouseEvent):void
+			{
+				b.enabled = false;
+				mx.controls.Alert.show('clicked!');
+			}
+		]]>
+	</fx:Script>
+	
+	<s:layout>
+		<s:HorizontalLayout verticalAlign="middle" horizontalAlign="center" />
+	</s:layout>
+	
+	<s:Panel title="Handling Events - Function Sample"
+			 width="600" height="100%"
+			 color="0x000000" 
+			 borderAlpha="0.15">
+		
+		<s:layout>
+			<s:VerticalLayout horizontalAlign="center" 
+							  paddingLeft="10" paddingRight="10" 
+							  paddingTop="10" paddingBottom="10"/>
+		</s:layout>
+		
+		<!-- Handling Events - Function -->
+		
+		<s:Button id="b" label="click me once" click="handleClick(event)"/>
+	</s:Panel>
+	
+</s:Application>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/spark/events/EventExample4.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/events/EventExample4.mxml b/TourDeFlex/TourDeFlex3/src/spark/events/EventExample4.mxml
new file mode 100644
index 0000000..609302f
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/spark/events/EventExample4.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.
+
+-->
+<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"  
+			   xmlns:s="library://ns.adobe.com/flex/spark" 
+			   xmlns:mx="library://ns.adobe.com/flex/mx" 
+			   skinClass="TDFGradientBackgroundSkin">
+	
+	<fx:Script>
+		<![CDATA[
+			import mx.controls.Alert;
+			
+			private function handleClick(event:MouseEvent):void
+			{
+				b.enabled = false;
+				Alert.show('clicked!');
+			}
+		]]>
+	</fx:Script>
+	
+	<s:layout>
+		<s:HorizontalLayout verticalAlign="middle" horizontalAlign="center" />
+	</s:layout>
+	
+	<s:Panel title="Handling Events - Function with addEventListener Sample"
+			 width="600" height="100%"
+			 color="0x000000" 
+			 borderAlpha="0.15">
+		
+		<s:layout>
+			<s:VerticalLayout horizontalAlign="center" 
+							  paddingLeft="10" paddingRight="10" 
+							  paddingTop="10" paddingBottom="10"/>
+		</s:layout>
+		
+		
+		<!-- Handling Events - Function with addEventListener -->
+		
+		<s:Button id="b" label="click me once">
+			<s:creationComplete>
+				b.addEventListener(MouseEvent.CLICK, handleClick);
+			</s:creationComplete>
+		</s:Button>
+		
+	</s:Panel>
+	
+</s:Application>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/spark/events/EventExample5.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/events/EventExample5.mxml b/TourDeFlex/TourDeFlex3/src/spark/events/EventExample5.mxml
new file mode 100644
index 0000000..4ffe293
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/spark/events/EventExample5.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.
+
+-->
+<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"  
+			   xmlns:s="library://ns.adobe.com/flex/spark" 
+			   xmlns:mx="library://ns.adobe.com/flex/mx" 
+			   xmlns:local="*"
+			   skinClass="TDFGradientBackgroundSkin">
+	
+	<fx:Script>
+		<![CDATA[
+			import mx.controls.Alert;
+		]]>
+	</fx:Script>
+	
+	<s:layout>
+		<s:HorizontalLayout verticalAlign="middle" horizontalAlign="center" />
+	</s:layout>
+	
+	<fx:Declarations>
+		
+		<!-- Dispatching an Event -->
+		<local:FiveSecondTrigger triggered="Alert.show('five second event triggered')"/>
+	</fx:Declarations>
+	
+	<s:Panel title="Dispatching Events Sample"
+			 width="600" height="100%"
+			 color="0x000000" 
+			 borderAlpha="0.15">
+		
+		<s:layout>
+			<s:VerticalLayout horizontalAlign="center" 
+							  paddingLeft="10" paddingRight="10" 
+							  paddingTop="10" paddingBottom="10"/>
+		</s:layout>
+		
+		<s:Label text="wait 5 seconds" color="0x000000"/>
+		
+	</s:Panel>
+	
+</s:Application>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/spark/events/EventExample6.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/events/EventExample6.mxml b/TourDeFlex/TourDeFlex3/src/spark/events/EventExample6.mxml
new file mode 100644
index 0000000..eb82cfb
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/spark/events/EventExample6.mxml
@@ -0,0 +1,58 @@
+<?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.
+
+-->
+<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"  
+			   xmlns:s="library://ns.adobe.com/flex/spark" 
+			   xmlns:mx="library://ns.adobe.com/flex/mx" 
+			   skinClass="TDFGradientBackgroundSkin">
+	
+	<fx:Script>
+		<![CDATA[
+			import mx.controls.Alert;
+		]]>
+	</fx:Script>
+	
+	<s:layout>
+		<s:HorizontalLayout verticalAlign="middle" horizontalAlign="center" />
+	</s:layout>
+	
+	<s:Panel title="Dispatching Custom Events Sample"
+			 width="600" height="100%"
+			 color="0x000000" 
+			 borderAlpha="0.15">
+		
+		<s:layout>
+			<s:VerticalLayout horizontalAlign="center" 
+							  paddingLeft="10" paddingRight="10" 
+							  paddingTop="10" paddingBottom="10"/>
+		</s:layout>
+		
+		<!-- Dispatching a Custom Event -->
+		
+		<s:initialize>
+			addEventListener(MyEvent.TRIGGERED, function(event:MyEvent):void {
+				mx.controls.Alert.show('event handled!'); 
+			});
+		</s:initialize>
+		
+		<s:Button label="fire the event!" click="dispatchEvent(new MyEvent(MyEvent.TRIGGERED))"/>
+		
+	</s:Panel>
+	
+</s:Application>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/spark/events/FiveSecondTrigger.as
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/events/FiveSecondTrigger.as b/TourDeFlex/TourDeFlex3/src/spark/events/FiveSecondTrigger.as
new file mode 100644
index 0000000..7c562d4
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/spark/events/FiveSecondTrigger.as
@@ -0,0 +1,44 @@
+////////////////////////////////////////////////////////////////////////////////
+//
+//  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.
+//
+////////////////////////////////////////////////////////////////////////////////
+package
+{
+    import flash.events.Event;
+    import flash.events.EventDispatcher;
+    import flash.events.TimerEvent;
+    import flash.utils.Timer;
+    
+    [Event(name="triggered")]
+    
+    public class FiveSecondTrigger extends EventDispatcher
+    {
+        public function FiveSecondTrigger()
+        {
+            var t:Timer = new Timer(5000, 1);
+            t.addEventListener(TimerEvent.TIMER, handleTimer);
+            t.start();
+        }
+        
+        private function handleTimer(event:TimerEvent):void
+        {
+            var e:Event = new Event("triggered");
+            dispatchEvent(e);
+        }
+
+    }
+}
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/spark/events/MyEvent.as
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/events/MyEvent.as b/TourDeFlex/TourDeFlex3/src/spark/events/MyEvent.as
new file mode 100644
index 0000000..28b176c
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/spark/events/MyEvent.as
@@ -0,0 +1,33 @@
+////////////////////////////////////////////////////////////////////////////////
+//
+//  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.
+//
+////////////////////////////////////////////////////////////////////////////////
+package
+{
+    import mx.events.FlexEvent;
+
+    public class MyEvent extends FlexEvent
+    {
+        public static const TRIGGERED:String = "triggered"; 
+        
+        public function MyEvent(type:String, bubbles:Boolean=false, cancelable:Boolean=false)
+        {
+            super(type, bubbles, cancelable);
+        }
+        
+    }
+}
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/spark/events/TDFGradientBackgroundSkin.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/events/TDFGradientBackgroundSkin.mxml b/TourDeFlex/TourDeFlex3/src/spark/events/TDFGradientBackgroundSkin.mxml
new file mode 100644
index 0000000..553aee3
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/spark/events/TDFGradientBackgroundSkin.mxml
@@ -0,0 +1,49 @@
+<?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.
+
+-->
+<s:SparkSkin xmlns:fx="http://ns.adobe.com/mxml/2009" 
+			 xmlns:mx="library://ns.adobe.com/flex/mx" 
+			 xmlns:s="library://ns.adobe.com/flex/spark">
+	
+	<fx:Metadata>
+		[HostComponent("spark.components.Application")]
+	</fx:Metadata> 
+	
+	<s:states>
+		<s:State name="normal" />
+		<s:State name="disabled" />
+	</s:states>
+	
+	<s:layout>
+		<s:BasicLayout />
+	</s:layout>
+	
+	<s:Rect id="bg" width="100%" height="100%">
+		<s:fill>
+			<s:LinearGradient rotation="90">
+				<s:entries>
+					<s:GradientEntry color="0x000000" ratio="0.00" />
+					<s:GradientEntry color="0x323232" ratio="1.0" />
+				</s:entries>
+			</s:LinearGradient>    
+		</s:fill>
+	</s:Rect>
+	
+	<s:Group id="contentGroup" left="0" right="0" top="0" bottom="0" />
+</s:SparkSkin>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/spark/formatters/CurrencyFormatterExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/formatters/CurrencyFormatterExample.mxml b/TourDeFlex/TourDeFlex3/src/spark/formatters/CurrencyFormatterExample.mxml
new file mode 100644
index 0000000..07c52f5
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/spark/formatters/CurrencyFormatterExample.mxml
@@ -0,0 +1,86 @@
+<?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.
+
+-->
+<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"  
+			   xmlns:s="library://ns.adobe.com/flex/spark" 
+			   xmlns:mx="library://ns.adobe.com/flex/mx" 
+			   skinClass="TDFGradientBackgroundSkin">
+	
+	<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>
+	
+	<s:layout>
+		<s:HorizontalLayout verticalAlign="middle" horizontalAlign="center" />
+	</s:layout>
+	
+	<fx:Declarations>
+		<mx:CurrencyFormatter id="usdFormatter" precision="2" currencySymbol="$" decimalSeparatorFrom="."  rounding="nearest"
+							  decimalSeparatorTo="." useNegativeSign="true" useThousandsSeparator="true" alignSymbol="left"/>
+		
+		<mx:NumberValidator id="numVal" source="{priceUS}" property="text" allowNegative="true" domain="real"/>
+	</fx:Declarations>
+	
+	
+	<s:Panel title="CurrencyFormatter Example" width="600" height="100%"
+			 color="0x000000" 
+			 borderAlpha="0.15">
+		
+		<s:layout>
+			<s:HorizontalLayout horizontalAlign="center" 
+								paddingLeft="10" paddingRight="10" 
+								paddingTop="10" paddingBottom="10"/>
+		</s:layout>
+		
+		<mx:Form color="0x323232">
+			<mx:FormItem label="Enter dollar amount:">
+				<s:TextInput id="priceUS" text="" width="50%"/>
+			</mx:FormItem>
+			
+			<mx:FormItem label="Formatted U.S. dollar amount: ">
+				<s:Label id="formattedUSPrice" text="" />
+			</mx:FormItem>
+			
+			<mx:FormItem>
+				<s:Button label="Validate and Format" click="Format();"/>
+			</mx:FormItem>
+		</mx:Form>
+		
+	</s:Panel>
+	
+</s:Application>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/spark/formatters/DateFormatterExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/formatters/DateFormatterExample.mxml b/TourDeFlex/TourDeFlex3/src/spark/formatters/DateFormatterExample.mxml
new file mode 100644
index 0000000..5162dd5
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/spark/formatters/DateFormatterExample.mxml
@@ -0,0 +1,82 @@
+<?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.
+
+-->
+<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"  
+			   xmlns:s="library://ns.adobe.com/flex/spark" 
+			   xmlns:mx="library://ns.adobe.com/flex/mx" 
+			   skinClass="TDFGradientBackgroundSkin">
+	
+	<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>
+	
+	<s:layout>
+		<s:HorizontalLayout verticalAlign="middle" horizontalAlign="center" />
+	</s:layout>
+    
+	<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>
+    
+    
+	<s:Panel title="DateFormatter Example" width="600" height="100%"
+			 color="0x000000" 
+			 borderAlpha="0.15">
+		
+		<s:layout>
+			<s:HorizontalLayout horizontalAlign="center" 
+								paddingLeft="10" paddingRight="10" 
+								paddingTop="10" paddingBottom="10"/>
+		</s:layout>
+         
+         <mx:Form width="100%" color="0x323232">
+            <mx:FormItem label="Enter date (mm/dd/yyyy):" width="100%">
+                <s:TextInput id="dob" text=""/>
+            </mx:FormItem>
+
+            <mx:FormItem label="Formatted date: " width="100%">
+                <s:Label id="formattedDate" text="" />
+            </mx:FormItem>
+
+            <mx:FormItem>
+                <s:Button label="Validate and Format" click="Format();"/>
+            </mx:FormItem>
+        </mx:Form>
+        
+	</s:Panel>
+</s:Application>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/spark/formatters/NumberFormatterExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/formatters/NumberFormatterExample.mxml b/TourDeFlex/TourDeFlex3/src/spark/formatters/NumberFormatterExample.mxml
new file mode 100644
index 0000000..e0c9127
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/spark/formatters/NumberFormatterExample.mxml
@@ -0,0 +1,82 @@
+<?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.
+
+-->
+<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"  
+			   xmlns:s="library://ns.adobe.com/flex/spark" 
+			   xmlns:mx="library://ns.adobe.com/flex/mx" 
+			   skinClass="TDFGradientBackgroundSkin">
+	
+	<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>
+	
+	<s:layout>
+		<s:HorizontalLayout verticalAlign="middle" horizontalAlign="center" />
+	</s:layout>
+	
+	<fx:Declarations>
+		<mx:NumberFormatter id="numberFormatter" />
+	</fx:Declarations>
+	
+	<s:Panel title="Formatter Example" width="600" height="100%"
+			 color="0x000000" 
+			 borderAlpha="0.15">
+		
+		<s:layout>
+			<s:HorizontalLayout horizontalAlign="center" 
+								paddingLeft="10" paddingRight="10" 
+								paddingTop="10" paddingBottom="10"/>
+		</s:layout>
+		
+		<mx:Form color="0x323232">
+			<mx:FormItem label="Enter number - a letter is invalid:">
+				<s:TextInput id="inputVal" text="" width="75%"/>
+			</mx:FormItem>
+			
+			<mx:FormItem label="Formatted number: ">
+				<s:Label id="formattedNumber" />
+			</mx:FormItem>
+			
+			<mx:FormItem>
+				<s:Button label="Validate and Format" click="Format();"/>
+			</mx:FormItem>
+		</mx:Form>
+		
+	</s:Panel>
+	
+</s:Application>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex3/src/spark/formatters/PhoneFormatterExample.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex3/src/spark/formatters/PhoneFormatterExample.mxml b/TourDeFlex/TourDeFlex3/src/spark/formatters/PhoneFormatterExample.mxml
new file mode 100644
index 0000000..49f114c
--- /dev/null
+++ b/TourDeFlex/TourDeFlex3/src/spark/formatters/PhoneFormatterExample.mxml
@@ -0,0 +1,82 @@
+<?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.
+
+-->
+<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"  
+			   xmlns:s="library://ns.adobe.com/flex/spark" 
+			   xmlns:mx="library://ns.adobe.com/flex/mx" 
+			   skinClass="TDFGradientBackgroundSkin">
+	
+	<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>
+	
+	<s:layout>
+		<s:HorizontalLayout verticalAlign="middle" horizontalAlign="center" />
+	</s:layout>
+	
+	<fx:Declarations>
+		<mx:PhoneFormatter id="phoneFormatter" formatString="(###) ###-####" validPatternChars="#-() "/>
+		
+		<mx:PhoneNumberValidator id="pnVal" source="{phone}" property="text" allowedFormatChars=""/>
+	</fx:Declarations>
+	
+	<s:Panel title="PhoneNumberValidator Example" width="600" height="100%"
+			 color="0x000000" 
+			 borderAlpha="0.15">
+		
+		<s:layout>
+			<s:HorizontalLayout horizontalAlign="center" 
+								paddingLeft="10" paddingRight="10" 
+								paddingTop="10" paddingBottom="10"/>
+		</s:layout>
+		
+		<mx:Form color="0x323232">
+			<mx:FormItem label="Enter a 10-digit phone number:">
+				<s:TextInput id="phone" text="" width="75%"/>
+			</mx:FormItem>
+			
+			<mx:FormItem label="Formatted phone number: ">
+				<s:Label id="formattedPhone" text="" />
+			</mx:FormItem>
+			
+			<mx:FormItem>
+				<s:Button label="Validate and Format" click="Format();"/>
+			</mx:FormItem>
+		</mx:Form>
+		
+	</s:Panel>
+	
+</s:Application>