You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@flex.apache.org by pi...@apache.org on 2015/01/26 23:04:57 UTC

[20/56] [abbrv] [partial] git commit: [flex-utilities] [refs/heads/develop] - trying to merge TourDeFlex develop release into master

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/source/final-sample/SearchDemo.mxml.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/source/final-sample/SearchDemo.mxml.html b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/source/final-sample/SearchDemo.mxml.html
index 6401361..f5ce29b 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/source/final-sample/SearchDemo.mxml.html
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/source/final-sample/SearchDemo.mxml.html
@@ -14,61 +14,61 @@
   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>SearchDemo.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:Application</span><span class="MXMLDefault_Text"> xmlns:mx=&quot;</span><span class="MXMLString">http://www.adobe.com/2006/mxml</span><span class="MXMLDefault_Text">&quot; xmlns=&quot;</span><span class="MXMLString">*</span><span class="MXMLDefault_Text">&quot; 
-    verticalGap=&quot;</span><span class="MXMLString">30</span><span class="MXMLDefault_Text">&quot; horizontalAlign=&quot;</span><span class="MXMLString">left</span><span class="MXMLDefault_Text">&quot; backgroundGradientColors=&quot;</span><span class="MXMLString">[0x000000,0x323232]</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">&gt;</span>
-
-    <span class="MXMLSpecial_Tag">&lt;mx:Style&gt;</span>
-        <span class="CSSSelector">Label </span><span class="CSSDelimiters">{</span>
-            <span class="CSSProperty_Name">color</span><span class="CSSDelimiters">:</span> <span class="CSSProperty_Value">#FFFFFF</span><span class="CSSDelimiters">;</span>
-        <span class="CSSDelimiters">}</span>
-    <span class="MXMLSpecial_Tag">&lt;/mx:Style&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">mx</span>.<span class="ActionScriptDefault_Text">collections</span>.<span class="ActionScriptDefault_Text">ArrayCollection</span>;
-            
-            <span class="ActionScriptReserved">private</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">names</span><span class="ActionScriptOperator">:</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="ActionScriptString">&quot;John Smith&quot;</span>, <span class="ActionScriptString">&quot;Jane Doe&quot;</span>, <span class="ActionScriptString">&quot;Paul Dupont&quot;</span>, <span class="ActionScriptString">&quot;Liz Jones&quot;</span>, <span class="ActionScriptString">&quot;Marie Taylor&quot;</span><span class="ActionScriptBracket/Brace">])</span>;
-            
-            <span class="ActionScriptReserved">private</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">searchName</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">item</span><span class="ActionScriptOperator">:</span><span class="ActionScriptDefault_Text">Object</span><span class="ActionScriptBracket/Brace">)</span><span class="ActionScriptOperator">:</span><span class="ActionScriptDefault_Text">Boolean</span>
-            <span class="ActionScriptBracket/Brace">{</span>
-                <span class="ActionScriptReserved">return</span> <span class="ActionScriptDefault_Text">item</span>.<span class="ActionScriptDefault_Text">toLowerCase</span><span class="ActionScriptBracket/Brace">()</span>.<span class="ActionScriptDefault_Text">search</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">searchBox</span>.<span class="ActionScriptDefault_Text">text</span><span class="ActionScriptBracket/Brace">)</span> <span class="ActionScriptOperator">!=</span> <span class="ActionScriptOperator">-</span>1;
-            <span class="ActionScriptBracket/Brace">}</span>
-          
-            <span class="ActionScriptReserved">private</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">textChangeHandler</span><span class="ActionScriptBracket/Brace">()</span><span class="ActionScriptOperator">:</span><span class="ActionScriptReserved">void</span>
-            <span class="ActionScriptBracket/Brace">{</span>
-                <span class="ActionScriptDefault_Text">names</span>.<span class="ActionScriptDefault_Text">filterFunction</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">searchName</span>;
-                <span class="ActionScriptDefault_Text">names</span>.<span class="ActionScriptDefault_Text">refresh</span><span class="ActionScriptBracket/Brace">()</span>;
-                <span class="ActionScriptDefault_Text">searchBox</span>.<span class="ActionScriptDefault_Text">dataProvider</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">names</span>;
-            <span class="ActionScriptBracket/Brace">}</span>
-
-            <span class="ActionScriptReserved">private</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">itemSelectedHandler</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">event</span><span class="ActionScriptOperator">:</span><span class="ActionScriptDefault_Text">SearchBoxEvent</span><span class="ActionScriptBracket/Brace">)</span><span class="ActionScriptOperator">:</span><span class="ActionScriptReserved">void</span>
-            <span class="ActionScriptBracket/Brace">{</span>
-                <span class="ActionScriptDefault_Text">fullName</span>.<span class="ActionScriptDefault_Text">text</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">event</span>.<span class="ActionScriptDefault_Text">item</span> <span class="ActionScriptReserved">as</span> <span class="ActionScriptDefault_Text">String</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:HBox</span><span class="MXMLDefault_Text"> width=&quot;</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">&quot; horizontalAlign=&quot;</span><span class="MXMLString">right</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"> text=&quot;</span><span class="MXMLString">Type a few characters to search:</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
-        <span class="MXMLComponent_Tag">&lt;SearchBox</span><span class="MXMLDefault_Text"> id=&quot;</span><span class="MXMLString">searchBox</span><span class="MXMLDefault_Text">&quot; textChange=&quot;</span><span class="ActionScriptDefault_Text">textChangeHandler</span><span class="ActionScriptBracket/Brace">()</span><span class="MXMLDefault_Text">&quot; itemSelected=&quot;</span><span class="ActionScriptDefault_Text">itemSelectedHandler</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">event</span><span class="ActionScriptBracket/Brace">)</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
-    <span class="MXMLComponent_Tag">&lt;/mx:HBox&gt;</span>
-
-    <span class="MXMLComponent_Tag">&lt;mx:FormItem</span><span class="MXMLDefault_Text"> label=&quot;</span><span class="MXMLString">You selected:</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">&gt;</span>
-        <span class="MXMLComponent_Tag">&lt;mx:TextInput</span><span class="MXMLDefault_Text"> id=&quot;</span><span class="MXMLString">fullName</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
-    <span class="MXMLComponent_Tag">&lt;/mx:FormItem&gt;</span>
-    
-<span class="MXMLComponent_Tag">&lt;/mx:Application&gt;</span></pre></body>
-</html>
+<!-- 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>SearchDemo.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:Application</span><span class="MXMLDefault_Text"> xmlns:mx=&quot;</span><span class="MXMLString">http://www.adobe.com/2006/mxml</span><span class="MXMLDefault_Text">&quot; xmlns=&quot;</span><span class="MXMLString">*</span><span class="MXMLDefault_Text">&quot; 
+    verticalGap=&quot;</span><span class="MXMLString">30</span><span class="MXMLDefault_Text">&quot; horizontalAlign=&quot;</span><span class="MXMLString">left</span><span class="MXMLDefault_Text">&quot; backgroundGradientColors=&quot;</span><span class="MXMLString">[0x000000,0x323232]</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">&gt;</span>
+
+    <span class="MXMLSpecial_Tag">&lt;mx:Style&gt;</span>
+        <span class="CSSSelector">Label </span><span class="CSSDelimiters">{</span>
+            <span class="CSSProperty_Name">color</span><span class="CSSDelimiters">:</span> <span class="CSSProperty_Value">#FFFFFF</span><span class="CSSDelimiters">;</span>
+        <span class="CSSDelimiters">}</span>
+    <span class="MXMLSpecial_Tag">&lt;/mx:Style&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">mx</span>.<span class="ActionScriptDefault_Text">collections</span>.<span class="ActionScriptDefault_Text">ArrayCollection</span>;
+            
+            <span class="ActionScriptReserved">private</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">names</span><span class="ActionScriptOperator">:</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="ActionScriptString">&quot;John Smith&quot;</span>, <span class="ActionScriptString">&quot;Jane Doe&quot;</span>, <span class="ActionScriptString">&quot;Paul Dupont&quot;</span>, <span class="ActionScriptString">&quot;Liz Jones&quot;</span>, <span class="ActionScriptString">&quot;Marie Taylor&quot;</span><span class="ActionScriptBracket/Brace">])</span>;
+            
+            <span class="ActionScriptReserved">private</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">searchName</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">item</span><span class="ActionScriptOperator">:</span><span class="ActionScriptDefault_Text">Object</span><span class="ActionScriptBracket/Brace">)</span><span class="ActionScriptOperator">:</span><span class="ActionScriptDefault_Text">Boolean</span>
+            <span class="ActionScriptBracket/Brace">{</span>
+                <span class="ActionScriptReserved">return</span> <span class="ActionScriptDefault_Text">item</span>.<span class="ActionScriptDefault_Text">toLowerCase</span><span class="ActionScriptBracket/Brace">()</span>.<span class="ActionScriptDefault_Text">search</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">searchBox</span>.<span class="ActionScriptDefault_Text">text</span><span class="ActionScriptBracket/Brace">)</span> <span class="ActionScriptOperator">!=</span> <span class="ActionScriptOperator">-</span>1;
+            <span class="ActionScriptBracket/Brace">}</span>
+          
+            <span class="ActionScriptReserved">private</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">textChangeHandler</span><span class="ActionScriptBracket/Brace">()</span><span class="ActionScriptOperator">:</span><span class="ActionScriptReserved">void</span>
+            <span class="ActionScriptBracket/Brace">{</span>
+                <span class="ActionScriptDefault_Text">names</span>.<span class="ActionScriptDefault_Text">filterFunction</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">searchName</span>;
+                <span class="ActionScriptDefault_Text">names</span>.<span class="ActionScriptDefault_Text">refresh</span><span class="ActionScriptBracket/Brace">()</span>;
+                <span class="ActionScriptDefault_Text">searchBox</span>.<span class="ActionScriptDefault_Text">dataProvider</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">names</span>;
+            <span class="ActionScriptBracket/Brace">}</span>
+
+            <span class="ActionScriptReserved">private</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">itemSelectedHandler</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">event</span><span class="ActionScriptOperator">:</span><span class="ActionScriptDefault_Text">SearchBoxEvent</span><span class="ActionScriptBracket/Brace">)</span><span class="ActionScriptOperator">:</span><span class="ActionScriptReserved">void</span>
+            <span class="ActionScriptBracket/Brace">{</span>
+                <span class="ActionScriptDefault_Text">fullName</span>.<span class="ActionScriptDefault_Text">text</span> <span class="ActionScriptOperator">=</span> <span class="ActionScriptDefault_Text">event</span>.<span class="ActionScriptDefault_Text">item</span> <span class="ActionScriptReserved">as</span> <span class="ActionScriptDefault_Text">String</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:HBox</span><span class="MXMLDefault_Text"> width=&quot;</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">&quot; horizontalAlign=&quot;</span><span class="MXMLString">right</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"> text=&quot;</span><span class="MXMLString">Type a few characters to search:</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;SearchBox</span><span class="MXMLDefault_Text"> id=&quot;</span><span class="MXMLString">searchBox</span><span class="MXMLDefault_Text">&quot; textChange=&quot;</span><span class="ActionScriptDefault_Text">textChangeHandler</span><span class="ActionScriptBracket/Brace">()</span><span class="MXMLDefault_Text">&quot; itemSelected=&quot;</span><span class="ActionScriptDefault_Text">itemSelectedHandler</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">event</span><span class="ActionScriptBracket/Brace">)</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
+    <span class="MXMLComponent_Tag">&lt;/mx:HBox&gt;</span>
+
+    <span class="MXMLComponent_Tag">&lt;mx:FormItem</span><span class="MXMLDefault_Text"> label=&quot;</span><span class="MXMLString">You selected:</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;mx:TextInput</span><span class="MXMLDefault_Text"> id=&quot;</span><span class="MXMLString">fullName</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
+    <span class="MXMLComponent_Tag">&lt;/mx:FormItem&gt;</span>
+    
+<span class="MXMLComponent_Tag">&lt;/mx:Application&gt;</span></pre></body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/source/final-sample/VideoPlayer.mxml.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/source/final-sample/VideoPlayer.mxml.html b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/source/final-sample/VideoPlayer.mxml.html
index 48983fb..009bfb3 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/source/final-sample/VideoPlayer.mxml.html
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/source/final-sample/VideoPlayer.mxml.html
@@ -14,73 +14,73 @@
   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>VideoPlayer.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:Canvas</span><span class="MXMLDefault_Text"> xmlns:mx=&quot;</span><span class="MXMLString">http://www.adobe.com/2006/mxml</span><span class="MXMLDefault_Text">&quot; borderStyle=&quot;</span><span class="MXMLString">outset</span><span class="MXMLDefault_Text">&quot; backgroundColor=&quot;</span><span class="MXMLString">#333333</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">&gt;</span>
-
-    <span class="MXMLSpecial_Tag">&lt;mx:Metadata&gt;</span>
-        <span class="ActionScriptBracket/Brace">[</span><span class="ActionScriptMetadata">Event</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">name</span><span class="ActionScriptOperator">=</span><span class="ActionScriptString">&quot;complete&quot;</span>, <span class="ActionScriptDefault_Text">type</span><span class="ActionScriptOperator">=</span><span class="ActionScriptString">&quot;mx.events.VideoEvent&quot;</span><span class="ActionScriptBracket/Brace">)]</span>
-        <span class="ActionScriptBracket/Brace">[</span><span class="ActionScriptMetadata">Event</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">name</span><span class="ActionScriptOperator">=</span><span class="ActionScriptString">&quot;stateChange&quot;</span>, <span class="ActionScriptDefault_Text">type</span><span class="ActionScriptOperator">=</span><span class="ActionScriptString">&quot;mx.events.VideoEvent&quot;</span><span class="ActionScriptBracket/Brace">)]</span>
-    <span class="MXMLSpecial_Tag">&lt;/mx:Metadata&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">mx</span>.<span class="ActionScriptDefault_Text">events</span>.<span class="ActionScriptDefault_Text">VideoEvent</span>;
-            <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">mx</span>.<span class="ActionScriptDefault_Text">events</span>.<span class="ActionScriptDefault_Text">ItemClickEvent</span>;
-            
-            <span class="ActionScriptBracket/Brace">[</span><span class="ActionScriptMetadata">Bindable</span><span class="ActionScriptBracket/Brace">]</span> <span class="ActionScriptReserved">public</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">videoWidth</span><span class="ActionScriptOperator">:</span><span class="ActionScriptDefault_Text">int</span> <span class="ActionScriptOperator">=</span> 240;
-            <span class="ActionScriptBracket/Brace">[</span><span class="ActionScriptMetadata">Bindable</span><span class="ActionScriptBracket/Brace">]</span> <span class="ActionScriptReserved">public</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">videoHeight</span><span class="ActionScriptOperator">:</span><span class="ActionScriptDefault_Text">int</span> <span class="ActionScriptOperator">=</span> 180;
-            <span class="ActionScriptBracket/Brace">[</span><span class="ActionScriptMetadata">Bindable</span><span class="ActionScriptBracket/Brace">]</span> <span class="ActionScriptReserved">public</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">source</span><span class="ActionScriptOperator">:</span><span class="ActionScriptDefault_Text">String</span>; 
-
-            <span class="ActionScriptReserved">private</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">buttonBarClick</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">event</span><span class="ActionScriptOperator">:</span><span class="ActionScriptDefault_Text">ItemClickEvent</span><span class="ActionScriptBracket/Brace">)</span><span class="ActionScriptOperator">:</span><span class="ActionScriptReserved">void</span>
-            <span class="ActionScriptBracket/Brace">{</span>
-                <span class="ActionScriptReserved">switch</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">event</span>.<span class="ActionScriptDefault_Text">index</span><span class="ActionScriptBracket/Brace">)</span>
-                <span class="ActionScriptBracket/Brace">{</span>
-                    <span class="ActionScriptReserved">case</span> 0<span class="ActionScriptOperator">:</span>
-                        <span class="ActionScriptDefault_Text">videoDisplay</span>.<span class="ActionScriptDefault_Text">play</span><span class="ActionScriptBracket/Brace">()</span>;
-                        <span class="ActionScriptReserved">break</span>;
-                    <span class="ActionScriptReserved">case</span> 1<span class="ActionScriptOperator">:</span>
-                        <span class="ActionScriptDefault_Text">videoDisplay</span>.<span class="ActionScriptDefault_Text">pause</span><span class="ActionScriptBracket/Brace">()</span>;
-                        <span class="ActionScriptReserved">break</span>;
-                    <span class="ActionScriptReserved">case</span> 2<span class="ActionScriptOperator">:</span>
-                        <span class="ActionScriptDefault_Text">videoDisplay</span>.<span class="ActionScriptDefault_Text">stop</span><span class="ActionScriptBracket/Brace">()</span>;
-                        <span class="ActionScriptReserved">break</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">playHeadUpdateHandler</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">event</span><span class="ActionScriptOperator">:</span><span class="ActionScriptDefault_Text">VideoEvent</span><span class="ActionScriptBracket/Brace">)</span><span class="ActionScriptOperator">:</span><span class="ActionScriptReserved">void</span>
-            <span class="ActionScriptBracket/Brace">{</span>
-                <span class="ActionScriptDefault_Text">progressBar</span>.<span class="ActionScriptDefault_Text">setProgress</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">event</span>.<span class="ActionScriptDefault_Text">playheadTime</span>, <span class="ActionScriptDefault_Text">videoDisplay</span>.<span class="ActionScriptDefault_Text">totalTime</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:VideoDisplay</span><span class="MXMLDefault_Text"> id=&quot;</span><span class="MXMLString">videoDisplay</span><span class="MXMLDefault_Text">&quot; width=&quot;</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">videoWidth</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">&quot; height=&quot;</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">videoHeight</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">&quot; autoPlay=&quot;</span><span class="MXMLString">false</span><span class="MXMLDefault_Text">&quot;
-        top=&quot;</span><span class="MXMLString">4</span><span class="MXMLDefault_Text">&quot; left=&quot;</span><span class="MXMLString">4</span><span class="MXMLDefault_Text">&quot; right=&quot;</span><span class="MXMLString">4</span><span class="MXMLDefault_Text">&quot;
-        playheadUpdate=&quot;</span><span class="ActionScriptDefault_Text">playHeadUpdateHandler</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">event</span><span class="ActionScriptBracket/Brace">)</span><span class="MXMLDefault_Text">&quot;
-        source=&quot;</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">source</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">&quot;
-        complete=&quot;</span><span class="ActionScriptDefault_Text">dispatchEvent</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">event</span><span class="ActionScriptBracket/Brace">)</span><span class="MXMLDefault_Text">&quot;
-        stateChange=&quot;</span><span class="ActionScriptDefault_Text">dispatchEvent</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">event</span><span class="ActionScriptBracket/Brace">)</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
-    
-    <span class="MXMLComponent_Tag">&lt;mx:ProgressBar</span><span class="MXMLDefault_Text"> id=&quot;</span><span class="MXMLString">progressBar</span><span class="MXMLDefault_Text">&quot; mode=&quot;</span><span class="MXMLString">manual</span><span class="MXMLDefault_Text">&quot; minimum=&quot;</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">&quot; maximum=&quot;</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">videoDisplay</span>.<span class="ActionScriptDefault_Text">totalTime</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">&quot; 
-        label=&quot;</span><span class="MXMLDefault_Text">&quot; top=&quot;</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">videoHeight</span> <span class="ActionScriptOperator">+</span> 8 <span class="MXMLString">}</span><span class="MXMLDefault_Text">&quot; left=&quot;</span><span class="MXMLString">4</span><span class="MXMLDefault_Text">&quot; right=&quot;</span><span class="MXMLString">4</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
-    
-    <span class="MXMLComponent_Tag">&lt;mx:ButtonBar</span><span class="MXMLDefault_Text"> id=&quot;</span><span class="MXMLString">bb</span><span class="MXMLDefault_Text">&quot; itemClick=&quot;</span><span class="ActionScriptDefault_Text">buttonBarClick</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">event</span><span class="ActionScriptBracket/Brace">)</span><span class="MXMLDefault_Text">&quot; top=&quot;</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">videoHeight</span> <span class="ActionScriptOperator">+</span> 20<span class="MXMLString">}</span><span class="MXMLDefault_Text">&quot; bottom=&quot;</span><span class="MXMLString">4</span><span class="MXMLDefault_Text">&quot; horizontalCenter=&quot;</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">&quot; toolTipField=&quot;</span><span class="MXMLString">toolTip</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLCompone
 nt_Tag">&gt;</span>
-        <span class="MXMLComponent_Tag">&lt;mx:dataProvider&gt;</span>
-            <span class="MXMLComponent_Tag">&lt;mx:Object</span><span class="MXMLDefault_Text"> icon=&quot;</span><span class="MXMLString">@Embed(&apos;assets/control_play_blue.png&apos;)</span><span class="MXMLDefault_Text">&quot; toolTip=&quot;</span><span class="MXMLString">Play</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
-            <span class="MXMLComponent_Tag">&lt;mx:Object</span><span class="MXMLDefault_Text"> icon=&quot;</span><span class="MXMLString">@Embed(&apos;assets/control_pause_blue.png&apos;)</span><span class="MXMLDefault_Text">&quot; toolTip=&quot;</span><span class="MXMLString">Pause</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
-            <span class="MXMLComponent_Tag">&lt;mx:Object</span><span class="MXMLDefault_Text"> icon=&quot;</span><span class="MXMLString">@Embed(&apos;assets/control_stop_blue.png&apos;)</span><span class="MXMLDefault_Text">&quot; toolTip=&quot;</span><span class="MXMLString">Stop</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
-        <span class="MXMLComponent_Tag">&lt;/mx:dataProvider&gt;</span>
-    <span class="MXMLComponent_Tag">&lt;/mx:ButtonBar&gt;</span>
-
-<span class="MXMLComponent_Tag">&lt;/mx:Canvas&gt;</span></pre></body>
-</html>
+<!-- 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>VideoPlayer.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:Canvas</span><span class="MXMLDefault_Text"> xmlns:mx=&quot;</span><span class="MXMLString">http://www.adobe.com/2006/mxml</span><span class="MXMLDefault_Text">&quot; borderStyle=&quot;</span><span class="MXMLString">outset</span><span class="MXMLDefault_Text">&quot; backgroundColor=&quot;</span><span class="MXMLString">#333333</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">&gt;</span>
+
+    <span class="MXMLSpecial_Tag">&lt;mx:Metadata&gt;</span>
+        <span class="ActionScriptBracket/Brace">[</span><span class="ActionScriptMetadata">Event</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">name</span><span class="ActionScriptOperator">=</span><span class="ActionScriptString">&quot;complete&quot;</span>, <span class="ActionScriptDefault_Text">type</span><span class="ActionScriptOperator">=</span><span class="ActionScriptString">&quot;mx.events.VideoEvent&quot;</span><span class="ActionScriptBracket/Brace">)]</span>
+        <span class="ActionScriptBracket/Brace">[</span><span class="ActionScriptMetadata">Event</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">name</span><span class="ActionScriptOperator">=</span><span class="ActionScriptString">&quot;stateChange&quot;</span>, <span class="ActionScriptDefault_Text">type</span><span class="ActionScriptOperator">=</span><span class="ActionScriptString">&quot;mx.events.VideoEvent&quot;</span><span class="ActionScriptBracket/Brace">)]</span>
+    <span class="MXMLSpecial_Tag">&lt;/mx:Metadata&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">mx</span>.<span class="ActionScriptDefault_Text">events</span>.<span class="ActionScriptDefault_Text">VideoEvent</span>;
+            <span class="ActionScriptReserved">import</span> <span class="ActionScriptDefault_Text">mx</span>.<span class="ActionScriptDefault_Text">events</span>.<span class="ActionScriptDefault_Text">ItemClickEvent</span>;
+            
+            <span class="ActionScriptBracket/Brace">[</span><span class="ActionScriptMetadata">Bindable</span><span class="ActionScriptBracket/Brace">]</span> <span class="ActionScriptReserved">public</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">videoWidth</span><span class="ActionScriptOperator">:</span><span class="ActionScriptDefault_Text">int</span> <span class="ActionScriptOperator">=</span> 240;
+            <span class="ActionScriptBracket/Brace">[</span><span class="ActionScriptMetadata">Bindable</span><span class="ActionScriptBracket/Brace">]</span> <span class="ActionScriptReserved">public</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">videoHeight</span><span class="ActionScriptOperator">:</span><span class="ActionScriptDefault_Text">int</span> <span class="ActionScriptOperator">=</span> 180;
+            <span class="ActionScriptBracket/Brace">[</span><span class="ActionScriptMetadata">Bindable</span><span class="ActionScriptBracket/Brace">]</span> <span class="ActionScriptReserved">public</span> <span class="ActionScriptvar">var</span> <span class="ActionScriptDefault_Text">source</span><span class="ActionScriptOperator">:</span><span class="ActionScriptDefault_Text">String</span>; 
+
+            <span class="ActionScriptReserved">private</span> <span class="ActionScriptfunction">function</span> <span class="ActionScriptDefault_Text">buttonBarClick</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">event</span><span class="ActionScriptOperator">:</span><span class="ActionScriptDefault_Text">ItemClickEvent</span><span class="ActionScriptBracket/Brace">)</span><span class="ActionScriptOperator">:</span><span class="ActionScriptReserved">void</span>
+            <span class="ActionScriptBracket/Brace">{</span>
+                <span class="ActionScriptReserved">switch</span> <span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">event</span>.<span class="ActionScriptDefault_Text">index</span><span class="ActionScriptBracket/Brace">)</span>
+                <span class="ActionScriptBracket/Brace">{</span>
+                    <span class="ActionScriptReserved">case</span> 0<span class="ActionScriptOperator">:</span>
+                        <span class="ActionScriptDefault_Text">videoDisplay</span>.<span class="ActionScriptDefault_Text">play</span><span class="ActionScriptBracket/Brace">()</span>;
+                        <span class="ActionScriptReserved">break</span>;
+                    <span class="ActionScriptReserved">case</span> 1<span class="ActionScriptOperator">:</span>
+                        <span class="ActionScriptDefault_Text">videoDisplay</span>.<span class="ActionScriptDefault_Text">pause</span><span class="ActionScriptBracket/Brace">()</span>;
+                        <span class="ActionScriptReserved">break</span>;
+                    <span class="ActionScriptReserved">case</span> 2<span class="ActionScriptOperator">:</span>
+                        <span class="ActionScriptDefault_Text">videoDisplay</span>.<span class="ActionScriptDefault_Text">stop</span><span class="ActionScriptBracket/Brace">()</span>;
+                        <span class="ActionScriptReserved">break</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">playHeadUpdateHandler</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">event</span><span class="ActionScriptOperator">:</span><span class="ActionScriptDefault_Text">VideoEvent</span><span class="ActionScriptBracket/Brace">)</span><span class="ActionScriptOperator">:</span><span class="ActionScriptReserved">void</span>
+            <span class="ActionScriptBracket/Brace">{</span>
+                <span class="ActionScriptDefault_Text">progressBar</span>.<span class="ActionScriptDefault_Text">setProgress</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">event</span>.<span class="ActionScriptDefault_Text">playheadTime</span>, <span class="ActionScriptDefault_Text">videoDisplay</span>.<span class="ActionScriptDefault_Text">totalTime</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:VideoDisplay</span><span class="MXMLDefault_Text"> id=&quot;</span><span class="MXMLString">videoDisplay</span><span class="MXMLDefault_Text">&quot; width=&quot;</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">videoWidth</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">&quot; height=&quot;</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">videoHeight</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">&quot; autoPlay=&quot;</span><span class="MXMLString">false</span><span class="MXMLDefault_Text">&quot;
+        top=&quot;</span><span class="MXMLString">4</span><span class="MXMLDefault_Text">&quot; left=&quot;</span><span class="MXMLString">4</span><span class="MXMLDefault_Text">&quot; right=&quot;</span><span class="MXMLString">4</span><span class="MXMLDefault_Text">&quot;
+        playheadUpdate=&quot;</span><span class="ActionScriptDefault_Text">playHeadUpdateHandler</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">event</span><span class="ActionScriptBracket/Brace">)</span><span class="MXMLDefault_Text">&quot;
+        source=&quot;</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">source</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">&quot;
+        complete=&quot;</span><span class="ActionScriptDefault_Text">dispatchEvent</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">event</span><span class="ActionScriptBracket/Brace">)</span><span class="MXMLDefault_Text">&quot;
+        stateChange=&quot;</span><span class="ActionScriptDefault_Text">dispatchEvent</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">event</span><span class="ActionScriptBracket/Brace">)</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
+    
+    <span class="MXMLComponent_Tag">&lt;mx:ProgressBar</span><span class="MXMLDefault_Text"> id=&quot;</span><span class="MXMLString">progressBar</span><span class="MXMLDefault_Text">&quot; mode=&quot;</span><span class="MXMLString">manual</span><span class="MXMLDefault_Text">&quot; minimum=&quot;</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">&quot; maximum=&quot;</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">videoDisplay</span>.<span class="ActionScriptDefault_Text">totalTime</span><span class="MXMLString">}</span><span class="MXMLDefault_Text">&quot; 
+        label=&quot;</span><span class="MXMLDefault_Text">&quot; top=&quot;</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">videoHeight</span> <span class="ActionScriptOperator">+</span> 8 <span class="MXMLString">}</span><span class="MXMLDefault_Text">&quot; left=&quot;</span><span class="MXMLString">4</span><span class="MXMLDefault_Text">&quot; right=&quot;</span><span class="MXMLString">4</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
+    
+    <span class="MXMLComponent_Tag">&lt;mx:ButtonBar</span><span class="MXMLDefault_Text"> id=&quot;</span><span class="MXMLString">bb</span><span class="MXMLDefault_Text">&quot; itemClick=&quot;</span><span class="ActionScriptDefault_Text">buttonBarClick</span><span class="ActionScriptBracket/Brace">(</span><span class="ActionScriptDefault_Text">event</span><span class="ActionScriptBracket/Brace">)</span><span class="MXMLDefault_Text">&quot; top=&quot;</span><span class="MXMLString">{</span><span class="ActionScriptDefault_Text">videoHeight</span> <span class="ActionScriptOperator">+</span> 20<span class="MXMLString">}</span><span class="MXMLDefault_Text">&quot; bottom=&quot;</span><span class="MXMLString">4</span><span class="MXMLDefault_Text">&quot; horizontalCenter=&quot;</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">&quot; toolTipField=&quot;</span><span class="MXMLString">toolTip</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLCompone
 nt_Tag">&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;mx:dataProvider&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;mx:Object</span><span class="MXMLDefault_Text"> icon=&quot;</span><span class="MXMLString">@Embed(&apos;assets/control_play_blue.png&apos;)</span><span class="MXMLDefault_Text">&quot; toolTip=&quot;</span><span class="MXMLString">Play</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;mx:Object</span><span class="MXMLDefault_Text"> icon=&quot;</span><span class="MXMLString">@Embed(&apos;assets/control_pause_blue.png&apos;)</span><span class="MXMLDefault_Text">&quot; toolTip=&quot;</span><span class="MXMLString">Pause</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;mx:Object</span><span class="MXMLDefault_Text"> icon=&quot;</span><span class="MXMLString">@Embed(&apos;assets/control_stop_blue.png&apos;)</span><span class="MXMLDefault_Text">&quot; toolTip=&quot;</span><span class="MXMLString">Stop</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;/mx:dataProvider&gt;</span>
+    <span class="MXMLComponent_Tag">&lt;/mx:ButtonBar&gt;</span>
+
+<span class="MXMLComponent_Tag">&lt;/mx:Canvas&gt;</span></pre></body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/source/final-sample/main.mxml.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/source/final-sample/main.mxml.html b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/source/final-sample/main.mxml.html
index 62150f7..2cfd8c6 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/source/final-sample/main.mxml.html
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/source/final-sample/main.mxml.html
@@ -14,24 +14,24 @@
   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=&quot;1.0&quot; encoding=&quot;utf-8&quot;?&gt;</span>
-<span class="MXMLComponent_Tag">&lt;mx:Application</span><span class="MXMLDefault_Text"> xmlns:mx=&quot;</span><span class="MXMLString">http://www.adobe.com/2006/mxml</span><span class="MXMLDefault_Text">&quot; xmlns:local=&quot;</span><span class="MXMLString">*</span><span class="MXMLDefault_Text">&quot;  
-    layout=&quot;</span><span class="MXMLString">horizontal</span><span class="MXMLDefault_Text">&quot; backgroundGradientColors=&quot;</span><span class="MXMLString">[0x000000,0x323232]</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="MXMLComponent_Tag">&lt;local:VideoPlayer</span><span class="MXMLDefault_Text"> source=&quot;</span><span class="MXMLString">video1.flv</span><span class="MXMLDefault_Text">&quot;
-        complete=&quot;</span><span class="ActionScriptDefault_Text">log</span>.<span class="ActionScriptDefault_Text">text</span> <span class="ActionScriptOperator">+=</span> <span class="ActionScriptString">&apos;complete\n&apos;</span><span class="MXMLDefault_Text">&quot;
-        stateChange=&quot;</span><span class="ActionScriptDefault_Text">log</span>.<span class="ActionScriptDefault_Text">text</span> <span class="ActionScriptOperator">+=</span> <span class="ActionScriptDefault_Text">event</span>.<span class="ActionScriptDefault_Text">state</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptString">&apos;\n&apos;</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
-    
-    <span class="MXMLComponent_Tag">&lt;mx:TextArea</span><span class="MXMLDefault_Text"> id=&quot;</span><span class="MXMLString">log</span><span class="MXMLDefault_Text">&quot; height=&quot;</span><span class="MXMLString">250</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
-    
-<span class="MXMLComponent_Tag">&lt;/mx:Application&gt;</span></pre></body>
-</html>
+<!-- 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=&quot;1.0&quot; encoding=&quot;utf-8&quot;?&gt;</span>
+<span class="MXMLComponent_Tag">&lt;mx:Application</span><span class="MXMLDefault_Text"> xmlns:mx=&quot;</span><span class="MXMLString">http://www.adobe.com/2006/mxml</span><span class="MXMLDefault_Text">&quot; xmlns:local=&quot;</span><span class="MXMLString">*</span><span class="MXMLDefault_Text">&quot;  
+    layout=&quot;</span><span class="MXMLString">horizontal</span><span class="MXMLDefault_Text">&quot; backgroundGradientColors=&quot;</span><span class="MXMLString">[0x000000,0x323232]</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="MXMLComponent_Tag">&lt;local:VideoPlayer</span><span class="MXMLDefault_Text"> source=&quot;</span><span class="MXMLString">video1.flv</span><span class="MXMLDefault_Text">&quot;
+        complete=&quot;</span><span class="ActionScriptDefault_Text">log</span>.<span class="ActionScriptDefault_Text">text</span> <span class="ActionScriptOperator">+=</span> <span class="ActionScriptString">&apos;complete\n&apos;</span><span class="MXMLDefault_Text">&quot;
+        stateChange=&quot;</span><span class="ActionScriptDefault_Text">log</span>.<span class="ActionScriptDefault_Text">text</span> <span class="ActionScriptOperator">+=</span> <span class="ActionScriptDefault_Text">event</span>.<span class="ActionScriptDefault_Text">state</span> <span class="ActionScriptOperator">+</span> <span class="ActionScriptString">&apos;\n&apos;</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
+    
+    <span class="MXMLComponent_Tag">&lt;mx:TextArea</span><span class="MXMLDefault_Text"> id=&quot;</span><span class="MXMLString">log</span><span class="MXMLDefault_Text">&quot; height=&quot;</span><span class="MXMLString">250</span><span class="MXMLDefault_Text">&quot;</span><span class="MXMLComponent_Tag">/&gt;</span>
+    
+<span class="MXMLComponent_Tag">&lt;/mx:Application&gt;</span></pre></body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/source/main.mxml.html
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/source/main.mxml.html b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/source/main.mxml.html
index 9dfaa90..b5f7bae 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/source/main.mxml.html
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/source/main.mxml.html
@@ -14,45 +14,45 @@
   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/mx</span><span class="MXMLDefault_Text">" 
-               xmlns:local="</span><span class="MXMLString">*</span><span class="MXMLDefault_Text">"
-               skinClass="</span><span class="MXMLString">TDFGradientBackgroundSkin</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:layout&gt;</span>
-        <span class="MXMLComponent_Tag">&lt;s:HorizontalLayout</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:layout&gt;</span>
-    
-    <span class="MXMLComponent_Tag">&lt;s:Panel</span><span class="MXMLDefault_Text"> title="</span><span class="MXMLString">Components Samples</span><span class="MXMLDefault_Text">"
-             width="</span><span class="MXMLString">600</span><span class="MXMLDefault_Text">" height="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">"
-             color="</span><span class="MXMLString">0x000000</span><span class="MXMLDefault_Text">" 
-             borderAlpha="</span><span class="MXMLString">0.15</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:HorizontalLayout</span><span class="MXMLDefault_Text"> horizontalAlign="</span><span class="MXMLString">center</span><span class="MXMLDefault_Text">" 
-                              paddingLeft="</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">" paddingRight="</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">" 
-                              paddingTop="</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">" paddingBottom="</span><span class="MXMLString">10</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;local:VideoPlayer</span><span class="MXMLDefault_Text"> source="</span><span class="MXMLString">video1.flv</span><span class="MXMLDefault_Text">"
-                           complete="</span><span class="ActionScriptDefault_Text">log</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span> <span class="ActionScriptOperator">+=</span> <span class="ActionScriptString">'complete\n'</span><span class="MXMLDefault_Text">"
-                           mediaPlayerStateChange="</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">event</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">state</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">'\n'</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">" height="</span><span class="MXMLString">220</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:Application&gt;</span></pre></body>
-</html>
+<!-- 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/mx</span><span class="MXMLDefault_Text">" 
+               xmlns:local="</span><span class="MXMLString">*</span><span class="MXMLDefault_Text">"
+               skinClass="</span><span class="MXMLString">TDFGradientBackgroundSkin</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:layout&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;s:HorizontalLayout</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:layout&gt;</span>
+    
+    <span class="MXMLComponent_Tag">&lt;s:Panel</span><span class="MXMLDefault_Text"> title="</span><span class="MXMLString">Components Samples</span><span class="MXMLDefault_Text">"
+             width="</span><span class="MXMLString">600</span><span class="MXMLDefault_Text">" height="</span><span class="MXMLString">100%</span><span class="MXMLDefault_Text">"
+             color="</span><span class="MXMLString">0x000000</span><span class="MXMLDefault_Text">" 
+             borderAlpha="</span><span class="MXMLString">0.15</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:HorizontalLayout</span><span class="MXMLDefault_Text"> horizontalAlign="</span><span class="MXMLString">center</span><span class="MXMLDefault_Text">" 
+                              paddingLeft="</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">" paddingRight="</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">" 
+                              paddingTop="</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">" paddingBottom="</span><span class="MXMLString">10</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;local:VideoPlayer</span><span class="MXMLDefault_Text"> source="</span><span class="MXMLString">video1.flv</span><span class="MXMLDefault_Text">"
+                           complete="</span><span class="ActionScriptDefault_Text">log</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">text</span> <span class="ActionScriptOperator">+=</span> <span class="ActionScriptString">'complete\n'</span><span class="MXMLDefault_Text">"
+                           mediaPlayerStateChange="</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">event</span><span class="ActionScriptOperator">.</span><span class="ActionScriptDefault_Text">state</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">'\n'</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">" height="</span><span class="MXMLString">220</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:Application&gt;</span></pre></body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/src/SearchBox.as
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/src/SearchBox.as b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/src/SearchBox.as
index e263c2c..f19dfd1 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/src/SearchBox.as
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/src/SearchBox.as
@@ -16,161 +16,161 @@
 //  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();
-		}
-		
-	}
+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/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/src/SearchBoxEvent.as
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/src/SearchBoxEvent.as b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/src/SearchBoxEvent.as
index 28e744f..e48d8b5 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/src/SearchBoxEvent.as
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/src/SearchBoxEvent.as
@@ -16,20 +16,20 @@
 //  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);
-		}
-	}
+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/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/src/SearchDemo.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/src/SearchDemo.mxml b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/src/SearchDemo.mxml
index 4a13ec1..5b17033 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/src/SearchDemo.mxml
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/src/SearchDemo.mxml
@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="utf-8"?>
+<?xml version="1.0" encoding="utf-8"?>
 <!--
 
   Licensed to the Apache Software Foundation (ASF) under one or more
@@ -17,76 +17,76 @@
   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" 
-			   viewSourceURL="srcview/index.html">
-	
-	<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>
+<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" 
+			   viewSourceURL="srcview/index.html">
+	
+	<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/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/src/VideoPlayer.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/src/VideoPlayer.mxml b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/src/VideoPlayer.mxml
index af39161..8f8b8c2 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/src/VideoPlayer.mxml
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/src/VideoPlayer.mxml
@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="utf-8"?>
+<?xml version="1.0" encoding="utf-8"?>
 <!--
 
   Licensed to the Apache Software Foundation (ASF) under one or more
@@ -17,73 +17,73 @@
   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">
-	
-	<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.VideoEvent;
-			
-			import org.osmf.events.MediaPlayerStateChangeEvent;
-			import org.osmf.events.TimeEvent;
-			
-			[Bindable] public var videoWidth:int = 240;
-			[Bindable] public var videoHeight:int = 180;
-			[Bindable] public var source:String; 
-			
-			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>
+<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">
+	
+	<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.VideoEvent;
+			
+			import org.osmf.events.MediaPlayerStateChangeEvent;
+			import org.osmf.events.TimeEvent;
+			
+			[Bindable] public var videoWidth:int = 240;
+			[Bindable] public var videoHeight:int = 180;
+			[Bindable] public var source:String; 
+			
+			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/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/src/VideoPlayerModule.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/src/VideoPlayerModule.mxml b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/src/VideoPlayerModule.mxml
index 2f2fb89..dc0aec8 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/src/VideoPlayerModule.mxml
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/src/VideoPlayerModule.mxml
@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="utf-8"?>
+<?xml version="1.0" encoding="utf-8"?>
 <!--
 
   Licensed to the Apache Software Foundation (ASF) under one or more
@@ -17,17 +17,17 @@
   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">
-	
-	<VideoPlayer source="objects/HOWTO/Components/video1.flv"
-				 complete="log.text += 'complete\n'"
-				 mediaPlayerStateChange="log.text += event.state + '\n'"/>
-	
-	<s:TextArea id="log" height="220"/>
-	
-</mx:Module>
+<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">
+	
+	<VideoPlayer source="objects/HOWTO/Components/video1.flv"
+				 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/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/src/VideoPlayerModuleLoader.mxml
----------------------------------------------------------------------
diff --git a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/src/VideoPlayerModuleLoader.mxml b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/src/VideoPlayerModuleLoader.mxml
index f11dac8..15af0fc 100644
--- a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/src/VideoPlayerModuleLoader.mxml
+++ b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/src/VideoPlayerModuleLoader.mxml
@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="utf-8"?>
+<?xml version="1.0" encoding="utf-8"?>
 <!--
 
   Licensed to the Apache Software Foundation (ASF) under one or more
@@ -17,18 +17,18 @@
   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>
+<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>