http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/d43c133c/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/source/VideoPlayer.mxml.html
----------------------------------------------------------------------
diff --git 
a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/source/VideoPlayer.mxml.html
 
b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/source/VideoPlayer.mxml.html
new file mode 100644
index 0000000..c250db9
--- /dev/null
+++ 
b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/source/VideoPlayer.mxml.html
@@ -0,0 +1,97 @@
+<!--
+  Licensed to the Apache Software Foundation (ASF) under one or more
+  contributor license agreements.  See the NOTICE file distributed with
+  this work for additional information regarding copyright ownership.
+  The ASF licenses this file to You under the Apache License, Version 2.0
+  (the "License"); you may not use this file except in compliance with
+  the License.  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT 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>VideoPlayer.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:BorderContainer</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">" 
+                   borderStyle="</span><span 
class="MXMLString">solid</span><span class="MXMLDefault_Text">" 
+                   backgroundColor="</span><span 
class="MXMLString">#333333</span><span class="MXMLDefault_Text">"</span><span 
class="MXMLComponent_Tag">&gt;</span>
+    
+    <span class="MXMLSpecial_Tag">&lt;fx:Metadata&gt;</span>
+        <span class="ActionScriptBracket/Brace">[</span><span 
class="ActionScriptMetadata">Event</span><span 
class="ActionScriptBracket/Brace">(</span><span 
class="ActionScriptString">"complete"</span><span 
class="ActionScriptOperator">,</span> <span 
class="ActionScriptDefault_Text">type</span><span 
class="ActionScriptOperator">=</span><span 
class="ActionScriptString">"mx.events.VideoEvent"</span><span 
class="ActionScriptBracket/Brace">)</span><span 
class="ActionScriptBracket/Brace">]</span>
+        <span class="ActionScriptBracket/Brace">[</span><span 
class="ActionScriptMetadata">Event</span><span 
class="ActionScriptBracket/Brace">(</span><span 
class="ActionScriptString">"mediaPlayerStateChange"</span><span 
class="ActionScriptOperator">,</span> <span 
class="ActionScriptDefault_Text">type</span><span 
class="ActionScriptOperator">=</span><span 
class="ActionScriptString">"org.osmf.events.MediaPlayerStateChangeEvent"</span><span
 class="ActionScriptBracket/Brace">)</span><span 
class="ActionScriptBracket/Brace">]</span>
+    <span class="MXMLSpecial_Tag">&lt;/fx:Metadata&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">ItemClickEvent</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">VideoEvent</span>;
+            
+            <span class="ActionScriptReserved">import</span> <span 
class="ActionScriptDefault_Text">org</span><span 
class="ActionScriptOperator">.</span><span 
class="ActionScriptDefault_Text">osmf</span><span 
class="ActionScriptOperator">.</span><span 
class="ActionScriptDefault_Text">events</span><span 
class="ActionScriptOperator">.</span><span 
class="ActionScriptDefault_Text">MediaPlayerStateChangeEvent</span>;
+            <span class="ActionScriptReserved">import</span> <span 
class="ActionScriptDefault_Text">org</span><span 
class="ActionScriptOperator">.</span><span 
class="ActionScriptDefault_Text">osmf</span><span 
class="ActionScriptOperator">.</span><span 
class="ActionScriptDefault_Text">events</span><span 
class="ActionScriptOperator">.</span><span 
class="ActionScriptDefault_Text">TimeEvent</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="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="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="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="ActionScriptDefault_Text">ItemClickEvent</span><span 
class="ActionScriptBracket/Brace">)</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="ActionScriptOperator">.</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="ActionScriptDefault_Text">videoDisplay</span><span 
class="ActionScriptOperator">.</span><span 
class="ActionScriptDefault_Text">play</span><span 
class="ActionScriptBracket/Brace">(</span><span 
class="ActionScriptBracket/Brace">)</span>;
+                        <span class="ActionScriptReserved">break</span>;
+                    <span class="ActionScriptReserved">case</span> 1:
+                        <span 
class="ActionScriptDefault_Text">videoDisplay</span><span 
class="ActionScriptOperator">.</span><span 
class="ActionScriptDefault_Text">pause</span><span 
class="ActionScriptBracket/Brace">(</span><span 
class="ActionScriptBracket/Brace">)</span>;
+                        <span class="ActionScriptReserved">break</span>;
+                    <span class="ActionScriptReserved">case</span> 2:
+                        <span 
class="ActionScriptDefault_Text">videoDisplay</span><span 
class="ActionScriptOperator">.</span><span 
class="ActionScriptDefault_Text">stop</span><span 
class="ActionScriptBracket/Brace">(</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="ActionScriptDefault_Text">TimeEvent</span><span 
class="ActionScriptBracket/Brace">)</span>:<span 
class="ActionScriptReserved">void</span>
+            <span class="ActionScriptBracket/Brace">{</span>
+                <span class="ActionScriptDefault_Text">progressBar</span><span 
class="ActionScriptOperator">.</span><span 
class="ActionScriptDefault_Text">setProgress</span><span 
class="ActionScriptBracket/Brace">(</span><span 
class="ActionScriptDefault_Text">event</span><span 
class="ActionScriptOperator">.</span><span 
class="ActionScriptDefault_Text">time</span><span 
class="ActionScriptOperator">,</span> <span 
class="ActionScriptDefault_Text">videoDisplay</span><span 
class="ActionScriptOperator">.</span><span 
class="ActionScriptDefault_Text">duration</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:layout&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;s:VerticalLayout</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:VideoDisplay</span><span 
class="MXMLDefault_Text"> id="</span><span 
class="MXMLString">videoDisplay</span><span class="MXMLDefault_Text">" 
width="</span><span class="MXMLString">{</span><span 
class="ActionScriptDefault_Text">videoWidth</span><span 
class="MXMLString">}</span><span class="MXMLDefault_Text">" 
height="</span><span class="MXMLString">{</span><span 
class="ActionScriptDefault_Text">videoHeight</span><span 
class="MXMLString">}</span><span class="MXMLDefault_Text">" 
autoPlay="</span><span class="MXMLString">false</span><span 
class="MXMLDefault_Text">"
+                    currentTimeChange="</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">"
+                    source="</span><span class="MXMLString">{</span><span 
class="ActionScriptDefault_Text">source</span><span 
class="MXMLString">}</span><span class="MXMLDefault_Text">"
+                    complete="</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">"
+                    mediaPlayerStateChange="</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">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+    
+    <span class="MXMLComponent_Tag">&lt;mx:ProgressBar</span><span 
class="MXMLDefault_Text"> id="</span><span 
class="MXMLString">progressBar</span><span class="MXMLDefault_Text">" 
mode="</span><span class="MXMLString">manual</span><span 
class="MXMLDefault_Text">" minimum="</span><span 
class="MXMLString">0</span><span class="MXMLDefault_Text">" 
maximum="</span><span class="MXMLString">{</span><span 
class="ActionScriptDefault_Text">videoDisplay</span><span 
class="ActionScriptOperator">.</span><span 
class="ActionScriptDefault_Text">duration</span><span 
class="MXMLString">}</span><span class="MXMLDefault_Text">" 
+                    label="</span><span class="MXMLDefault_Text">" 
top="</span><span class="MXMLString">{</span><span 
class="ActionScriptDefault_Text">videoHeight</span> <span 
class="ActionScriptOperator">+</span> 8 <span class="MXMLString">}</span><span 
class="MXMLDefault_Text">" left="</span><span class="MXMLString">4</span><span 
class="MXMLDefault_Text">" right="</span><span class="MXMLString">4</span><span 
class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+    
+    <span class="MXMLComponent_Tag">&lt;mx:ButtonBar</span><span 
class="MXMLDefault_Text"> id="</span><span class="MXMLString">bb</span><span 
class="MXMLDefault_Text">" itemClick="</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">" 
top="</span><span class="MXMLString">{</span><span 
class="ActionScriptDefault_Text">videoHeight</span> <span 
class="ActionScriptOperator">+</span> 20<span class="MXMLString">}</span><span 
class="MXMLDefault_Text">" bottom="</span><span 
class="MXMLString">4</span><span class="MXMLDefault_Text">" 
+                  horizontalCenter="</span><span 
class="MXMLString">0</span><span class="MXMLDefault_Text">" 
toolTipField="</span><span class="MXMLString">toolTip</span><span 
class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;mx:dataProvider&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;fx:Object</span><span 
class="MXMLDefault_Text"> icon="</span><span 
class="MXMLString">@Embed('assets/control_play_blue.png')</span><span 
class="MXMLDefault_Text">" toolTip="</span><span 
class="MXMLString">Play</span><span class="MXMLDefault_Text">"</span><span 
class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;fx:Object</span><span 
class="MXMLDefault_Text"> icon="</span><span 
class="MXMLString">@Embed('assets/control_pause_blue.png')</span><span 
class="MXMLDefault_Text">" toolTip="</span><span 
class="MXMLString">Pause</span><span class="MXMLDefault_Text">"</span><span 
class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;fx:Object</span><span 
class="MXMLDefault_Text"> icon="</span><span 
class="MXMLString">@Embed('assets/control_stop_blue.png')</span><span 
class="MXMLDefault_Text">" toolTip="</span><span 
class="MXMLString">Stop</span><span class="MXMLDefault_Text">"</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;/s:BorderContainer&gt;</span></pre></body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/d43c133c/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/source/VideoPlayerModule.mxml.html
----------------------------------------------------------------------
diff --git 
a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/source/VideoPlayerModule.mxml.html
 
