http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/5ed4d983/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/source/SearchDemo.mxml.html
----------------------------------------------------------------------
diff --git 
a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/source/SearchDemo.mxml.html
 
b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/source/SearchDemo.mxml.html
index e9330dc..cefcc41 100644
--- 
a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/source/SearchDemo.mxml.html
+++ 
b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/source/SearchDemo.mxml.html
@@ -14,87 +14,87 @@
   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="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="MXMLSpecial_Tag">&lt;fx:Style&gt;</span>
-        <span class="CSS@namespace">@namespace</span> <span 
class="CSSSelector">s </span><span 
class="CSSString">"library://ns.adobe.com/flex/spark"</span>;
-        <span class="CSS@namespace">@namespace</span> <span 
class="CSSSelector">mx </span><span 
class="CSSString">"library://ns.adobe.com/flex/mx"</span>;
-        <span class="CSS@namespace">@namespace</span> <span 
class="CSSSelector">local </span><span class="CSSString">"*"</span>;
-        
-        <span class="CSSSelector">s|Label </span><span 
class="CSSDelimiters">{</span>
-            <span class="CSSProperty_Name">color</span><span 
class="CSSDelimiters">:</span> <span 
class="CSSProperty_Value">#000000</span><span class="CSSDelimiters">;</span>
-        <span class="CSSDelimiters">}</span>
-        
-    <span class="MXMLSpecial_Tag">&lt;/fx:Style&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">collections</span><span 
class="ActionScriptOperator">.</span><span 
class="ActionScriptDefault_Text">ArrayCollection</span>;
-            
-            <span class="ActionScriptReserved">private</span> <span 
class="ActionScriptvar">var</span> <span 
class="ActionScriptDefault_Text">names</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">"John Smith"</span><span 
class="ActionScriptOperator">,</span> <span class="ActionScriptString">"Jane 
Doe"</span><span class="ActionScriptOperator">,</span> <span 
class="ActionScriptString">"Paul Dupont"</span><span 
class="ActionScriptOperator">,</span> <span class="ActionScriptString">"Liz 
Jones"</span><span class="ActionScriptOperator">,</span> <span 
class="ActionScriptString">"Marie Taylor"</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">searchName</span><span 
class="ActionScriptBracket/Brace">(</span><span 
class="ActionScriptDefault_Text">item</span>:<span 
class="ActionScriptDefault_Text">Object</span><span 
class="ActionScriptBracket/Brace">)</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="ActionScriptOperator">.</span><span 
class="ActionScriptDefault_Text">toLowerCase</span><span 
class="ActionScriptBracket/Brace">(</span><span 
class="ActionScriptBracket/Brace">)</span><span 
class="ActionScriptOperator">.</span><span 
class="ActionScriptDefault_Text">search</span><span 
class="ActionScriptBracket/Brace">(</span><span 
class="ActionScriptDefault_Text">searchBox</span><span 
class="ActionScriptOperator">.</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="ActionScriptBracket/Brace">)</span>:<span 
class="ActionScriptReserved">void</span>
-            <span class="ActionScriptBracket/Brace">{</span>
-                <span class="ActionScriptDefault_Text">names</span><span 
class="ActionScriptOperator">.</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="ActionScriptOperator">.</span><span 
class="ActionScriptDefault_Text">refresh</span><span 
class="ActionScriptBracket/Brace">(</span><span 
class="ActionScriptBracket/Brace">)</span>;
-                <span class="ActionScriptDefault_Text">searchBox</span><span 
class="ActionScriptOperator">.</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="ActionScriptDefault_Text">SearchBoxEvent</span><span 
class="ActionScriptBracket/Brace">)</span>:<span 
class="ActionScriptReserved">void</span>
-            <span class="ActionScriptBracket/Brace">{</span>
-                <span class="ActionScriptDefault_Text">fullName</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">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="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: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;s:HGroup</span><span 
class="MXMLDefault_Text"> </span><span class="MXMLComponent_Tag">&gt;</span>
-            <span class="MXMLComponent_Tag">&lt;s:Label</span><span 
class="MXMLDefault_Text"> text="</span><span class="MXMLString">Type a few 
characters to search:</span><span class="MXMLDefault_Text">" </span><span 
class="MXMLComponent_Tag">/&gt;</span>
-            <span class="MXMLComponent_Tag">&lt;local:SearchBox</span><span 
class="MXMLDefault_Text"> id="</span><span 
class="MXMLString">searchBox</span><span class="MXMLDefault_Text">" 
textChange="</span><span 
class="ActionScriptDefault_Text">textChangeHandler</span><span 
class="ActionScriptBracket/Brace">(</span><span 
class="ActionScriptBracket/Brace">)</span><span class="MXMLDefault_Text">" 
itemSelected="</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">"</span><span class="MXMLComponent_Tag">/&gt;</span>
-        <span class="MXMLComponent_Tag">&lt;/s:HGroup&gt;</span>
-        
-        <span class="MXMLComponent_Tag">&lt;mx:FormItem</span><span 
class="MXMLDefault_Text"> label="</span><span class="MXMLString">You 
selected:</span><span class="MXMLDefault_Text">" </span><span 
class="MXMLComponent_Tag">&gt;</span>
-            <span class="MXMLComponent_Tag">&lt;s:TextInput</span><span 
class="MXMLDefault_Text"> id="</span><span 
class="MXMLString">fullName</span><span class="MXMLDefault_Text">"</span><span 
class="MXMLComponent_Tag">/&gt;</span>
-        <span class="MXMLComponent_Tag">&lt;/mx:FormItem&gt;</span>
-        
-    <span class="MXMLComponent_Tag">&lt;/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>SearchDemo.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="MXMLSpecial_Tag">&lt;fx:Style&gt;</span>
+        <span class="CSS@namespace">@namespace</span> <span 
class="CSSSelector">s </span><span 
class="CSSString">"library://ns.adobe.com/flex/spark"</span>;
+        <span class="CSS@namespace">@namespace</span> <span 
class="CSSSelector">mx </span><span 
class="CSSString">"library://ns.adobe.com/flex/mx"</span>;
+        <span class="CSS@namespace">@namespace</span> <span 
class="CSSSelector">local </span><span class="CSSString">"*"</span>;
+        
+        <span class="CSSSelector">s|Label </span><span 
class="CSSDelimiters">{</span>
+            <span class="CSSProperty_Name">color</span><span 
class="CSSDelimiters">:</span> <span 
class="CSSProperty_Value">#000000</span><span class="CSSDelimiters">;</span>
+        <span class="CSSDelimiters">}</span>
+        
+    <span class="MXMLSpecial_Tag">&lt;/fx:Style&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">collections</span><span 
class="ActionScriptOperator">.</span><span 
class="ActionScriptDefault_Text">ArrayCollection</span>;
+            
+            <span class="ActionScriptReserved">private</span> <span 
class="ActionScriptvar">var</span> <span 
class="ActionScriptDefault_Text">names</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">"John Smith"</span><span 
class="ActionScriptOperator">,</span> <span class="ActionScriptString">"Jane 
Doe"</span><span class="ActionScriptOperator">,</span> <span 
class="ActionScriptString">"Paul Dupont"</span><span 
class="ActionScriptOperator">,</span> <span class="ActionScriptString">"Liz 
Jones"</span><span class="ActionScriptOperator">,</span> <span 
class="ActionScriptString">"Marie Taylor"</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">searchName</span><span 
class="ActionScriptBracket/Brace">(</span><span 
class="ActionScriptDefault_Text">item</span>:<span 
class="ActionScriptDefault_Text">Object</span><span 
class="ActionScriptBracket/Brace">)</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="ActionScriptOperator">.</span><span 
class="ActionScriptDefault_Text">toLowerCase</span><span 
class="ActionScriptBracket/Brace">(</span><span 
class="ActionScriptBracket/Brace">)</span><span 
class="ActionScriptOperator">.</span><span 
class="ActionScriptDefault_Text">search</span><span 
class="ActionScriptBracket/Brace">(</span><span 
class="ActionScriptDefault_Text">searchBox</span><span 
class="ActionScriptOperator">.</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="ActionScriptBracket/Brace">)</span>:<span 
class="ActionScriptReserved">void</span>
+            <span class="ActionScriptBracket/Brace">{</span>
+                <span class="ActionScriptDefault_Text">names</span><span 
class="ActionScriptOperator">.</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="ActionScriptOperator">.</span><span 
class="ActionScriptDefault_Text">refresh</span><span 
class="ActionScriptBracket/Brace">(</span><span 
class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptDefault_Text">searchBox</span><span 
class="ActionScriptOperator">.</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="ActionScriptDefault_Text">SearchBoxEvent</span><span 
class="ActionScriptBracket/Brace">)</span>:<span 
class="ActionScriptReserved">void</span>
+            <span class="ActionScriptBracket/Brace">{</span>
+                <span class="ActionScriptDefault_Text">fullName</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">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="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: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;s:HGroup</span><span 
class="MXMLDefault_Text"> </span><span class="MXMLComponent_Tag">&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;s:Label</span><span 
class="MXMLDefault_Text"> text="</span><span class="MXMLString">Type a few 
characters to search:</span><span class="MXMLDefault_Text">" </span><span 
class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;local:SearchBox</span><span 
class="MXMLDefault_Text"> id="</span><span 
class="MXMLString">searchBox</span><span class="MXMLDefault_Text">" 
textChange="</span><span 
class="ActionScriptDefault_Text">textChangeHandler</span><span 
class="ActionScriptBracket/Brace">(</span><span 
class="ActionScriptBracket/Brace">)</span><span class="MXMLDefault_Text">" 
itemSelected="</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">"</span><span class="MXMLComponent_Tag">/&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;/s:HGroup&gt;</span>
+        
+        <span class="MXMLComponent_Tag">&lt;mx:FormItem</span><span 
class="MXMLDefault_Text"> label="</span><span class="MXMLString">You 
selected:</span><span class="MXMLDefault_Text">" </span><span 
class="MXMLComponent_Tag">&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;s:TextInput</span><span 
class="MXMLDefault_Text"> id="</span><span 
class="MXMLString">fullName</span><span class="MXMLDefault_Text">"</span><span 
class="MXMLComponent_Tag">/&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;/mx:FormItem&gt;</span>
+        
+    <span class="MXMLComponent_Tag">&lt;/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/source/TDFGradientBackgroundSkin.mxml.html
----------------------------------------------------------------------
diff --git 
a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/source/TDFGradientBackgroundSkin.mxml.html
 
b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/source/TDFGradientBackgroundSkin.mxml.html
index a5c4b7a..08e0ab0 100644
--- 
a/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/source/TDFGradientBackgroundSkin.mxml.html
+++ 
b/TourDeFlex/TourDeFlex_content/flex4.0/Sample-Adobe-Components/srcview/source/TDFGradientBackgroundSkin.mxml.html
@@ -14,44 +14,44 @@
   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>TDFGradientBackgroundSkin.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:SparkSkin</span><span 
class="MXMLDefault_Text"> xmlns:fx="</span><span 
class="MXMLString">http://ns.adobe.com/mxml/2009</span><span 
class="MXMLDefault_Text">" 
-             xmlns:mx="</span><span 
class="MXMLString">library://ns.adobe.com/flex/mx</span><span 
class="MXMLDefault_Text">" 
-             xmlns:s="</span><span 
class="MXMLString">library://ns.adobe.com/flex/spark</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">HostComponent</span><span 
class="ActionScriptBracket/Brace">(</span><span 
class="ActionScriptString">"spark.components.Application"</span><span 
class="ActionScriptBracket/Brace">)</span><span 
class="ActionScriptBracket/Brace">]</span>
-    <span class="MXMLSpecial_Tag">&lt;/fx:Metadata&gt;</span> 
-    
-    <span class="MXMLComponent_Tag">&lt;s:states&gt;</span>
-        <span class="MXMLComponent_Tag">&lt;s:State</span><span 
class="MXMLDefault_Text"> name="</span><span 
class="MXMLString">normal</span><span class="MXMLDefault_Text">" </span><span 
class="MXMLComponent_Tag">/&gt;</span>
-        <span class="MXMLComponent_Tag">&lt;s:State</span><span 
class="MXMLDefault_Text"> name="</span><span 
class="MXMLString">disabled</span><span class="MXMLDefault_Text">" </span><span 
class="MXMLComponent_Tag">/&gt;</span>
-    <span class="MXMLComponent_Tag">&lt;/s:states&gt;</span>
-    
-    <span class="MXMLComponent_Tag">&lt;s:layout&gt;</span>
-        <span class="MXMLComponent_Tag">&lt;s:BasicLayout</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:Rect</span><span 
class="MXMLDefault_Text"> id="</span><span class="MXMLString">bg</span><span 
class="MXMLDefault_Text">" width="</span><span 
class="MXMLString">100%</span><span class="MXMLDefault_Text">" 
height="</span><span class="MXMLString">100%</span><span 
class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
-        <span class="MXMLComponent_Tag">&lt;s:fill&gt;</span>
-            <span class="MXMLComponent_Tag">&lt;s:LinearGradient</span><span 
class="MXMLDefault_Text"> rotation="</span><span 
class="MXMLString">90</span><span class="MXMLDefault_Text">"</span><span 
class="MXMLComponent_Tag">&gt;</span>
-                <span class="MXMLComponent_Tag">&lt;s:entries&gt;</span>
-                    <span 
class="MXMLComponent_Tag">&lt;s:GradientEntry</span><span 
class="MXMLDefault_Text"> color="</span><span 
class="MXMLString">0x000000</span><span class="MXMLDefault_Text">" 
ratio="</span><span class="MXMLString">0.00</span><span 
class="MXMLDefault_Text">" </span><span class="MXMLComponent_Tag">/&gt;</span>
-                    <span 
class="MXMLComponent_Tag">&lt;s:GradientEntry</span><span 
class="MXMLDefault_Text"> color="</span><span 
class="MXMLString">0x323232</span><span class="MXMLDefault_Text">" 
ratio="</span><span class="MXMLString">1.0</span><span 
class="MXMLDefault_Text">" </span><span class="MXMLComponent_Tag">/&gt;</span>
-                <span class="MXMLComponent_Tag">&lt;/s:entries&gt;</span>
-            <span class="MXMLComponent_Tag">&lt;/s:LinearGradient&gt;</span>   
 
-        <span class="MXMLComponent_Tag">&lt;/s:fill&gt;</span>
-    <span class="MXMLComponent_Tag">&lt;/s:Rect&gt;</span>
-    
-    <span class="MXMLComponent_Tag">&lt;s:Group</span><span 
class="MXMLDefault_Text"> id="</span><span 
class="MXMLString">contentGroup</span><span class="MXMLDefault_Text">" 
left="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">" 
right="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">" 
top="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">" 
bottom="</span><span class="MXMLString">0</span><span 
class="MXMLDefault_Text">" </span><span class="MXMLComponent_Tag">/&gt;</span>
-<span class="MXMLComponent_Tag">&lt;/s:SparkSkin&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>TDFGradientBackgroundSkin.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:SparkSkin</span><span 
class="MXMLDefault_Text"> xmlns:fx="</span><span 
class="MXMLString">http://ns.adobe.com/mxml/2009</span><span 
class="MXMLDefault_Text">" 
+             xmlns:mx="</span><span 
class="MXMLString">library://ns.adobe.com/flex/mx</span><span 
class="MXMLDefault_Text">" 
+             xmlns:s="</span><span 
class="MXMLString">library://ns.adobe.com/flex/spark</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">HostComponent</span><span 
class="ActionScriptBracket/Brace">(</span><span 
class="ActionScriptString">"spark.components.Application"</span><span 
class="ActionScriptBracket/Brace">)</span><span 
class="ActionScriptBracket/Brace">]</span>
+    <span class="MXMLSpecial_Tag">&lt;/fx:Metadata&gt;</span> 
+    
+    <span class="MXMLComponent_Tag">&lt;s:states&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;s:State</span><span 
class="MXMLDefault_Text"> name="</span><span 
class="MXMLString">normal</span><span class="MXMLDefault_Text">" </span><span 
class="MXMLComponent_Tag">/&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;s:State</span><span 
class="MXMLDefault_Text"> name="</span><span 
class="MXMLString">disabled</span><span class="MXMLDefault_Text">" </span><span 
class="MXMLComponent_Tag">/&gt;</span>
+    <span class="MXMLComponent_Tag">&lt;/s:states&gt;</span>
+    
+    <span class="MXMLComponent_Tag">&lt;s:layout&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;s:BasicLayout</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:Rect</span><span 
class="MXMLDefault_Text"> id="</span><span class="MXMLString">bg</span><span 
class="MXMLDefault_Text">" width="</span><span 
class="MXMLString">100%</span><span class="MXMLDefault_Text">" 
height="</span><span class="MXMLString">100%</span><span 
class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;s:fill&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;s:LinearGradient</span><span 
class="MXMLDefault_Text"> rotation="</span><span 
class="MXMLString">90</span><span class="MXMLDefault_Text">"</span><span 
class="MXMLComponent_Tag">&gt;</span>
+                <span class="MXMLComponent_Tag">&lt;s:entries&gt;</span>
+                    <span 
class="MXMLComponent_Tag">&lt;s:GradientEntry</span><span 
class="MXMLDefault_Text"> color="</span><span 
class="MXMLString">0x000000</span><span class="MXMLDefault_Text">" 
ratio="</span><span class="MXMLString">0.00</span><span 
class="MXMLDefault_Text">" </span><span class="MXMLComponent_Tag">/&gt;</span>
+                    <span 
class="MXMLComponent_Tag">&lt;s:GradientEntry</span><span 
class="MXMLDefault_Text"> color="</span><span 
class="MXMLString">0x323232</span><span class="MXMLDefault_Text">" 
ratio="</span><span class="MXMLString">1.0</span><span 
class="MXMLDefault_Text">" </span><span class="MXMLComponent_Tag">/&gt;</span>
+                <span class="MXMLComponent_Tag">&lt;/s:entries&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;/s:LinearGradient&gt;</span>   
 
+        <span class="MXMLComponent_Tag">&lt;/s:fill&gt;</span>
+    <span class="MXMLComponent_Tag">&lt;/s:Rect&gt;</span>
+    
+    <span class="MXMLComponent_Tag">&lt;s:Group</span><span 
class="MXMLDefault_Text"> id="</span><span 
class="MXMLString">contentGroup</span><span class="MXMLDefault_Text">" 
left="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">" 
right="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">" 
top="</span><span class="MXMLString">0</span><span class="MXMLDefault_Text">" 
bottom="</span><span class="MXMLString">0</span><span 
class="MXMLDefault_Text">" </span><span class="MXMLComponent_Tag">/&gt;</span>
+<span class="MXMLComponent_Tag">&lt;/s:SparkSkin&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/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
index 5951df7..c250db9 100644
--- 
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
@@ -14,84 +14,84 @@
   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>
+<!-- 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/5ed4d983/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
index 10a921b..88b24de 100644
--- 
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
@@ -14,28 +14,28 @@
   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>
+<!-- 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/5ed4d983/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
index 64a1300..3fbb98e 100644
--- 
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
@@ -14,29 +14,29 @@
   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>
+<!-- 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/5ed4d983/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
index 1d86818..adb434f 100644
--- 
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
@@ -14,15 +14,15 @@
   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>
+<!-- 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/5ed4d983/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
index 7606edd..ce491b0 100644
--- 
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
@@ -14,15 +14,15 @@
   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>
+<!-- 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/5ed4d983/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
index 794de3c..d64be37 100644
--- 
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
@@ -14,15 +14,15 @@
   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>
+<!-- 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/5ed4d983/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
index e2ed68a..1deac57 100644
--- 
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
@@ -14,15 +14,15 @@
   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>
+<!-- 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>

Reply via email to