b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/source/VideoPlayerModule.mxml.html
new file mode 100644
index 0000000..88b24de
--- /dev/null
+++ 
b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/source/VideoPlayerModule.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>VideoPlayerModule.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">"  
+           xmlns="</span><span class="MXMLString">*</span><span 
class="MXMLDefault_Text">"
+           layout="</span><span class="MXMLString">horizontal</span><span 
class="MXMLDefault_Text">" 
+           paddingTop="</span><span class="MXMLString">8</span><span 
class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+    
+    <span class="MXMLComponent_Tag">&lt;VideoPlayer</span><span 
class="MXMLDefault_Text"> source="</span><span 
class="MXMLString">objects/HOWTO/Components/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="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;/mx:Module&gt;</span></pre></body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/d43c133c/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/source/VideoPlayerModuleLoader.mxml.html
----------------------------------------------------------------------
diff --git 
a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/source/VideoPlayerModuleLoader.mxml.html
 
b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/source/VideoPlayerModuleLoader.mxml.html
new file mode 100644
index 0000000..3fbb98e
--- /dev/null
+++ 
b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/source/VideoPlayerModuleLoader.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>VideoPlayerModuleLoader.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">"  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">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="ActionScriptBracket/Brace">]</span><span 
class="ActionScriptOperator">&gt;</span>
+    <span class="MXMLSpecial_Tag">&lt;/fx:Script&gt;</span>
+
+    <span class="MXMLComponent_Tag">&lt;mx:ModuleLoader</span><span 
class="MXMLDefault_Text"> url="</span><span 
class="MXMLString">VideoPlayerModule.swf</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">" 
error="</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">errorText</span><span 
class="ActionScriptBracket/Brace">)</span><span 
class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+    
+    <span class="MXMLComponent_Tag">&lt;s:VideoDisplay/&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/d43c133c/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/source/assets/control_pause_blue.png
----------------------------------------------------------------------
diff --git 
a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/source/assets/control_pause_blue.png
 
b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/source/assets/control_pause_blue.png
new file mode 100644
index 0000000..ec61099
Binary files /dev/null and 
b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/source/assets/control_pause_blue.png
 differ

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/d43c133c/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/source/assets/control_pause_blue.png.html
----------------------------------------------------------------------
diff --git 
a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/source/assets/control_pause_blue.png.html
 
b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/source/assets/control_pause_blue.png.html
new file mode 100644
index 0000000..adb434f
--- /dev/null
+++ 
b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/source/assets/control_pause_blue.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>control_pause_blue.png</title>
+</head>
+
+<body>
+<img src="control_pause_blue.png" border="0"/>
+</body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/d43c133c/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/source/assets/control_play_blue.png
----------------------------------------------------------------------
diff --git 
a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/source/assets/control_play_blue.png
 
b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/source/assets/control_play_blue.png
new file mode 100644
index 0000000..f8c8ec6
Binary files /dev/null and 
b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/source/assets/control_play_blue.png
 differ

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/d43c133c/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/source/assets/control_play_blue.png.html
----------------------------------------------------------------------
diff --git 
a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/source/assets/control_play_blue.png.html
 
b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/source/assets/control_play_blue.png.html
new file mode 100644
index 0000000..ce491b0
--- /dev/null
+++ 
b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/source/assets/control_play_blue.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>control_play_blue.png</title>
+</head>
+
+<body>
+<img src="control_play_blue.png" border="0"/>
+</body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/d43c133c/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/source/assets/control_stop_blue.png
----------------------------------------------------------------------
diff --git 
a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/source/assets/control_stop_blue.png
 
b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/source/assets/control_stop_blue.png
new file mode 100644
index 0000000..e6f75d2
Binary files /dev/null and 
b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/source/assets/control_stop_blue.png
 differ

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/d43c133c/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/source/assets/control_stop_blue.png.html
----------------------------------------------------------------------
diff --git 
a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/source/assets/control_stop_blue.png.html
 
b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/source/assets/control_stop_blue.png.html
new file mode 100644
index 0000000..d64be37
--- /dev/null
+++ 
b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/source/assets/control_stop_blue.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>control_stop_blue.png</title>
+</head>
+
+<body>
+<img src="control_stop_blue.png" border="0"/>
+</body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/d43c133c/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/source/assets/icon_close.png
----------------------------------------------------------------------
diff --git 
a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/source/assets/icon_close.png
 
b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/source/assets/icon_close.png
new file mode 100644
index 0000000..bf9be79
Binary files /dev/null and 
b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/source/assets/icon_close.png
 differ

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/d43c133c/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/source/assets/icon_close.png.html
----------------------------------------------------------------------
diff --git 
a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/source/assets/icon_close.png.html
 
b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/source/assets/icon_close.png.html
new file mode 100644
index 0000000..1deac57
--- /dev/null
+++ 
b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/source/assets/icon_close.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>icon_close.png</title>
+</head>
+
+<body>
+<img src="icon_close.png" border="0"/>
+</body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/d43c133c/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/source/final-sample/SearchBox.as.html
----------------------------------------------------------------------
diff --git 
a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/source/final-sample/SearchBox.as.html
 
b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/source/final-sample/SearchBox.as.html
new file mode 100644
index 0000000..cb4405f
--- /dev/null
+++ 
b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/source/final-sample/SearchBox.as.html
@@ -0,0 +1,184 @@
+<!--
+  Licensed to the Apache Software Foundation (ASF) under one or more
+  contributor license agreements.  See the NOTICE file distributed with
+  this work for additional information regarding copyright ownership.
+  The ASF licenses this file to You under the Apache License, Version 2.0
+  (the "License"); you may not use this file except in compliance with
+  the License.  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT 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>SearchBox.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="ActionScriptDefault_Text">events</span>.<span 
class="ActionScriptDefault_Text">Event</span>;
+    <span class="ActionScriptReserved">import</span> <span 
class="ActionScriptDefault_Text">flash</span>.<span 
class="ActionScriptDefault_Text">events</span>.<span 
class="ActionScriptDefault_Text">KeyboardEvent</span>;
+    <span class="ActionScriptReserved">import</span> <span 
class="ActionScriptDefault_Text">flash</span>.<span 
class="ActionScriptDefault_Text">events</span>.<span 
class="ActionScriptDefault_Text">MouseEvent</span>;
+    <span class="ActionScriptReserved">import</span> <span 
class="ActionScriptDefault_Text">flash</span>.<span 
class="ActionScriptDefault_Text">geom</span>.<span 
class="ActionScriptDefault_Text">Point</span>;
+    <span class="ActionScriptReserved">import</span> <span 
class="ActionScriptDefault_Text">flash</span>.<span 
class="ActionScriptDefault_Text">ui</span>.<span 
class="ActionScriptDefault_Text">Keyboard</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">import</span> <span 
class="ActionScriptDefault_Text">mx</span>.<span 
class="ActionScriptDefault_Text">controls</span>.<span 
class="ActionScriptDefault_Text">Button</span>;
+    <span class="ActionScriptReserved">import</span> <span 
class="ActionScriptDefault_Text">mx</span>.<span 
class="ActionScriptDefault_Text">controls</span>.<span 
class="ActionScriptDefault_Text">List</span>;
+    <span class="ActionScriptReserved">import</span> <span 
class="ActionScriptDefault_Text">mx</span>.<span 
class="ActionScriptDefault_Text">controls</span>.<span 
class="ActionScriptDefault_Text">TextInput</span>;
+    <span class="ActionScriptReserved">import</span> <span 
class="ActionScriptDefault_Text">mx</span>.<span 
class="ActionScriptDefault_Text">core</span>.<span 
class="ActionScriptDefault_Text">UIComponent</span>;
+    <span class="ActionScriptReserved">import</span> <span 
class="ActionScriptDefault_Text">mx</span>.<span 
class="ActionScriptDefault_Text">events</span>.<span 
class="ActionScriptDefault_Text">FlexEvent</span>;
+    <span class="ActionScriptReserved">import</span> <span 
class="ActionScriptDefault_Text">mx</span>.<span 
class="ActionScriptDefault_Text">events</span>.<span 
class="ActionScriptDefault_Text">FlexMouseEvent</span>;
+    <span class="ActionScriptReserved">import</span> <span 
class="ActionScriptDefault_Text">mx</span>.<span 
class="ActionScriptDefault_Text">events</span>.<span 
class="ActionScriptDefault_Text">ListEvent</span>;
+    <span class="ActionScriptReserved">import</span> <span 
class="ActionScriptDefault_Text">mx</span>.<span 
class="ActionScriptDefault_Text">managers</span>.<span 
class="ActionScriptDefault_Text">PopUpManager</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;textChange&quot;</span>, <span 
class="ActionScriptDefault_Text">type</span><span 
class="ActionScriptOperator">=</span><span 
class="ActionScriptString">&quot;flash.events.Event&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;itemSelected&quot;</span>, <span 
class="ActionScriptDefault_Text">type</span><span 
class="ActionScriptOperator">=</span><span 
class="ActionScriptString">&quot;SearchBoxEvent&quot;</span><span 
class="ActionScriptBracket/Brace">)]</span>
+    
+    <span class="ActionScriptReserved">public</span> <span 
class="ActionScriptclass">class</span> <span 
class="ActionScriptDefault_Text">SearchBox</span> <span 
class="ActionScriptReserved">extends</span> <span 
class="ActionScriptDefault_Text">UIComponent</span>
+    <span class="ActionScriptBracket/Brace">{</span>
+        <span class="ActionScriptBracket/Brace">[</span><span 
class="ActionScriptMetadata">Embed</span><span 
class="ActionScriptBracket/Brace">(</span><span 
class="ActionScriptString">&quot;assets/icon_close.png&quot;</span><span 
class="ActionScriptBracket/Brace">)]</span>
+        <span class="ActionScriptReserved">private</span> <span 
class="ActionScriptvar">var</span> <span 
class="ActionScriptDefault_Text">closeIcon</span><span 
class="ActionScriptOperator">:</span><span 
class="ActionScriptDefault_Text">Class</span>;
+        
+        <span class="ActionScriptReserved">private</span> <span 
class="ActionScriptvar">var</span> <span 
class="ActionScriptDefault_Text">textInput</span><span 
class="ActionScriptOperator">:</span><span 
class="ActionScriptDefault_Text">TextInput</span>;
+        <span class="ActionScriptReserved">private</span> <span 
class="ActionScriptvar">var</span> <span 
class="ActionScriptDefault_Text">closeButton</span><span 
class="ActionScriptOperator">:</span><span 
class="ActionScriptDefault_Text">Button</span>;
+        <span class="ActionScriptReserved">private</span> <span 
class="ActionScriptvar">var</span> <span 
class="ActionScriptDefault_Text">list</span><span 
class="ActionScriptOperator">:</span><span 
class="ActionScriptDefault_Text">List</span>;
+        
+        <span class="ActionScriptReserved">private</span> <span 
class="ActionScriptvar">var</span> <span 
class="ActionScriptDefault_Text">isListVisible</span><span 
class="ActionScriptOperator">:</span><span 
class="ActionScriptDefault_Text">Boolean</span> <span 
class="ActionScriptOperator">=</span> <span 
class="ActionScriptReserved">false</span>;
+        
+        <span class="ActionScriptReserved">public</span> <span 
class="ActionScriptvar">var</span> <span 
class="ActionScriptDefault_Text">text</span><span 
class="ActionScriptOperator">:</span><span 
class="ActionScriptDefault_Text">String</span>;
+        
+        <span class="ActionScriptReserved">public</span> <span 
class="ActionScriptfunction">function</span> <span 
class="ActionScriptReserved">set</span> <span 
class="ActionScriptDefault_Text">dataProvider</span><span 
class="ActionScriptBracket/Brace">(</span><span 
class="ActionScriptDefault_Text">dp</span><span 
class="ActionScriptOperator">:</span><span 
class="ActionScriptDefault_Text">ArrayCollection</span><span 
class="ActionScriptBracket/Brace">)</span><span 
class="ActionScriptOperator">:</span><span 
class="ActionScriptReserved">void</span>
+        <span class="ActionScriptBracket/Brace">{</span>
+            <span class="ActionScriptDefault_Text">list</span>.<span 
class="ActionScriptDefault_Text">dataProvider</span> <span 
class="ActionScriptOperator">=</span> <span 
class="ActionScriptDefault_Text">dp</span>;
+            <span class="ActionScriptReserved">if</span> <span 
class="ActionScriptBracket/Brace">(</span><span 
class="ActionScriptDefault_Text">dp</span> <span 
class="ActionScriptOperator">!=</span> <span 
class="ActionScriptReserved">null</span> <span 
class="ActionScriptOperator">&amp;&amp;</span> <span 
class="ActionScriptDefault_Text">dp</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">if</span> <span 
class="ActionScriptBracket/Brace">(!</span><span 
class="ActionScriptDefault_Text">isListVisible</span><span 
class="ActionScriptBracket/Brace">)</span> <span 
class="ActionScriptDefault_Text">popup</span><span 
class="ActionScriptBracket/Brace">()</span>;
+                 <span class="ActionScriptDefault_Text">list</span>.<span 
class="ActionScriptDefault_Text">selectedIndex</span> <span 
class="ActionScriptOperator">=</span> 0;
+            <span class="ActionScriptBracket/Brace">}</span>
+            <span class="ActionScriptReserved">else</span>
+            <span class="ActionScriptBracket/Brace">{</span>
+                 <span class="ActionScriptReserved">if</span> <span 
class="ActionScriptBracket/Brace">(</span><span 
class="ActionScriptDefault_Text">isListVisible</span><span 
class="ActionScriptBracket/Brace">)</span> <span 
class="ActionScriptDefault_Text">removePopup</span><span 
class="ActionScriptBracket/Brace">()</span>;
+            <span class="ActionScriptBracket/Brace">}</span>
+        <span class="ActionScriptBracket/Brace">}</span>
+        
+        <span class="ActionScriptReserved">override</span> <span 
class="ActionScriptReserved">protected</span> <span 
class="ActionScriptfunction">function</span> <span 
class="ActionScriptDefault_Text">createChildren</span><span 
class="ActionScriptBracket/Brace">()</span><span 
class="ActionScriptOperator">:</span><span 
class="ActionScriptReserved">void</span>
+        <span class="ActionScriptBracket/Brace">{</span>
+            <span class="ActionScriptReserved">super</span>.<span 
class="ActionScriptDefault_Text">createChildren</span><span 
class="ActionScriptBracket/Brace">()</span>;
+
+            <span class="ActionScriptDefault_Text">textInput</span> <span 
class="ActionScriptOperator">=</span> <span 
class="ActionScriptReserved">new</span> <span 
class="ActionScriptDefault_Text">TextInput</span><span 
class="ActionScriptBracket/Brace">()</span>;
+            <span class="ActionScriptDefault_Text">textInput</span>.<span 
class="ActionScriptDefault_Text">addEventListener</span><span 
class="ActionScriptBracket/Brace">(</span><span 
class="ActionScriptDefault_Text">Event</span>.<span 
class="ActionScriptDefault_Text">CHANGE</span>, <span 
class="ActionScriptDefault_Text">textInput_changeHandler</span><span 
class="ActionScriptBracket/Brace">)</span>;
+            <span class="ActionScriptDefault_Text">textInput</span>.<span 
class="ActionScriptDefault_Text">addEventListener</span><span 
class="ActionScriptBracket/Brace">(</span><span 
class="ActionScriptDefault_Text">KeyboardEvent</span>.<span 
class="ActionScriptDefault_Text">KEY_DOWN</span>, <span 
class="ActionScriptDefault_Text">textInput_keyDownHandler</span><span 
class="ActionScriptBracket/Brace">)</span>;
+            <span class="ActionScriptDefault_Text">addChild</span><span 
class="ActionScriptBracket/Brace">(</span><span 
class="ActionScriptDefault_Text">textInput</span><span 
class="ActionScriptBracket/Brace">)</span>;
+            
+            <span class="ActionScriptDefault_Text">closeButton</span> <span 
class="ActionScriptOperator">=</span> <span 
class="ActionScriptReserved">new</span> <span 
class="ActionScriptDefault_Text">Button</span><span 
class="ActionScriptBracket/Brace">()</span>;
+            <span class="ActionScriptDefault_Text">closeButton</span>.<span 
class="ActionScriptDefault_Text">setStyle</span><span 
class="ActionScriptBracket/Brace">(</span><span 
class="ActionScriptString">&quot;icon&quot;</span>, <span 
class="ActionScriptDefault_Text">closeIcon</span><span 
class="ActionScriptBracket/Brace">)</span>
+            <span class="ActionScriptDefault_Text">closeButton</span>.<span 
class="ActionScriptDefault_Text">setStyle</span><span 
class="ActionScriptBracket/Brace">(</span><span 
class="ActionScriptString">&quot;skin&quot;</span>, <span 
class="ActionScriptReserved">null</span><span 
class="ActionScriptBracket/Brace">)</span>
+            <span class="ActionScriptDefault_Text">closeButton</span>.<span 
class="ActionScriptDefault_Text">addEventListener</span><span 
class="ActionScriptBracket/Brace">(</span><span 
class="ActionScriptDefault_Text">MouseEvent</span>.<span 
class="ActionScriptDefault_Text">CLICK</span>, <span 
class="ActionScriptDefault_Text">closeHandler</span><span 
class="ActionScriptBracket/Brace">)</span>;
+            <span class="ActionScriptDefault_Text">closeButton</span>.<span 
class="ActionScriptDefault_Text">width</span> <span 
class="ActionScriptOperator">=</span> 20;
+            <span class="ActionScriptDefault_Text">addChild</span><span 
class="ActionScriptBracket/Brace">(</span><span 
class="ActionScriptDefault_Text">closeButton</span><span 
class="ActionScriptBracket/Brace">)</span>;
+            
+            <span class="ActionScriptDefault_Text">list</span> <span 
class="ActionScriptOperator">=</span> <span 
class="ActionScriptReserved">new</span> <span 
class="ActionScriptDefault_Text">List</span><span 
class="ActionScriptBracket/Brace">()</span>;
+            <span class="ActionScriptDefault_Text">list</span>.<span 
class="ActionScriptDefault_Text">setStyle</span><span 
class="ActionScriptBracket/Brace">(</span><span 
class="ActionScriptString">&quot;dropShadowEnabled&quot;</span>, <span 
class="ActionScriptReserved">true</span><span 
class="ActionScriptBracket/Brace">)</span>;
+            <span class="ActionScriptDefault_Text">list</span>.<span 
class="ActionScriptDefault_Text">addEventListener</span><span 
class="ActionScriptBracket/Brace">(</span><span 
class="ActionScriptDefault_Text">ListEvent</span>.<span 
class="ActionScriptDefault_Text">ITEM_CLICK</span>, <span 
class="ActionScriptDefault_Text">selectItem</span><span 
class="ActionScriptBracket/Brace">)</span>;
+            <span class="ActionScriptDefault_Text">systemManager</span>.<span 
class="ActionScriptDefault_Text">addEventListener</span><span 
class="ActionScriptBracket/Brace">(</span><span 
class="ActionScriptDefault_Text">Event</span>.<span 
class="ActionScriptDefault_Text">RESIZE</span>, <span 
class="ActionScriptDefault_Text">removePopup</span>, <span 
class="ActionScriptReserved">false</span>, 0, <span 
class="ActionScriptReserved">true</span><span 
class="ActionScriptBracket/Brace">)</span>;
+        <span class="ActionScriptBracket/Brace">}</span>
+           
+        <span class="ActionScriptReserved">override</span> <span 
class="ActionScriptReserved">protected</span> <span 
class="ActionScriptfunction">function</span> <span 
class="ActionScriptDefault_Text">updateDisplayList</span><span 
class="ActionScriptBracket/Brace">(</span><span 
class="ActionScriptDefault_Text">unscaledWidth</span><span 
class="ActionScriptOperator">:</span><span 
class="ActionScriptDefault_Text">Number</span>, <span 
class="ActionScriptDefault_Text">unscaledHeight</span><span 
class="ActionScriptOperator">:</span><span 
class="ActionScriptDefault_Text">Number</span><span 
class="ActionScriptBracket/Brace">)</span><span 
class="ActionScriptOperator">:</span><span 
class="ActionScriptReserved">void</span>
+        <span class="ActionScriptBracket/Brace">{</span>
+            <span class="ActionScriptReserved">super</span>.<span 
class="ActionScriptDefault_Text">updateDisplayList</span><span 
class="ActionScriptBracket/Brace">(</span><span 
class="ActionScriptDefault_Text">unscaledWidth</span>, <span 
class="ActionScriptDefault_Text">unscaledHeight</span><span 
class="ActionScriptBracket/Brace">)</span>;
+
+            <span class="ActionScriptDefault_Text">textInput</span>.<span 
class="ActionScriptDefault_Text">width</span> <span 
class="ActionScriptOperator">=</span> <span 
class="ActionScriptDefault_Text">unscaledWidth</span> <span 
class="ActionScriptOperator">-</span> <span 
class="ActionScriptDefault_Text">closeButton</span>.<span 
class="ActionScriptDefault_Text">width</span>;
+            <span class="ActionScriptDefault_Text">textInput</span>.<span 
class="ActionScriptDefault_Text">height</span> <span 
class="ActionScriptOperator">=</span> <span 
class="ActionScriptDefault_Text">unscaledHeight</span>;
+            
+            <span class="ActionScriptDefault_Text">closeButton</span>.<span 
class="ActionScriptDefault_Text">height</span> <span 
class="ActionScriptOperator">=</span> <span 
class="ActionScriptDefault_Text">unscaledHeight</span>;
+            <span class="ActionScriptDefault_Text">closeButton</span>.<span 
class="ActionScriptDefault_Text">move</span><span 
class="ActionScriptBracket/Brace">(</span><span 
class="ActionScriptDefault_Text">unscaledWidth</span> <span 
class="ActionScriptOperator">-</span> <span 
class="ActionScriptDefault_Text">closeButton</span>.<span 
class="ActionScriptDefault_Text">width</span>, 0<span 
class="ActionScriptBracket/Brace">)</span>;
+        <span class="ActionScriptBracket/Brace">}</span>
+        
+        <span class="ActionScriptReserved">override</span> <span 
class="ActionScriptReserved">protected</span> <span 
class="ActionScriptfunction">function</span> <span 
class="ActionScriptDefault_Text">measure</span><span 
class="ActionScriptBracket/Brace">()</span><span 
class="ActionScriptOperator">:</span><span 
class="ActionScriptReserved">void</span> 
+        <span class="ActionScriptBracket/Brace">{</span>
+            <span class="ActionScriptReserved">super</span>.<span 
class="ActionScriptDefault_Text">measure</span><span 
class="ActionScriptBracket/Brace">()</span>;
+            <span class="ActionScriptReserved">this</span>.<span 
class="ActionScriptDefault_Text">measuredWidth</span> <span 
class="ActionScriptOperator">=</span> 160;
+            <span class="ActionScriptReserved">this</span>.<span 
class="ActionScriptDefault_Text">measuredHeight</span> <span 
class="ActionScriptOperator">=</span> <span 
class="ActionScriptDefault_Text">textInput</span>.<span 
class="ActionScriptDefault_Text">measuredHeight</span>;
+        <span class="ActionScriptBracket/Brace">}</span>
+
+        <span class="ActionScriptReserved">private</span> <span 
class="ActionScriptfunction">function</span> <span 
class="ActionScriptDefault_Text">textInput_keyDownHandler</span><span 
class="ActionScriptBracket/Brace">(</span><span 
class="ActionScriptDefault_Text">event</span><span 
class="ActionScriptOperator">:</span><span 
class="ActionScriptDefault_Text">KeyboardEvent</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">keyCode</span><span 
class="ActionScriptBracket/Brace">)</span> 
+            <span class="ActionScriptBracket/Brace">{</span>
+                <span class="ActionScriptReserved">case</span> <span 
class="ActionScriptDefault_Text">Keyboard</span>.<span 
class="ActionScriptDefault_Text">DOWN</span><span 
class="ActionScriptOperator">:</span>
+                    <span class="ActionScriptReserved">if</span> <span 
class="ActionScriptBracket/Brace">(</span><span 
class="ActionScriptDefault_Text">isListVisible</span><span 
class="ActionScriptBracket/Brace">)</span>
+                        <span 
class="ActionScriptDefault_Text">list</span>.<span 
class="ActionScriptDefault_Text">selectedIndex</span><span 
class="ActionScriptOperator">++</span>;
+                    <span class="ActionScriptReserved">else</span>
+                        <span 
class="ActionScriptDefault_Text">popup</span><span 
class="ActionScriptBracket/Brace">()</span>;                    
+                    <span class="ActionScriptReserved">break</span>;
+                <span class="ActionScriptReserved">case</span> <span 
class="ActionScriptDefault_Text">Keyboard</span>.<span 
class="ActionScriptDefault_Text">UP</span><span 
class="ActionScriptOperator">:</span>
+                    <span class="ActionScriptReserved">if</span> <span 
class="ActionScriptBracket/Brace">(</span><span 
class="ActionScriptDefault_Text">isListVisible</span> <span 
class="ActionScriptOperator">&amp;&amp;</span> <span 
class="ActionScriptDefault_Text">list</span>.<span 
class="ActionScriptDefault_Text">selectedIndex</span> <span 
class="ActionScriptOperator">&gt;</span> 0<span 
class="ActionScriptBracket/Brace">)</span>
+                    <span class="ActionScriptBracket/Brace">{</span>
+                        <span 
class="ActionScriptDefault_Text">list</span>.<span 
class="ActionScriptDefault_Text">selectedIndex</span><span 
class="ActionScriptOperator">--</span>;
+                    <span class="ActionScriptBracket/Brace">}</span>
+                    <span 
class="ActionScriptDefault_Text">textInput</span>.<span 
class="ActionScriptDefault_Text">setSelection</span><span 
class="ActionScriptBracket/Brace">(</span><span 
class="ActionScriptDefault_Text">textInput</span>.<span 
class="ActionScriptDefault_Text">text</span>.<span 
class="ActionScriptDefault_Text">length</span>, <span 
class="ActionScriptDefault_Text">textInput</span>.<span 
class="ActionScriptDefault_Text">text</span>.<span 
class="ActionScriptDefault_Text">length</span><span 
class="ActionScriptBracket/Brace">)</span>;
+                    <span class="ActionScriptReserved">break</span>;
+                <span class="ActionScriptReserved">case</span> <span 
class="ActionScriptDefault_Text">Keyboard</span>.<span 
class="ActionScriptDefault_Text">ENTER</span><span 
class="ActionScriptOperator">:</span>
+                    <span class="ActionScriptReserved">if</span> <span 
class="ActionScriptBracket/Brace">(</span><span 
class="ActionScriptDefault_Text">isListVisible</span><span 
class="ActionScriptBracket/Brace">)</span> <span 
class="ActionScriptDefault_Text">selectItem</span><span 
class="ActionScriptBracket/Brace">()</span>;
+                    <span class="ActionScriptReserved">break</span>;
+                <span class="ActionScriptReserved">case</span> <span 
class="ActionScriptDefault_Text">Keyboard</span>.<span 
class="ActionScriptDefault_Text">ESCAPE</span><span 
class="ActionScriptOperator">:</span>
+                    <span class="ActionScriptReserved">if</span> <span 
class="ActionScriptBracket/Brace">(</span><span 
class="ActionScriptDefault_Text">isListVisible</span><span 
class="ActionScriptBracket/Brace">)</span> <span 
class="ActionScriptDefault_Text">removePopup</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">textInput_changeHandler</span><span 
class="ActionScriptBracket/Brace">(</span><span 
class="ActionScriptDefault_Text">event</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="ActionScriptDefault_Text">text</span> <span 
class="ActionScriptOperator">=</span> <span 
class="ActionScriptDefault_Text">textInput</span>.<span 
class="ActionScriptDefault_Text">text</span>;
+            <span class="ActionScriptDefault_Text">dispatchEvent</span><span 
class="ActionScriptBracket/Brace">(</span><span 
class="ActionScriptReserved">new</span> <span 
class="ActionScriptDefault_Text">Event</span><span 
class="ActionScriptBracket/Brace">(</span><span 
class="ActionScriptString">&quot;textChange&quot;</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">list_mouseDownOutsideHandler</span><span 
class="ActionScriptBracket/Brace">(</span><span 
class="ActionScriptDefault_Text">event</span><span 
class="ActionScriptOperator">:</span><span 
class="ActionScriptDefault_Text">MouseEvent</span><span 
class="ActionScriptBracket/Brace">)</span><span 
class="ActionScriptOperator">:</span><span 
class="ActionScriptReserved">void</span>
+        <span class="ActionScriptBracket/Brace">{</span>
+            <span class="ActionScriptDefault_Text">removePopup</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">selectItem</span><span 
class="ActionScriptBracket/Brace">(</span><span 
class="ActionScriptDefault_Text">event</span><span 
class="ActionScriptOperator">:</span><span 
class="ActionScriptDefault_Text">ListEvent</span> <span 
class="ActionScriptOperator">=</span> <span 
class="ActionScriptReserved">null</span><span 
class="ActionScriptBracket/Brace">)</span><span 
class="ActionScriptOperator">:</span><span 
class="ActionScriptReserved">void</span>
+        <span class="ActionScriptBracket/Brace">{</span>
+            <span class="ActionScriptDefault_Text">dispatchEvent</span><span 
class="ActionScriptBracket/Brace">(</span><span 
class="ActionScriptReserved">new</span> <span 
class="ActionScriptDefault_Text">SearchBoxEvent</span><span 
class="ActionScriptBracket/Brace">(</span><span 
class="ActionScriptDefault_Text">SearchBoxEvent</span>.<span 
class="ActionScriptDefault_Text">ITEM_SELECTED</span>, <span 
class="ActionScriptDefault_Text">list</span>.<span 
class="ActionScriptDefault_Text">selectedItem</span><span 
class="ActionScriptBracket/Brace">))</span>;    
+            <span class="ActionScriptDefault_Text">removePopup</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">popup</span><span 
class="ActionScriptBracket/Brace">()</span><span 
class="ActionScriptOperator">:</span><span 
class="ActionScriptReserved">void</span>
+        <span class="ActionScriptBracket/Brace">{</span>
+            <span class="ActionScriptDefault_Text">PopUpManager</span>.<span 
class="ActionScriptDefault_Text">addPopUp</span><span 
class="ActionScriptBracket/Brace">(</span><span 
class="ActionScriptDefault_Text">list</span>, <span 
class="ActionScriptReserved">this</span><span 
class="ActionScriptBracket/Brace">)</span>;
+            <span class="ActionScriptDefault_Text">isListVisible</span> <span 
class="ActionScriptOperator">=</span> <span 
class="ActionScriptReserved">true</span>;
+            <span class="ActionScriptDefault_Text">list</span>.<span 
class="ActionScriptDefault_Text">width</span> <span 
class="ActionScriptOperator">=</span> <span 
class="ActionScriptDefault_Text">textInput</span>.<span 
class="ActionScriptDefault_Text">width</span>;
+            <span class="ActionScriptvar">var</span> <span 
class="ActionScriptDefault_Text">point</span><span 
class="ActionScriptOperator">:</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>0, <span 
class="ActionScriptDefault_Text">unscaledHeight</span><span 
class="ActionScriptBracket/Brace">)</span>;
+            <span class="ActionScriptDefault_Text">point</span> <span 
class="ActionScriptOperator">=</span> <span 
class="ActionScriptDefault_Text">localToGlobal</span><span 
class="ActionScriptBracket/Brace">(</span><span 
class="ActionScriptDefault_Text">point</span><span 
class="ActionScriptBracket/Brace">)</span>;
+            <span class="ActionScriptDefault_Text">point</span> <span 
class="ActionScriptOperator">=</span> <span 
class="ActionScriptDefault_Text">list</span>.<span 
class="ActionScriptDefault_Text">parent</span>.<span 
class="ActionScriptDefault_Text">globalToLocal</span><span 
class="ActionScriptBracket/Brace">(</span><span 
class="ActionScriptDefault_Text">point</span><span 
class="ActionScriptBracket/Brace">)</span>;
+            <span class="ActionScriptDefault_Text">list</span>.<span 
class="ActionScriptDefault_Text">move</span><span 
class="ActionScriptBracket/Brace">(</span><span 
class="ActionScriptDefault_Text">point</span>.<span 
class="ActionScriptDefault_Text">x</span>, <span 
class="ActionScriptDefault_Text">point</span>.<span 
class="ActionScriptDefault_Text">y</span><span 
class="ActionScriptBracket/Brace">)</span>;
+            <span class="ActionScriptDefault_Text">list</span>.<span 
class="ActionScriptDefault_Text">addEventListener</span><span 
class="ActionScriptBracket/Brace">(</span><span 
class="ActionScriptDefault_Text">FlexMouseEvent</span>.<span 
class="ActionScriptDefault_Text">MOUSE_DOWN_OUTSIDE</span>, <span 
class="ActionScriptDefault_Text">list_mouseDownOutsideHandler</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">removePopup</span><span 
class="ActionScriptBracket/Brace">(</span><span 
class="ActionScriptDefault_Text">event</span><span 
class="ActionScriptOperator">:</span><span 
class="ActionScriptDefault_Text">Event</span><span 
class="ActionScriptOperator">=</span><span 
class="ActionScriptReserved">null</span><span 
class="ActionScriptBracket/Brace">)</span><span 
class="ActionScriptOperator">:</span><span 
class="ActionScriptReserved">void</span>
+        <span class="ActionScriptBracket/Brace">{</span>
+            <span class="ActionScriptDefault_Text">PopUpManager</span>.<span 
class="ActionScriptDefault_Text">removePopUp</span><span 
class="ActionScriptBracket/Brace">(</span><span 
class="ActionScriptDefault_Text">list</span><span 
class="ActionScriptBracket/Brace">)</span>;
+            <span class="ActionScriptDefault_Text">list</span>.<span 
class="ActionScriptDefault_Text">removeEventListener</span><span 
class="ActionScriptBracket/Brace">(</span><span 
class="ActionScriptDefault_Text">FlexMouseEvent</span>.<span 
class="ActionScriptDefault_Text">MOUSE_DOWN_OUTSIDE</span>, <span 
class="ActionScriptDefault_Text">list_mouseDownOutsideHandler</span><span 
class="ActionScriptBracket/Brace">)</span>;
+            <span class="ActionScriptDefault_Text">isListVisible</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">closeHandler</span><span 
class="ActionScriptBracket/Brace">(</span><span 
class="ActionScriptDefault_Text">event</span><span 
class="ActionScriptOperator">:</span><span 
class="ActionScriptDefault_Text">MouseEvent</span><span 
class="ActionScriptBracket/Brace">)</span><span 
class="ActionScriptOperator">:</span><span 
class="ActionScriptReserved">void</span>
+        <span class="ActionScriptBracket/Brace">{</span>
+            <span class="ActionScriptDefault_Text">textInput</span>.<span 
class="ActionScriptDefault_Text">text</span> <span 
class="ActionScriptOperator">=</span> <span 
class="ActionScriptString">&quot;&quot;</span>;
+            <span class="ActionScriptDefault_Text">textInput</span>.<span 
class="ActionScriptDefault_Text">setFocus</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/d43c133c/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/source/final-sample/SearchBoxEvent.as.html
----------------------------------------------------------------------
diff --git 
a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/source/final-sample/SearchBoxEvent.as.html
 
b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/source/final-sample/SearchBoxEvent.as.html
new file mode 100644
index 0000000..320bf4d
--- /dev/null
+++ 
b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/source/final-sample/SearchBoxEvent.as.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.
+-->
+<!-- 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>SearchBoxEvent.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="ActionScriptDefault_Text">events</span>.<span 
class="ActionScriptDefault_Text">Event</span>;
+
+    <span class="ActionScriptReserved">public</span> <span 
class="ActionScriptclass">class</span> <span 
class="ActionScriptDefault_Text">SearchBoxEvent</span> <span 
class="ActionScriptReserved">extends</span> <span 
class="ActionScriptDefault_Text">Event</span>
+    <span class="ActionScriptBracket/Brace">{</span>
+        <span class="ActionScriptReserved">public</span> <span 
class="ActionScriptReserved">static</span> <span 
class="ActionScriptReserved">const</span> <span 
class="ActionScriptDefault_Text">ITEM_SELECTED</span><span 
class="ActionScriptOperator">:</span><span 
class="ActionScriptDefault_Text">String</span> <span 
class="ActionScriptOperator">=</span> <span 
class="ActionScriptString">&quot;itemSelected&quot;</span>;
+    
+        <span class="ActionScriptReserved">public</span> <span 
class="ActionScriptvar">var</span> <span 
class="ActionScriptDefault_Text">item</span><span 
class="ActionScriptOperator">:</span><span 
class="ActionScriptDefault_Text">Object</span>;
+        
+        <span class="ActionScriptReserved">public</span> <span 
class="ActionScriptfunction">function</span> <span 
class="ActionScriptDefault_Text">SearchBoxEvent</span><span 
class="ActionScriptBracket/Brace">(</span><span 
class="ActionScriptDefault_Text">type</span><span 
class="ActionScriptOperator">:</span><span 
class="ActionScriptDefault_Text">String</span>, <span 
class="ActionScriptDefault_Text">item</span><span 
class="ActionScriptOperator">:</span><span 
class="ActionScriptDefault_Text">Object</span>, <span 
class="ActionScriptDefault_Text">bubbles</span><span 
class="ActionScriptOperator">:</span><span 
class="ActionScriptDefault_Text">Boolean</span> <span 
class="ActionScriptOperator">=</span> <span 
class="ActionScriptReserved">true</span>, <span 
class="ActionScriptDefault_Text">cancelable</span><span 
class="ActionScriptOperator">:</span><span 
class="ActionScriptDefault_Text">Boolean</span> <span 
class="ActionScriptOperator">=</span> <span 
class="ActionScriptReserved">false</span><
 span class="ActionScriptBracket/Brace">)</span>
+           <span class="ActionScriptBracket/Brace">{</span>
+               <span class="ActionScriptReserved">this</span>.<span 
class="ActionScriptDefault_Text">item</span> <span 
class="ActionScriptOperator">=</span> <span 
class="ActionScriptDefault_Text">item</span>;
+            <span class="ActionScriptReserved">super</span><span 
class="ActionScriptBracket/Brace">(</span><span 
class="ActionScriptDefault_Text">type</span>, <span 
class="ActionScriptDefault_Text">bubbles</span>, <span 
class="ActionScriptDefault_Text">cancelable</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/d43c133c/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/source/final-sample/SearchDemo.html
----------------------------------------------------------------------
diff --git 
a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/source/final-sample/SearchDemo.html
 
b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/source/final-sample/SearchDemo.html
new file mode 100644
index 0000000..9af6e87
--- /dev/null
+++ 
b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/source/final-sample/SearchDemo.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/d43c133c/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
new file mode 100644
index 0000000..f5ce29b
--- /dev/null
+++ 
b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/source/final-sample/SearchDemo.mxml.html
@@ -0,0 +1,74 @@
+<!--
+  Licensed to the Apache Software Foundation (ASF) under one or more
+  contributor license agreements.  See the NOTICE file distributed with
+  this work for additional information regarding copyright ownership.
+  The ASF licenses this file to You under the Apache License, Version 2.0
+  (the "License"); you may not use this file except in compliance with
+  the License.  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT 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>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>

Reply via email to